/* Minification failed. Returning unminified contents.
(740,33): run-time error CSS1030: Expected identifier, found ' '
(2918,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(4591,26): run-time error CSS1019: Unexpected token, found ':'
(4591,26): run-time error CSS1042: Expected function, found ':'
(4591,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
 */
/*
 * easy-autocomplete
 * jQuery plugin for autocompletion
 * 
 * @author Łukasz Pawełczak (http://github.com/pawelczak)
 * @version 1.3.5
 * Copyright  License: 
 */

.easy-autocomplete{position:relative}.easy-autocomplete-not input{border-color:#ccc;border-radius:4px;border-style:solid;border-width:1px;box-shadow:0 1px 2px rgba(0,0,0,0.1) inset;color:#555;float:none;padding:6px 12px}.easy-autocomplete input:hover,.easy-autocomplete input:focus{box-shadow:none}.easy-autocomplete a{display:block}.easy-autocomplete.eac-blue-light input:hover,.easy-autocomplete.eac-blue-light input:focus{border-color:#66afe9;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(102,175,233,0.6)}.easy-autocomplete.eac-blue-light ul{border-color:#66afe9;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(102,175,233,0.6)}.easy-autocomplete.eac-blue-light ul li,.easy-autocomplete.eac-blue-light ul .eac-category{border-color:#66afe9}.easy-autocomplete.eac-blue-light ul li.selected,.easy-autocomplete.eac-blue-light ul .eac-category.selected{background-color:#ecf5fc}.easy-autocomplete.eac-green-light input:hover,.easy-autocomplete.eac-green-light input:focus{border-color:#41DB00;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(146,237,107,0.6)}.easy-autocomplete.eac-green-light ul{border-color:#41DB00;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(146,237,107,0.6)}.easy-autocomplete.eac-green-light ul li,.easy-autocomplete.eac-green-light ul .eac-category{border-color:#41DB00}.easy-autocomplete.eac-green-light ul li.selected,.easy-autocomplete.eac-green-light ul .eac-category.selected{background-color:#9eff75}.easy-autocomplete.eac-red-light input:hover,.easy-autocomplete.eac-red-light input:focus{border-color:#ff5b5b;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(255,90,90,0.6)}.easy-autocomplete.eac-red-light ul{border-color:#ff5b5b;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(255,90,90,0.6)}.easy-autocomplete.eac-red-light ul li,.easy-autocomplete.eac-red-light ul .eac-category{border-color:#ff5b5b}.easy-autocomplete.eac-red-light ul li.selected,.easy-autocomplete.eac-red-light ul .eac-category.selected{background-color:#ff8e8e}.easy-autocomplete.eac-yellow-light input:hover,.easy-autocomplete.eac-yellow-light input:focus{border-color:#ffdb00;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(255,231,84,0.6)}.easy-autocomplete.eac-yellow-light ul{border-color:#ffdb00;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(255,231,84,0.6)}.easy-autocomplete.eac-yellow-light ul li,.easy-autocomplete.eac-yellow-light ul .eac-category{border-color:#ffdb00}.easy-autocomplete.eac-yellow-light ul li.selected,.easy-autocomplete.eac-yellow-light ul .eac-category.selected{background-color:#ffe233}.easy-autocomplete.eac-dark-light input:hover,.easy-autocomplete.eac-dark-light input:focus{border-color:#333;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(55,55,55,0.6)}.easy-autocomplete.eac-dark-light ul{border-color:#333;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(55,55,55,0.6)}.easy-autocomplete.eac-dark-light ul li,.easy-autocomplete.eac-dark-light ul .eac-category{border-color:#333}.easy-autocomplete.eac-dark-light ul li.selected,.easy-autocomplete.eac-dark-light ul .eac-category.selected{background-color:#4d4d4d;color:#fff}.easy-autocomplete.eac-dark{color:#fff}.easy-autocomplete.eac-dark input{background-color:#404040;border-radius:4px;box-shadow:0;color:#f6f6f6}.easy-autocomplete.eac-dark input:hover,.easy-autocomplete.eac-dark input:focus{border-color:#333;box-shadow:0}.easy-autocomplete.eac-dark ul{border-color:#333}.easy-autocomplete.eac-dark ul li,.easy-autocomplete.eac-dark ul .eac-category{background-color:#404040;border-color:#333}.easy-autocomplete.eac-dark ul li.selected,.easy-autocomplete.eac-dark ul .eac-category.selected{background-color:#737373;color:#f6f6f6}.easy-autocomplete.eac-dark-glass{color:#fff}.easy-autocomplete.eac-dark-glass input{background-color:rgba(0,0,0,0.8);border-radius:4px;box-shadow:0;color:#f6f6f6}.easy-autocomplete.eac-dark-glass input:hover,.easy-autocomplete.eac-dark-glass input:focus{border-color:rgba(0,0,0,0.8);box-shadow:0}.easy-autocomplete.eac-dark-glass ul{border-color:rgba(0,0,0,0.8)}.easy-autocomplete.eac-dark-glass ul li,.easy-autocomplete.eac-dark-glass ul .eac-category{background-color:rgba(0,0,0,0.8);border-color:rgba(0,0,0,0.8)}.easy-autocomplete.eac-dark-glass ul li.selected,.easy-autocomplete.eac-dark-glass ul .eac-category.selected{background-color:rgba(64,64,64,0.8);color:#f6f6f6}.easy-autocomplete.eac-dark-glass ul li:last-child,.easy-autocomplete.eac-dark-glass ul .eac-category:last-child{border-radius:0 0 4px 4px}.easy-autocomplete.eac-blue{color:#fff}.easy-autocomplete.eac-blue input{background-color:#6d9ed1;border-radius:4px;box-shadow:0;color:#f6f6f6}.easy-autocomplete.eac-blue input::-webkit-input-placeholder{color:#f6f6f6}.easy-autocomplete.eac-blue input:-moz-placeholder{color:#f6f6f6}.easy-autocomplete.eac-blue input::-moz-placeholder{color:#f6f6f6}.easy-autocomplete.eac-blue input:-ms-input-placeholder{color:#f6f6f6}.easy-autocomplete.eac-blue input:hover,.easy-autocomplete.eac-blue input:focus{border-color:#5A91CB;box-shadow:0}.easy-autocomplete.eac-blue ul{border-color:#5A91CB}.easy-autocomplete.eac-blue ul li,.easy-autocomplete.eac-blue ul .eac-category{background-color:#6d9ed1;border-color:#5A91CB}.easy-autocomplete.eac-blue ul li.selected,.easy-autocomplete.eac-blue ul .eac-category.selected{background-color:#94b8dd;color:#f6f6f6}.easy-autocomplete.eac-yellow{color:#333}.easy-autocomplete.eac-yellow input{background-color:#ffdb7e;border-color:#333;border-radius:4px;box-shadow:0;color:#333}.easy-autocomplete.eac-yellow input:hover,.easy-autocomplete.eac-yellow input:focus{border-color:#333;box-shadow:0}.easy-autocomplete.eac-yellow ul{border-color:#333}.easy-autocomplete.eac-yellow ul li,.easy-autocomplete.eac-yellow ul .eac-category{background-color:#ffdb7e;border-color:#333}.easy-autocomplete.eac-yellow ul li.selected,.easy-autocomplete.eac-yellow ul .eac-category.selected{background-color:#ffe9b1;color:#333}.easy-autocomplete.eac-purple{color:#333}.easy-autocomplete.eac-purple input{background-color:#d6d1e7;border-color:#b8afd5;box-shadow:0;color:#333}.easy-autocomplete.eac-purple input:hover,.easy-autocomplete.eac-purple input:focus{border-color:#333;box-shadow:0}.easy-autocomplete.eac-purple ul{border-color:#333}.easy-autocomplete.eac-purple ul li,.easy-autocomplete.eac-purple ul .eac-category{background-color:#d6d1e7;border-color:#333}.easy-autocomplete.eac-purple ul li.selected,.easy-autocomplete.eac-purple ul .eac-category.selected{background-color:#ebe8f3;color:#333}.easy-autocomplete.eac-bootstrap input{border-color:#ccc;border-radius:4px;border-style:solid;border-width:1px;color:#555;padding:6px 12px}.easy-autocomplete-container{left:0;position:absolute;width:100%;z-index:200}.easy-autocomplete-container ul{background:none repeat scroll 0 0 #ffffff;border-top:1px dotted #ccc;display:none;margin-top:0;padding-bottom:0;padding-left:0;position:relative;top:-1px}.easy-autocomplete-container ul li,.easy-autocomplete-container ul .eac-category{background:inherit;border-color:#ccc;border-image:none;border-style:solid;border-width:0 1px;display:block;font-size:14px;font-weight:normal;padding:4px 12px}.easy-autocomplete-container ul li:last-child{border-radius:0 0 2px 2px;border-width:0 1px 1px}.easy-autocomplete-container ul li.selected{background:none repeat scroll 0 0 #ebebeb;cursor:pointer}.easy-autocomplete-container ul li.selected div{font-weight:normal}.easy-autocomplete-container ul li div{display:block;font-weight:normal;word-break:break-all}.easy-autocomplete-container ul li b{font-weight:bold}.easy-autocomplete-container ul .eac-category{font-color:#aaa;font-style:italic}.eac-description .eac-item span{color:#aaa;font-style:italic;font-size:0.9em}.eac-icon-left .eac-item img{margin-right:4px;max-height:30px}.eac-icon-right .eac-item{margin-top:8px;min-height:24px;position:relative}.eac-icon-right .eac-item img{margin-left:4px;max-height:30px;position:absolute;right:-4px;top:-8px}
/*# sourceMappingURL=easy-autocomplete.min.css.map */

/*
    Achtergrond: 				#f0f0f0
Lijnen tussen leads:			#f0f0f0
Blauw (bijv. font en zijnavigatie): 		#011e41
Fontkleur grijs (bijv. subnavigatie):		#9b9b9b
Rood (bijv. lijnen onder navigatie):		#e1251b
Kleur achtergrond melding		#e1251b > 15%
    kleur linkerbalk met views: #001228

*/

html, body {
    height: 100%;
    color: #011e41;
}

body {
    /*font-family: "Source Sans Pro", sans-serif;*/
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    margin-right: 0px;
    overflow-y: hidden !important;
    overflow-x: hidden !important;
    padding-top: 0px;
    background-color: #f3f3f3;
}

    body.login-body {
        overflow-y: auto !important;
    }

a {
    color: #011e41;
}

.body-content {
    margin-top: 4px;
    padding-left: 15px;
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 200;
    font-display: swap;
    src: local('Source Sans Pro ExtraLight Italic'), local('SourceSansPro-ExtraLightItalic'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZYokSds18E.ttf) format('truetype');
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightItalic'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZMkids18E.ttf) format('truetype');
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK1dSBYKcSV-LCoeQqfX1RYOo3qPZ7nsDc.ttf) format('truetype');
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: local('Source Sans Pro SemiBold Italic'), local('SourceSansPro-SemiBoldItalic'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZY4lCds18E.ttf) format('truetype');
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldItalic'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZclSds18E.ttf) format('truetype');
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: local('Source Sans Pro Black Italic'), local('SourceSansPro-BlackItalic'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKwdSBYKcSV-LCoeQqfX1RYOo3qPZZklyds18E.ttf) format('truetype');
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3i94_wlxdr.ttf) format('truetype');
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdr.ttf) format('truetype');
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7g.ttf) format('truetype');
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdr.ttf) format('truetype');
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlxdr.ttf) format('truetype');
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local('Source Sans Pro Black'), local('SourceSansPro-Black'), url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nwlxdr.ttf) format('truetype');
}
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url(https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKWyV9hrIqY.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v17/mem6YaGs126MiZpBA-UFUK0Zdcg.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKXGUdhrIqY.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKWiUNhrIqY.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'), url(https://fonts.gstatic.com/s/opensans/v17/memnYaGs126MiZpBA-UFUKW-U9hrIqY.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OUuhs.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVZ0e.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOUuhs.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOUuhs.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN8rsOUuhs.ttf) format('truetype');
}
@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/oswald/v35/TK3_WkUHHAIjg75cFRf3bXL8LICs13FvsUZiYA.ttf) format('truetype');
}

@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/oswald/v35/TK3_WkUHHAIjg75cFRf3bXL8LICs169vsUZiYA.ttf) format('truetype');
}

@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/oswald/v35/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUZiYA.ttf) format('truetype');
}

@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/oswald/v35/TK3_WkUHHAIjg75cFRf3bXL8LICs18NvsUZiYA.ttf) format('truetype');
}

@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/oswald/v35/TK3_WkUHHAIjg75cFRf3bXL8LICs1y9osUZiYA.ttf) format('truetype');
}

@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/oswald/v35/TK3_WkUHHAIjg75cFRf3bXL8LICs1xZosUZiYA.ttf) format('truetype');
}

@font-face {
    font-family: 'ACDC Icons';
    src: url('/dist/fonts/acdc.woff');
}

@font-face {
    font-family: 'Max Icons';
    src: url('/dist/fonts/max_icons.woff?v=6');
}

.navbar {
    min-height: 1px !important;
}

.navbar-brand {
    display: block;
    height: 80px;
    overflow: hidden;
    margin-left: -15px;
    padding: 5px 15px;
}

    .navbar-brand img {
        margin-top: 5px;
    }

.details-ajax .navbar-toggle {
    display:none;
}

.navbar-max .navbar-header .navbar-toggle {
/*    margin-right: 25px;
*/
    position:absolute;
    left:42px;
    top:-62px;
    border:none;
}

    .navbar-max .navbar-header .navbar-toggle:hover, .navbar-max .navbar-header .navbar-toggle:focus, .navbar-max .navbar-header-icon.navbar-toggle:hover, .navbar-max .navbar-header-icon.navbar-toggle:focus {
        background-color: unset;
    }
.navbar-default .navbar-toggle .icon-bar {
    background-color:white;
}

.navbar-views-toggle .navbar-toggle {
    color: white;
    float: left;
    margin-bottom: 0;
    margin-top: 2px;
    padding-left: 24px;
    padding-right: 10px;
}

.navbar-views-filter {
    /*    
    background-image: url(/images/btn_filter.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
*/
    background-color: #001228;
    border-radius: 50%;
    border: 0px solid white;
    position: fixed;
    top: 84px;
    left: -28px;
    width: 62px;
    height: 52px;
    font-weight: normal;
}


.navbar-toggle .navbar-views-filter:before {
    -webkit-font-smoothing: antialiased;
    content: "\e81c";
    font-family: 'Max Icons';
    position: absolute;
    top: 15px;
    left: 34px;
}

.navbar-views-toggle .navbar-toggle .glyphicon-th-list:before {
    content: none;
}

    .navbar-max .navbar-level-1 > .open > a,
    .navbar-max .navbar-level-1 > .open > a:hover,
    .navbar-max .navbar-level-1 > .open > a:focus {
        background-color: transparent !important;
        color: #011e41;
    }

.navbar-max .navbar-level-2 > .open > a,
.navbar-max .navbar-level-2 > .open > a:hover,
.navbar-max .navbar-level-2 > .open > a:focus,
.navbar-max .navbar-level-2 > .active > a {
    background-color: #F5F5F5 !important;
    font-weight: 700;
}

.navbar-level-1 a {
    font-size: 14px;
    font-weight: 600;

}


#menu_list .navbar-nav li {
    float: none;
}

.navbar-collapse {
    padding-left: 0;
    z-index: 99;
    /* hm, this caused the toolbar to show on top of a drop down menu option?*/
/*    position: relative;
*/

}

.main-leftcol .navbar-collapse {
    padding-right: 0;
}

.main-leftcol {
    padding-right: 0 !important;
    background-color: #001228;
    height: 100%;
    /*    padding-left: 40px;
    background-color: #011e41;
*/ padding-top: 20px;
   overflow-y:auto;
}

.midcontainer {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.container-left {
    float: left;
    padding-right: 20px;
    padding-top: 30px;
}

.container-mid {
    overflow: hidden;
}


    .lst-table-hdr {
        /*min-width: 700px;*/
        table-layout: fixed;
        width: 100%;
    }

.lst-contents {
/*    overflow-y: scroll;
*/
    overflow-y: auto;
}

.no-scroll-y .lst-contents {
    overflow-y: hidden;
}
.no-scroll .lst-contents {
    overflow-y: hidden;
    overflow-x: hidden;
}


.form_scroll {
    overflow-y: scroll;
    overflow-x: hidden;
}
/* 16-3-2017: f*cking scrollbar. why do i gove it this margin? 
    => because it will show a horizontal scrollbar for nothing
    .form_scroll .form-content {
        margin-right: 20px;
    }
*/

.lst-list .table-responsive .form_scroll {
    overflow-x: initial;
}

/* 14-9-2017: tried to give the ajax lists a default right margin so that the scrollbar would
    show up, but this is not the correct selector, because it gives too much lists a margin: .details-ajax .lst-list
    So I added a new class for it, that can be set when wanted
*/
.lst-margin-right .lst-list {
    margin-right: 12px;
}

.form-object {
    margin-top: 10px;
}

/*   
.vert-scroll-margin {
    padding-right: 20px;
}
*/

.partial-view .vert-scroll-margin, .details-ajax .vert-scroll-margin {
    background-color: transparent;
    padding-right: 0;
}

.lst-table td,
.lst-table-hdr th {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lst-table-hdr th {
/*    background-color: #00599a;
    color: #fff;
*/    padding: 4px;
    text-align: left;
    font-weight:bold;
    font-size:11px;
}

h1 {
    font-size: 16px;
    text-transform:uppercase;
    font-weight: 700;
    line-height: inherit;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 4px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.form-footer {
    color: #333;
    font-size: 10px;
}

input[type=button].default:hover,
input[type=submit].default:hover,
button.default:hover {
    background-color: #011e41;
}

input[type=button]:hover,
input[type=button]:focus,
input[type=submit]:hover,
button:hover,
.btn-max:hover,
.btn-max:focus {
    background-color: #011e41;
    color: white;
}

input[type=button],
input[type=submit],
button, .btn-max {
    -webkit-appearance: none;
    background-color: #011e41;
    border: 0;
    border-radius: 4px;
    color: white;
    font-size: 100%;
    padding: 5px 12px;
}

.btn-max {
    display:block;
    padding: 6px 12px;
    text-align:center;
}

    .btn-max:hover {
        cursor: pointer;
        text-decoration: none;
        background-color: #E1251B;
        border-color: #E1251B;
        color: white;
        transition: all .3s;
        outline: none;
    }
    .btn-max-NOTUSED:after {
/*        width: 22px;
        height: 18px;
*/        display: inline-block;
        position: absolute;
        padding-left: 20px;
        font-family: 'Max Icons';
        font-size:14px;
        font-weight: 400;
    }
    .btn-max-:before {
     display: inline-block;
    position: absolute;
    padding-right: 20px;
    font-family: 'Max Icons';
    font-size: 14px;
    font-weight: 400;
}
    .btn-max.btn-search {
        width: 150px;
        display:inline-block;
        margin-top:10px;
        font-weight:bold;
    }
    .btn-max.btn-search:before {
        content: "\e807";
        font-family: 'Max Icons';
        padding-right:10px;
    }

.xsearch-panel {
    max-width:1070px;
}
    .xsearch-panel > form > span {
        display:table;
        margin-left:auto;
        margin-right:auto;
    }
/* we will probably not use the search info */
.xsearch-info {
    display: none;
}
.xsearch-info-off {
    display:none;
}

.xsearch-panel .btn-search-clear {
    width: 150px;
    padding: 6px 18px;
    text-decoration:underline;
    /*    background-color: #011e41;
    display: block;
    text-align: center;
    border: 0;
    border-radius: 4px;
    color: white;
*/
}
    .xsearch-panel .btn-search-clear:hover {
            cursor: pointer;
        text-decoration:underline;
    }
    .xsearch-panel .btn-search-clear:before {
        content: "\e80d";
        font-family: 'Max Icons';
        padding-right:10px;
        font-size:11px;
    }
    /*.xsearch-panel .btn-search-clear:before {
    content:"Clear";
}*/
    .xsearch-panel .btn-search-clear-x {
    width: 22px;
    height: 22px;
    position: absolute;
    right: 12px;
    top: 8px;
    background-color: transparent;
    color: #011e41;
    border: 1px solid #011e41;
    border-radius: 50%;
}
    .xsearch-panel .btn-search-clear-x:before {
        font-family: 'Max Icons';
        content: "\e80d";
        position: absolute;
        left: 5px;
        top: 4px;
        font-size: 9px;
        font-weight: 800;
    }
    .xsearch-panel .btn-search-clear-x:hover {
        cursor: pointer;
        text-decoration: none;
        background-color: #E1251B;
        border-color: #E1251B;
        color: white;
        transition: all .3s;
    }

.lst-img {
    background-image: url(/Images/mlm_bg.png);
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    margin-left: 2px;
    margin-top: 2px;
    min-height: 16px;
    min-width: 16px;
    opacity: 0.4;
}

.hover-show, .hover-show-initial {
    opacity: 0.0;
}

tr:hover .hover-show {
    opacity: 0.4;
}

tr:hover .hover-show-initial {
    opacity: 1.0;
}

.hover-show:hover {
    color: black;
    font-weight: 700;
    opacity: 1.0;
}

.hover-show.no-underline:hover {
    text-decoration: none;
}

.newlnk {
    background-color: transparent;
    background-image: url(/Images/new.gif);
    background-position: 2px 4px;
    background-repeat: no-repeat;
    padding-left: 20px !important;
    padding-right: 10px;
}

.lst-s-form {
    margin-bottom: 2px;
}

.partial-view .hdr, .details-ajax .hdr {
    color: #011e41;
    font-size: 13px;
    font-weight: 700;
    margin-right: 0px;
    padding: 8px 4px 4px 12px; /* check the dashboard panels when changing this */
    float: none;
}

    .details-ajax .hdr {
        margin-top:4px;
    }
    .details-ajax .hdr-toolbar {
/*        border-top: 1px solid #cfcfcf;
*/        margin-top: 6px;
        width: 100%;
        margin-bottom:8px;
    }

    .hdrtbl {
        margin-left: 0;
    }

.lst-toolbar > .navbar-nav > li. {
    float: right;
}


.nav .xsearch {
    display: none;
}

/*.nav #xsearch_search {
    top: 300px;
    left: 800px;
    position: absolute;
}
.nav #xsearch_clear {
    top: 300px;
    left: 600px;
}
    .nav .xsearch.vis {
    display: list-item;
}
*/


.xsearch-expr span {
    font-weight: bold;
}

.testing {
    font-weight: bold;
}

/* date control start */
.ctl-container .datepicker {
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    z-index: 80;
    /* direction: ltr; */
}

.datepicker.dropdown-menu {
    min-width: 220px;
}

.date .form-control {
    border-right:none;
}
.date .input-group-addon {
    border: 1px solid #bbb;
    border-radius:0px 3px 3px 0px;
    border-left:none;
    background-color:white;
}
.input-group-addon {
    color: #011e41;
}

.input-group.date .input-group-addon span {
    width: unset;
    height: unset;
}

.input-group.date .glyphicon-th:before {
    font-family: 'Max Icons';
    content: "\e81a"; 
    font-size: 14px;
    color: black;
}
/* date control end */



.timepicker {
    width: 70px !important;
}

.lst-img-col {
    background-repeat: no-repeat;
    display: inline-block;
    opacity: 0.4;
    width: 16px;
}

.lst-row-expand table {
    border-bottom: solid 1px #F0F0F0;
    color: #888;
    /* removed because it showed up ugly in a detail page expanded from a list.  */
    /*margin-left: 10px;*/
}

.lst-row-expand .lst_contents,
.lst-row-expand .table-responsive {
    overflow: hidden !important;
}

.can-overflow .table-responsive, .can-overflow.table-responsive, .lst-list .table-responsive {
    overflow-x: hidden;
}

.lst-row-expand th {
/*    background-color: #deedf7;
    color: #00599A;
*/    font-size: smaller;
    padding: 0 4px;
    text-align: left;
}


tr.lst-row-expand td.lst-row-expand-col {
    padding-top: 0px;
    padding-left: 0px;
}

tr[data-lst-state=expanded] .glyphicon-collapse-down {
    display: inline !important;
}

.lst-expand .glyphicon-expand {
    display: inline;
}

tr[data-lst-state=expanded] .maxicon-down {
    display: inline !important;
}

.lst-expand .maxicon-down {
    display: inline;
}

tr.lst-row-expand:hover {
    background-color: transparent !important;
}

.lst-expand {
/*    color: #00599a;
*/    cursor: pointer;
}

.lst-expand-maxicon .glyphicon{
    
}

.partial-view .lst-table-hdr th, .details-ajax .lst-table-hdr th {
    /*    background-color: #f7f7f7;
    border-top: 1px solid #cfcfcf;
*/
    color: #011e41;
    font-weight: 700;
    padding: 2px;
}

.details-ajax {
    float: left;
}

.lst-show-details {
    cursor: pointer;
}

.display {
    margin-bottom: 0;
    padding-bottom: 2px;
    padding-top: 6px;
    padding-left:5px;
    word-break: break-word;
    font-size:13px;
    min-height:32px;    /* same height as a form-control*/
}

.bold {
    font-weight: 700;
}

.star-on {
    color: #ffb801;
}

.star-off {
    color: #ccc;
}

.acdcicon, .maxicon {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    position: relative;
    top: 1px;
}

.maxicon {
    font-family: 'Max Icons';
}
.maxicon-post:before {
    content: "\e800";
}
.maxicon-settings:before {
    content: "\e801";
}
.maxicon-edit02:before {
    content: "\e802";
}
.maxicon-google:before {
    content: "\e803";
}
.maxicon-linkedin:before {
    content: "\e804";
}
.maxicon-cog-wheel:before {
    content: "\e805";
}
.maxicon-avatar:before {
    content: "\e806";
}
.maxicon-magnifying-glass:before {
    content: "\e807";
}
.maxicon-location:before {
    content: "\e808";
}
.maxicon-map:before {
    content: "\e809";
}
.maxicon-upload:before {
    content: "\e80a";
}
.maxicon-next:before {
    content: "\e80b";
}
.maxicon-edit:before {
    content: "\e80c";
}
.maxicon-close:before {
    content: "\e80d";
}
.maxicon-save:before {
    content: "\e80e";
}
.maxicon-user:before {
    content: "\e80f";
}
.maxicon-export-2:before {
    content: "\e810";
}
.maxicon-label:before {
    content: "\e811";
}
.maxicon-delete:before {
    content: "\e812";
}
.maxicon-add:before {
    content: "\e813";
}
.maxicon-question:before {
    content: "\e814";
}
.maxicon-arrow:before {
    content: "\e815";
    padding-left: 6px;
}
.maxicon-calendar:before {
    content: "\e816";
}
.maxicon-compare-2:before {
    content: "\e817";
}
.maxicon-up:before {
    content: "\e818";
}
.maxicon-down:before {
    content: "\e819";
}
.maxicon-clock:before {
    content: "\e81a";
}
.maxicon-information:before {
    content: "\e81b";
}
.maxicon-filter:before {
    content: "\e81c";
}
.maxicon-clipboard:before {
    content: "\e81d";
}
.maxicon-edit03:before {
    content: "\e81e";
}
.maxicon-download:before {
    content: "\e81f";
}
.maxicon-refresh:before {
    content: "\e820";
}
.maxicon-reload:before {
    content: "\e820";
}
.maxicon-email:before {
    content: "\e821";
}
.maxicon-star:before {
    content: "\e822";
}
.maxicon-calendar-2:before {
    content: "\e823";
}
.maxicon-smartphone:before {
    content: "\e824";
}
.maxicon-verified:before {
    content: "\e825";
}
.maxicon-equal:before {
    content: "\e826";
}
.maxicon-compare:before {
    content: "\e826";
}
.maxicon-equal:before {
    content: "\e826";
}
.maxicon-calendar-1:before{
    content: "\e827";
}
.maxicon-task:before {
    content: "\e828";
    font-size: 14px;
}
.maxicon-note:before {
    content: "\e829";
}
.maxicon-export:before {
    content: "\e82a";
}
.maxicon-email-out:before {
    content: "\e82b";
}
.maxicon-email-in:before {
    content: "\e82c";
}
.maxicon-go-left {
    transform: scale(-1, 1);
}
.maxicon-go-right:before {
        content: "\e836";
}
.maxicon-go-left:before {
    content: "\e836";
}
.maxicon-office:before{
    content: "\e82e";
}
.maxicon-save:before {
    content: "\e82f";
}
.maxicon-close {
    font-size: 10px;
    top: -1px;
}
.maxicon-close:before {
    content: "\e830";
}
.maxicon-close-2:before {
    content: "\e831";
}
.maxicon-coding:before {
    content: "\e832";
}
.maxicon-pin:before {
    content: "\e833";
}
.maxicon-globe:before {
    content: "\e835";
}
.maxicon-clock2:before{
    content: "\e838";
}
.maxicon-exclamation:before{
    content: "\e83a";
}
.maxicon-feedback:before {
    content: "\e83b";
}
.maxicon-staropen:before {
    content: "\e83c";
}
.maxicon-staropen-1:before{
    content:"\e83d";
}
.maxicon-reply:before {
    content: "\e83e";
}
.maxicon-linkto {
    transform: scale(-1, -1);
}
.maxicon-linkto:before {
    content: "\e83e";
}
.maxicon-lock:before {
    content: "\e83f";
}
.maxicon-lock-open:before {
    content: "\e840";
}



.acdcicon {
    font-family: 'ACDC Icons';
}

    .acdcicon-linkedin:before {
        content: "\e814";
    }

.acdcicon-google:before {
    content: "\e826";
}

.review-stars {
    color: #e1251b;
}

.review-stars .maxicon{
    padding-left:2px;
    padding-right:2px;
}


/* list header start */
.lst-hdr-sub {
    display: block;
    overflow: hidden;
    font-size: 13px;
    text-transform: none;
    font-weight:normal;
    font-family: "Open Sans", sans-serif;
    max-width:336px;
}
.lst-hdr-sel-title, .lst-hdr-sel-count {
       padding-left: 6px;
}

.lst-hdr-nav {
    color: gray;
    padding: 2px 8px;
}
/* Pixel-fucking 30-8-2019: the glyphicon arrows in the header should be 1 pixel lower than it's default which is top:1px */
.hdr-nav .glyphicon {
    top: 2px;
}

/* list header end */
.toptoolbar .navbar-toggle {
    color: red;
    padding: 3px 10px;
}

input.input-validation-error, select.input-validation-error {
    border: 1px solid #bbb;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.twitter-typeahead {
    width: 100%;
}

.tt-query {
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-menu {
    -moz-border-radius: 2px;
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -webkit-border-radius: 2px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    margin: 6px 0;
    padding: 8px 0;
    width: 100%;
}

.tt-suggestion {
    padding: 3px 10px;
}

    .tt-suggestion:hover {
        background-color: #00599a;
        color: #fff;
        cursor: pointer;
    }

    .tt-suggestion.tt-cursor {
        background-color: #00599a;
        color: #fff;
    }

    .tt-suggestion p {
        margin: 0;
    }

#searchpanel {
    /*border-bottom: 1px solid #CFCFCF;*/
    /*margin-bottom: 10px;*/
    padding-bottom: 10px;
    padding-right: 15px;
}

.navbar-level-2 {
    margin-top: 10px;
    margin-left: 36px;
    padding-left: 0px;
    width: 100%;
    border-bottom: 1px solid #e7e6e6;
    /*    padding-right:30px;
*/
}

.navbar-link > a > .glyphicon:not(.glyphicon-star)::before {
    content: none;
}

.view-group-title {
    color: white;
    margin-left: 15px;
    font-weight: 700;
    margin-top: 6px;
    margin-bottom: 6px;
    cursor: default;
}
.navbar-link.view-subgroup {
    margin-left:20px;
}

.lst-table-hdr th a,
.lst-table-hdr th a:hover {
    color: black;
}

/* Header and toolbar start */





h1:after, .hdr-toolbar:after {
    clear: both;
}
.hdr.clearfix:after {
    clear:none;
}
.hdr-toolbar {
    margin-right: 18px;
}
.hdr-toolbar > .toptoolbar {
    padding-top: 22px;
    width: 100%;
}


.details-ajax .hdr-toolbar > .toptoolbar {
    float: left;
    padding-top: 6px;
}

.hdr {
    font-size: 17px;
    font-weight: 700;
    margin-top: 14px;
    padding-right: 20px;
}

.toptoolbar {
     min-height: 32px;
    padding-top: 2px;
}

    .toptoolbar.navbar-default {
        background-color: transparent;
    }

    .toptoolbar .navbar-nav > li > a {
        background-color: white;
        border-radius: 5px 5px 5px 5px;
        border: 1px solid #aaa;
        color: #011e41;
        padding: 3px 10px 4px 10px;
        margin-left: 4px;
        margin-right: 4px;
        line-height: 26px;
        /*        margin-top:3px;
*/
    }

   
        .toptoolbar .navbar-nav > li > a.highlight-medium {
            /*            border-color: #011e41;
*/ color: #011e41;
            background-color: white;
        }

        .toptoolbar .navbar-nav > li > a.noborder {
            background-color: transparent;
            border: 0px;
            margin-top: -10px;
            color: #011e41;
        }

        .toptoolbar .navbar-nav > li > a:hover,
        .toptoolbar .navbar-nav > li > a:focus {
            /*            outline: -webkit-focus-ring-color auto 5px;
*/
            background-color: #f8f8f8;
            border: 1px solid #011e41;
            outline: none;
            color: #011e41;
        }
        .toptoolbar .navbar-nav > li > a.noborder:hover,
        .toptoolbar .navbar-nav > li > a.noborder:focus {
            /*            outline: -webkit-focus-ring-color auto 5px;
*/           
            border: 0px;
            color: #011e41;
            background-color: white;
        }
        /* highlight the buttons that show up when the controls get dirty */
        .toptoolbar .navbar-nav > li > a.control-dirty {
            font-weight: bold;
        }

            .toptoolbar .navbar-nav > li > a.control-dirty .glyphicon {
                font-weight: bold;
            }

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: unset;
    color: unset;
}

.navbar-nav > li.right {
    float: right; /* bootstrap makes the li float left */
}

@media screen and (max-width: 1310px) {
    .hdr-toolbar > .toptoolbar {
        float: none;
/*        padding-top: 4px;
*/    }
}

@media screen and (min-width: 1350px) {
    .hdr-toolbar {
        width: 1070px;
        padding-right:0px;
        display: flex;
    }
    .Email-New .hdr-toolbar {
        width:710px;
    }
}



/* Header and toolbar end */

input[type=button].default,
input[type=submit].default,
button.default {
    background-color: #00599a;
    color: #FFF;
}

.lst-table tr:hover .lst-img,
.lst-table tr:hover .lst-img-col {
    opacity: 0.7;
}

    .lst-table tr:hover .lst-img:hover,
    .lst-table tr:hover .lst-img-col:hover {
        opacity: 1.0;
    }

.time .datepicker,
.form-group .btn {
    margin-right: 4px;
}

/* start - Our default button group styles - start */
.form-group .btn-group .btn {
    margin-right: 0px;
}

.btn-mlg, .btn-group-mlg > .btn {
    padding: 4px 10px;
    font-size: 13px;
    /*line-height: 1.42857143;*/
    border-radius: 3px;
}

.btn-alt {
    /*color: #eee;*/
    color: #fff;
    background-color: #5bc0de;
    /*background-color: #00599a;*/
    /*border-color: #004a81;*/
    border-color: #eee;
}

    .btn-alt.focus, .btn-alt:focus, .btn-alt:hover, .btn-alt.focus, .btn-alt:focus, .btn-alt:hover {
        color: #fff;
        background-color: #337ab7;
        /*background-color: #002743;*/
        border-color: #002743;
    }

    .btn-alt.active.focus, .btn-alt.active:focus, .btn-alt.active:hover, .btn-alt:active.focus, .btn-alt:active:focus, .btn-alt:active:hover,
    .open > .dropdown-toggle.btn-alt.focus, .open > .dropdown-toggle.btn-alt:focus, .open > .dropdown-toggle.btn-alt:hover {
        color: #fff;
        background-color: #337ab7;
        /*background-color: #002743;*/
        /*border-color: #000101;*/
        border-color: #eee;
        font-weight: bold;
    }

    .btn-alt.active {
        background-image: none;
        color: #fff;
        background-color: #337ab7;
        /*background-color: #002743;*/
        border-color: #eee;
        font-weight: bold;
    }
/*.btn-alt.active.focus {
    background-color: #337ab7;
}*/
/* end - Our default button group styles - end */

tr[data-lst-state=expanded] .glyphicon-expand,
.lst-expand .glyphicon-collapse-down {
    display: none !important;
}

tr[data-lst-state=expanded] .maxicon-next,
.lst-expand .maxicon-down {
    display: none !important;
}

.lst-row-expand th a,
.lst-row-expand th a:hover,
.partial-view .lst-table-hdr th a, .details-ajax .lst-table-hdr th a {
    color: #000;
}

.field-validation-valid,
.validation-summary-valid {
    display: none;
}




.col-md-10 {
    padding-right: 0;
    margin-right: -15px;
}

.lbl {
    text-align: left;
    margin-bottom: 0;
    padding-top: 6px;
    float: left;
    font-size:13px;
    font-weight:700;
    /*padding-left: 15px;*/
    /*width:100%;*/
}

    .lbl.lbl-center {
        text-align: center;
    }

.col {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    /*padding-right: 15px;*/
    float: left;
    /*width:75%;*/
}

    .col.borderless, .col.noborder {
        border-bottom: solid 1px #dfdfdf;
        padding-left: 0px;
        margin-left: 15px;
        margin-top: 14px;
    }
        .col.borderless .form-control, .col.borderless input[type='text'], .col.borderless select, .col.borderless textarea, .col.borderless .date .input-group-addon {
            border: 0px;
            box-shadow: none;
            background-color: transparent;
        }

.form-panel.toptoolbar {
    margin-top: 14px;
    margin-bottom: 10px;
    margin-right: 25px;
}

.col-right {
    position: relative;
    min-height: 1px;
 /*   padding-right: 15px;  */ 
    float: right;    
}

    .col.borderless, .col.noborder {
        border-bottom: solid 1px #dfdfdf;
        padding-left: 0px;
        margin-left: 15px;
        margin-top: 14px;
    }

        .col.borderless .form-control, .col.borderless input[type='text'], .col.borderless select, .col.borderless textarea, .col.borderless .date .input-group-addon {
            border: 0px;
            box-shadow: none;
            background-color: transparent;
        }

.ctl-container {
    position: relative;
    min-height: 1px;
    float: left;
}

.col-offset {
    padding-left: 15px;
}
.col-underline {
    margin-right: 25px;
    margin-left: 15px;
    border-bottom: 1px solid #f0f0f0;
}

.maxicon-center-80 .maxicon{
    width: 80px;
    font-size: 20px;
    text-align: center;
}

.width-10 {
    width: 10px;
}

.width-20 {
    width: 20px;
}

.width-30 {
    width: 30px;
}

.width-40 {
    width: 40px;
}

.width-50 {
    width: 50px;
}

.width-60 {
    width: 60px;
}

.width-70 {
    width: 70px;
}

.width-75 {
    width: 75px;
}

.width-80 {
    width: 80px;
}

.width-90 {
    width: 90px;
}

.width-100 {
    width: 100px;
}

.width-105 {
    width: 105px;
}

.width-115 {
    width: 115px;
}

.width-125, .datepicker {
    width: 125px;
}

.width-135 {
    width: 135px;
}

.width-150, .input-datetime {
    width: 150px;
}

.width-160 {
    width: 160px;
}

.width-175 {
    width: 175px;
}
.width-185 {
    width: 185px;
}

.width-200 {
    width: 200px;
}

.width-225 {
    width: 225px;
}
.width-230 {
    width: 230px;
}

.width-250 {
    width: 250px;
}

.width-265 {
    width: 265px;
}

.width-275 {
    width: 275px;
}

.width-300, .ctl-width-default {
    width: 300px;
}

.width-315 {
    width: 315px;
}

.width-350 {
    width: 350px;
}

.width-400 {
    width: 300px;
}

.width-415 {
    width: 300px;
}

.width-450 {
    width: 300px;
}

.width-500 {
    width: 300px;
}

.width-515 {
    width: 300px;
}

.width-600 {
    width: 300px;
}

.width-615 {
    width: 300px;
}

.width-650 {
    width: 300px;
}

.width-700 {
    width: 300px;
}

.width-750 {
    width: 300px;
}

.width-800 {
    width: 300px;
}

.width-900 {
    width: 300px;
}

.width-1000 {
    width: 300px;
}

.width-full, .lbl-width-default {
    width: 100%;
}

.width-formpanel-3 {
/*    width: 1015px;
*/}

.label-width-75 .lbl {
    width: 75px;
}

.label-width-80 .lbl {
    width: 80px;
}

.label-width-90 .lbl {
    width: 90px;
}

.label-width-95 .lbl {
    width: 95px;
}

.label-width-100 .lbl {
    width: 100px;
}

.label-width-105 .lbl {
    width: 105px;
}

.label-width-110 .lbl {
    width: 110px;
}

.label-width-115 .lbl {
    width: 115px;
}

.label-width-120 .lbl {
    width: 120px;
}

.label-width-125 .lbl {
    width: 125px;
}

.label-width-130 .lbl {
    width: 130px;
}

.label-width-135 .lbl {
    width: 135px;
}

.label-width-140 .lbl {
    width: 140px;
}

.label-width-150 .lbl {
    width: 150px;
}
.label-width-160 .lbl {
    width: 160px;
}

.label-width-170 .lbl {
    width: 170px;
}

.label-width-175 .lbl {
    width: 175px;
}

.label-width-200 .lbl {
    width: 200px;
}

.label-width-215 .lbl {
    width: 215px;
}

.label-width-220 .lbl {
    width: 220px;
}

.label-width-225 .lbl {
    width: 225px;
}

.label-width-240 .lbl {
    width: 240px;
}

.label-width-250 .lbl {
    width: 250px;
}

.label-width-260 .lbl {
    width: 260px;
}

.label-width-275 .lbl {
    width: 275px;
}

.label-width-280 .lbl {
    width: 280px;
}

.label-width-300 .lbl {
    width: 300px;
}

.label-center .lbl {
    text-align:center;
}

.panel-spacing-10 .display, .panel-spacing-10 .lbl {
    margin-top: 10px;
}

@media screen and (max-width: 1231px) {
    .width-formpanel-3 {
        width: 675px;
    }
}

@media screen and (max-width: 823px) {
    .width-formpanel-3 {
        width: 335px;
    }
}

@media screen and (max-width: 480px) {
    .lbl, .col {
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    .lbl-width-default {
        width: 150px;
    }

    .width-400 {
        width: 400px;
    }

    .width-415 {
        width: 415px;
    }

    .width-450 {
        width: 450px;
    }
}

.tooltip-inner {
    padding: 10px 8px !important;
    /*font-weight:bold !important;*/
    font-size: 1.2em;
    background-color: #011e41;
    border-radius: 5px 5px 5px 5px;
}

.helpicon {
    margin: 0 4px;
    /*-moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    position: relative;
    top: 1px;*/
    /*font-size:13px;*/
    color: #011e41;
    /*background-color:white;*/ /* 25-9-2017 removed this because of usage in lal forms which are not white*/
    opacity: 0.3;
}

        .helpicon:before {
            /*content: "\e085";*/
            content: "\e086";
        }

        .helpicon:hover {
            opacity: 1.0;
        }

h2 {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.2em;
    font-family: "Oswald", sans-serif;
    margin-top: 2px;
    margin-bottom: 9px;
    padding: 4px 4px;
    /*display:block;*/
}

    h3 {
        font-family: inherit;
        font-weight: 800;
        line-height: 1.1;
        margin-top: 8px;
        margin-bottom: 4px;
        padding: 4px 0;
        /*font-size: 27px;*/
        font-size: 1.2em;
        /*display:block;*/
        color: red;
        border-bottom: 1px solid #cfcfcf;
        /*border-bottom: 1px solid red;*/
    }

    h4 {
        font-family: inherit;
        font-weight: 800;
        line-height: 1.1;
        margin-top: 8px;
        margin-bottom: 4px;
        margin-right: 25px;
        padding: 4px 0;
        /*font-size: 27px;*/
        font-size: 1.1em;
        color: #00599a;
        /*display:block;*/
        border-bottom: 1px solid #cfcfcf;
        /*border-bottom: 1px solid red;*/
    }


    .sep-vert {
        border-left: 1px solid #e5e5e5;
        position: relative;
        /* top: 4px;
    display: inline-block; */
        line-height: 1;
    }

.navbar-nav > li > a.btn-alert, .navbar-nav > li > a.tb-highlight, a.btn-modal-default {
    font-weight: bold;
    color: white;
    border-radius: 5px;
    border: 1px solid rgba(0,0,0,0.15);
}

    .navbar-nav > li > a.btn-alert {
        background-color: #e1251b;
    }

    /*    .navbar-nav > li > a.btn-highlight,
*/
.navbar-nav > li > a.tb-highlight, a.btn-modal-default {
    font-weight: bold;
    background-color: #011e41;
}

    .navbar-default .navbar-nav > li > a.tb-highlight:hover, .navbar-default .navbar-nav > li > a.tb-highlight:focus,
    .toptoolbar .navbar-nav > li > a.tb-highlight:hover, .toptoolbar .navbar-nav > li > a.tb-highlight:focus,
    a.btn-modal-default:focus, a.btn-modal-default:hover, .nav > li > a.btn-modal-default:hover, .nav > li > a.btn-modal-default:focus {
        background-color: #E1251B;
        border-color: #E1251B;
        color: white;
        transition: all .3s;
        outline: none;
    }

.btn-modal-default, .navbar-nav > li > a.btn-modal-default {
    padding: 3px 20px;
    line-height:26px;
}

.capitalize {
    text-transform: capitalize;
}

    .form-panel-top {
        margin-top: -10px;
        /*border-bottom: 1px solid  #cfcfcf;*/
    }

    .form-panel-gray {
        background-color: #F9F9F9;
        margin-left: 15px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 4px;
        margin-bottom: -2px;
    }

    .form-panel-plain {
        background-color: #F9F9F9;
        margin-left: 15px;
        padding-left: 4px;
    }

    .form-panel-void {
        background-color: transparent;
    }

    .form-panel-child {
        margin-left: 15px;
    }


    /* selected rows - start */
    .lst-sel-only, .lst-toolbar .lst-sel-only {
        display: none;
    }

    .lst-sel-bar {
        padding: 4px 0px;
    }

    .lst-table td.lst-sel-col {
        text-overflow: clip;
    }
    /* selected rows - end */

    /* Tabs - start */
    .nav-tabs {
        border-bottom: 0px;
    }

        .nav-tabs.nav li a {
            margin: 8px 14px 0px 14px;
            border: 0px;
            color: #011e41;
            padding: 10px 0px;
        }

        .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
            background-color: #f3f3f3;
        }

        .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
            color: #011e41;
            border: 0px;
            font-weight: 700;
            box-shadow: inset 0px -4px 0px -1px #e1251b;
            /*            
            border-bottom: solid 4px red;
            box-sizing: border-box;
            outline
            
*/
        }

    /* Tabs - end  */
    .progress {
        position: fixed;
        left: 50%;
        top: 50%;
        display: none;
    }

    .modal-dialog {
        position: relative;
        display: table;
        overflow-y: auto;
        overflow-x: auto;
        width: auto;
        min-width: 400px;
    }

        .modal-dialog .popup-header {
            padding-left: 15px;
            padding-right: 15px;
            padding-top: 10px;
            padding-bottom: 10px;
            margin-top:-1px;
            margin-bottom:15px;
            color: white;
            background-color: #011e41;
            border-radius: 6px;
            border: 1px solid #011e41;
        }

        .modal-dialog .close {
            padding-top: 0px;
            padding-right: 5px;
            color: white;
            opacity: 0.7;
            font-size:32px;
            background-color:transparent;
        }

            .modal-dialog .close:hover {
                opacity: 1;
            }

            .modal-dialog .close:focus {
                outline: none;
            }


    a.disabled {
        opacity: 0.4;
    }


    /* end table navigation  */

    /* lookalike block */
    .lal-section {
        display: none;
        margin-right: 15px;
        margin-left: 15px;
    }

    .lal-hdr {
        font-weight: bold;
        font-size: 13px
    }

    .lal-container label {
        margin-right: 15px;
    }

    .lal-list {
        background-color: white;
        margin-top: 10px;
        color: black;
    }

    /* end lookalike */

    /* file-input start */
.file-input .input-group .btn-file-browse {
    margin-left: 2px;
    padding: 6px;
    border: 1px solid #bbbbbb;
    border-radius: 5px;
}
    .file-input .input-group .btn-file-browse:hover {
        border-color: #011e41;
        background-color:unset;
    }
.hidden > .file-input {
    display: none;
}
/* file-input end */

/* placeholder start */
::-webkit-input-placeholder {
    font-style: italic;
}

    :-moz-placeholder { /* Firefox 18- */
        font-style: italic;
    }

    ::-moz-placeholder { /* Firefox 19+ */
        font-style: italic;
    }

    :-ms-input-placeholder {
        font-style: italic;
    }
    /* placeholder end */

    .ms-drop {
        width:unset;
    }

.lst-alt-results {
    padding-top: 10px;
    margin-top: 10px;
}

        .lst-alt-results ul {
            padding-top: 10px;
            padding-bottom: 20px;
            margin-top: 8px;
            list-style: none;
        }

    .margin-group {
        margin-left: 15px;
    }

    .hide {
        display: none;
    }
    /*.navbar-nav > li > a.control-dirty {
    display: none;
}*/
    .navbar-nav > li > .control-dirty {
        display: none;
    }

    .alert-float {
        position: absolute;
        /*background-color: rgba(217, 237, 247, 0.8);*/
        /*color: #31708f;*/
        background-color: #fcf8e3;
        color: #8a6d3b;
        font-weight: 800;
        z-index: 200;
        margin-top: -25px;
        /*right: 0;
    left: 0;*/
        left: 40%;
        transform: translateX(-50%);
        padding: 5px 30px 5px 5px;
        border: 1px solid #f5e79e;
        /*border-radius: 1px;*/
    }

    /* ace-container is div element that wraps the ace control
    It has a resize style with a padding on the bottom to prevent ace from overlapping the handle
*/
    .ace-container {
        /*next two lines were used before jquery ui resizable  */
        /*resize:both;
    overflow:auto;*/
        padding-bottom: 10px;
        height: 60px;
    }

    .ace_editor {
        width: 100%;
        height: 100%;
    }

    .open-google, .open-linkedin {
        cursor: pointer;
    }

    /* froala - start */
.ctl-container .fr-box {
    /*  margin-left: 2px; */  /* old comment=> else left border is not shown in ctl-container */
}

.fr-box.fr-basic.fr-top .fr-wrapper {
    border-top: 1px solid #CCCCCC !important;
}
.fr-toolbar.fr-desktop {
    border-top: 1px solid #CCC;
}

    .fr-view {
        font-family: Verdana, Arial, helvetica;
        font-size: 12px;
    }

.ctl-container .fr-box.fr-basic.fr-bottom .fr-wrapper, .fr-box .fr-toolbar.fr-top {
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.noborder .fr-box.fr-basic.fr-bottom .fr-wrapper, .noborder .fr-toolbar.fr-bottom, .noborder .fr-box.fr-basic.fr-top .fr-wrapper, .noborder .fr-toolbar.fr-top {
    box-shadow: none;
}
.noborder .fr-toolbar.fr-bottom {
    background-color: #f9f9f9;
    border-top: 0px;
    border-bottom: 1px solid #dfdfdf;
}
.noborder .fr-toolbar.fr-top {
    background-color: #f9f9f9;
    border-bottom: 0px;
    border-top: 1px solid #dfdfdf;
}

.fr-noborder .ctl-container .fr-box .fr-wrapper{
    border: none!important;
}
.fr-noborder .ctl-container .fr-box .second-toolbar{
    border:none;
}
    /* froala - end */

    /* address fields - start */
    .address-highlight {
        font-weight: bold;
        background-color: #d9edf7;
    }
    /* address fields - end */


    /* classes for panels and controls so forms wil fit in a responsive layout */

    .acdc-backgroundpanel {
        background-color: #E8E8E8; /* light grey */
        max-width: 1025px; /* enough space for 3 x 335 panel + 4 x 5px padding */
        padding-bottom: 5px;
        padding-left: 15px; /* to compensate for 15 negative padding left */
        padding-right: 20px; /* to compensate for 15 negative padding left */
        float: left; /* necessary to allow more controls right from this one */
        position: relative;
    }

    .acdc-toppanel { /* apply to control class of background panel on top */
        padding-bottom: 5px;
        /*    padding-left: 15px; 
*/
        padding-right: 20px; /* to compensate for 15 negative padding left */
        margin-top: -10px; /* to stick directly to buttons area */
        margin-bottom: 5px; /* to leave room between top panel and tabs or other controls below */
        margin-left: 15px;
        float: left; /* necessary to allow more controls right from this one */
        position: relative;
    }

    .formpanel-outer {
        padding-bottom: 5px;
        padding-left: 15px;
        padding-right: 20px;
        margin-left: 15px;
    }

    .formpanel-inner-fullwidth {
        background-color: white;
        padding: 15px;
        display: block;
        margin-bottom: 5px;
        /*    margin-left: 5px;
    width: auto;
*/
        float: none;
    }

.tab-pane > .form-group > .formpanel-inner-fullwidth {
    margin-left: 15px;
}

    .width-ctl-4 {
        width: 200px;
    }

    .width-ctl-3 {
        width: 150px;
    }

    @media (max-width: 1230px) {
        .formpanel-outer {
            max-width: 830px;
        }

        .width-ctl-4 {
            width: 160px;
        }
    }

    /* activity icons: */

.act-Note:before {
    content: "\e829"; /* "\e065" pencil */
}

.act-Appointment:before {
    content: "\e81a"; /* calendar
        */
}

.act-Event:before {
    content: "\e81a";
}

.act-Task:before {
    content: "\e828"; /* "\e146" pushpin */
    font-size:14px;
}

.act-EmailOut:before, .act-Emailout:before {
    content: "\e821"; /* send */
}

.act-CM.Sign.Invite:before {
    content: "\e839"; /* content */
}

.act-SnailMail:before {
    font-family: 'Glyphicons Halflings';
    content: "\2709"; /* envelope */
}

    .act-EmailIn:before, .act-Emailin:before, .act-Email:before {
        content: "\e82c"; /* inbox */
    }

.act-Call:before {
    font-family: 'Glyphicons Halflings';
    content: "\e182"; /* earphone */
}

.act-Survey:before {
    font-family: 'Glyphicons Halflings';
    content: "\e085"; /* question-sign */
}

.act-Reminder:before {
    font-family: 'Glyphicons Halflings';
    content: "\e209"; /* alert */
}

    /* lead status icons: */
    .state-1:before {
        content: "\e006"; /* new = star */
    }

    .state-2:before {
        content: "\e125"; /* lead = thumbs-up */
    }

    .state-3:before {
        content: "\e125"; /* proposal = thumbs-up */
    }

    .state-4:before {
        content: "\20ac"; /* client = euro */
    }

    .state-5:before {
        content: "\e126"; /* dropped = thumbs-down */
    }

    .state-6:before {
        content: "\e089"; /* closed = ok-circle */
    }


    .alert-progress img {
        height: 26px;
    }

.details-ajax-waiting, .chart-ajax-waiting {
    background-image: url(/images/spinner.svg);
    background-repeat: no-repeat;
    background-size: 26px 26px;
    height: 30px;
    width: 30px;
}

    /* start document type icons */
    .doctype-EmailAttachment:before {
        content: "\e142"; /* paperclip */
    }

    .doctype-Document:before {
        content: "\e022"; /* file */
    }

    .doctype-Report:before {
        content: "\e032"; /* report-alt */
    }

    .doctype-Picture:before {
        content: "\e060"; /* picture */
    }

    .doctype-LogAttachment:before {
        content: "\e142"; /* paperclip */
    }

    .doctype-Folder:before {
        content: "\e118"; /* folder-open */
    }

    .doctype-Uploaded:before { /* added by PB 20180831 */
        content: "\e198"; /* cloud-upload */
    }

    .doctype-Revenueinvoice:before { /* added by PB 20191126 */
        content: "\20ac"; /* euro */
    }

    .doctype-:before {
        content: "\e022"; /* file - fallback when no specific type is known */
    }

    /* end document type icons */

    /* input file - progress bar needs a height */
    .input-progress, .file-input .progress {
        height: 20px;
        display: block;
        position: relative;
        margin-bottom: 20px;
        overflow: hidden;
        background-color: #f5f5f5;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    }

    /*  dropdown on the right side context menu */
    .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;
            border-radius: 0 6px 6px 6px;
        }

        .dropdown-submenu:hover > .dropdown-menu {
            display: block;
        }

        .dropdown-submenu > a:after {
            display: block;
            content: " ";
            float: right;
            width: 0;
            height: 0;
            border-color: transparent;
            border-style: solid;
            border-width: 5px 0 5px 5px;
            border-left-color: #ccc;
            margin-top: 5px;
            margin-right: -10px;
        }

        .dropdown-submenu:hover > a:after {
            border-left-color: #fff;
        }

        .dropdown-submenu.pull-left {
            float: none;
        }

            .dropdown-submenu.pull-left > .dropdown-menu {
                left: -100%;
                margin-left: 10px;
                -webkit-border-radius: 6px 0 6px 6px;
                -moz-border-radius: 6px 0 6px 6px;
                border-radius: 6px 0 6px 6px;
            }

    /* end drop down menu */

    .ui-resizable-e.resizable-hdr-e {
        width: 8px;
    }

        .ui-resizable-e.resizable-hdr-e:hover {
            background-color: white;
            /*border-left: 2px solid white;
        border-right: 2px solid white;*/
        }

    .ui-resizable-helper {
        border: 2px solid white;
    }

    .draggable-ul-block {
        overflow-y: scroll;
        border: 1px solid gray;
        min-height: 300px;
    }

        .draggable-ul-block ul {
            list-style-type: none;
            padding-left: 0px;
            min-height: 290px; /* so it occupies about all of it's parent and accepts dropping items on empty space  */
            /*padding-bottom:20px;*/ /* reserve extra space on bottom to drop items */
        }

        .draggable-ul-block li {
            /*margin-bottom: 2px;*/
            padding: 2px 4px;
            cursor: default;
        }

            .draggable-ul-block li.selected, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
                background-color: #011e41;
                color: #fff;
                /*display:block;*/
            }

    .ui-autocomplete {
        z-index: 9999 !important;
    }

    /* collapsable blocks start - check colors */
    .collapseblock {
        padding-top: 2px;
        cursor: pointer;
        margin-left: 15px;
    }

        .collapseblock .form-group {
            margin-left: 0px;
        }

    .collapseblock-title {
        color: #333333;
        font-weight: bold;
        background-color: #f3f2f1;
        padding: 4px;
        border-bottom: 1px solid #D0D0D0;
        border-top: 1px solid #D0D0D0;
    }

    .collapseblock .formpanel {
        margin-left: -15px;
    }

    .formpanel.collapse-content {
        background-color: white;
        position: relative;
        padding: 5px;
        margin-left: 15px;
    }
    /* collapsable blocks end */

    .lst-row-expand .first-col {
        padding-left: 20px;
    }

    .view-divider {
        height: 1px;
        margin: 6px 14px;
        overflow: hidden;
        background-color: #e5e5e5;
    }

    /* next is used in jquery ui controls, where default font is Arial */
    body .ui-widget {
        font-family: Verdana,Arial,Helvetica,sans-serif;
        font-size: 12px;
    }

    #Object_panelNewLeads table, #Object_panelMyLeads table {
        display: flex;
        height: 328px;
    }


    /* dashboard blocks with previews - start. used at Ploegkozijnen */
    .dbblock-panel {
   /*     width: 400px;*/
        height: 432px;
        margin-bottom: 14px;
    }

        .dbblock-panel.acdc-formpanel {
            padding-top: 0px;
            padding-left: 0px;
            overflow-y: hidden;
        }

            .dbblock-panel.acdc-formpanel.dbblock-panel-fw {
                margin-top: 10px;
                height: auto;
                min-height: 81px;
            }

        .dbblock-panel .lst-ftr {
            height: 40px;
        }

        .dbblock-panel .lst-hdr-count {
            display: none;
        }

        .dbblock-panel .details-ajax .hdr {
            border: none;
        }

        .dbblock-panel .lst-contents {
            overflow-y: hidden;
        }

        .dbblock-panel table {
            margin-bottom:0px;
        }

        .dbblock-panel .details-ajax {
            float: none;
            margin-top: -6px;
            /*margin-right:16px;*/
        }

        .dbblock-panel .col {
            float: none;
        }

        .dbblock-panel .ctl-container {
            float: none;
        }

    .dbblock-see-all {
        position: absolute;
        bottom: 20px;
        right: 16px;
        font-weight: bold;
    }
    /* dashboard blocks with previews - end */

/* Panels with totals in dashboards - start */
.dbpanel-totals > .form-group {
    display: flex;
    justify-content: space-between;
    width:100%;
    padding-left:20px;
}

.dbpanel-totals .col-total {
    flex-grow: 1;
    float: none;
}

.col-total .lbl {
    float: none;
    color: #9b9b9b;
    width:100%;
    font-weight:normal;
    font-size:12px;
}
.col-total .display {
    font-weight: bold;
    font-size: 18px
}
/* Panels with totals in dashboards - End */

/* style used to show when no rows are found for an ajax list */
.container-norows {
    /*    color: silver;
    font-style: italic;
*/ margin-left: 5px;
    margin-top: 10px;
    display: block;
}

    /* start login */
    .form-login {
        max-width: 400px;
        padding: 15px;
        margin: 0 auto;
    }

    .form-login-logo {        
        min-height: 84px;
        text-align: center;
        position: relative;
    }
        .form-login-logo img {
            max-height: 200px;
        }

    .form-login label {
        text-align: left !important;
        margin-bottom: 4px !important;
        display: block;
        width: 100%;
        text-transform: uppercase;
        color: #9b9b9b;
        margin-top: 10px;
        padding-left: 24px;
    }

    .form-login .col-md-8, .form-login .col-md-7 {
        width: 100%;
        margin: 0;
    }

.form-login .form-login-col-submit, .form-login .form-login-col-rememberme {
    margin-top: 10px;
}

    .form-login .form-login-col-rememberme {
        margin-left: -10px;
    }
.form-login .form-login-link-howto {
    text-align: center;
    margin-top: 14px;
    color: #777;
}

.form-login-header-sso {
    border-top: 1px solid #ddd;
    margin-top:25px;
    margin-bottom:14px;
    position:relative;
}
.form-login-header-sso-middle {
    position: absolute;
    left: 41%;
    top: -9px;
    background-color: #fff;
    text-transform: uppercase;
    color: #777;
    padding:0px 16px;
}

    .form-login-col-sso {
    
        border: 1px solid #9b9b9b;
        border-radius: 3px;
        margin-top: 15px;
        padding: 3px 3px 3px 3px;
        cursor:pointer;
        text-align:center;
    }

    .btn-sso {
        margin: 6px 0 6px 0;
        font-size: 14px;
        font-family: 'Open Sans';
        font-style: normal;
    }

    .btn-sso-img {
        width: 20px;
        margin: 0 12px 0 3px;
    }



    .form-login input[type='text'], .form-login input[type='password'] {
        height: 38px;
        border: 1px solid #9b9b9b;
    }

    input:-internal-autofill-selected,
    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:active {
        background-color: white !important;
        -webkit-box-shadow: 0 0 0 30px white inset !important;
    }

    .form-login .btn.default {
        width: 100%;
        background-color: white;
        font-weight: bold;
        color: black;
        border-radius: 5px;
        border: 1px solid #9b9b9b;
        padding: 12px;
    }
        .form-login .btn.default:hover, .form-login .btn.default:focus {
            /*background-color: #E1251B;
            border-color: #E1251B;
            color: white;
            */
            background-color:white;
            color:black;
            border-color:#9b9b9b
            transition: all .3s;
            outline: none;
        }

    /* start droppanel background style */
    .droppanel {
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        cursor: pointer;
    }
    /* end droppanel background style */

    .subtitle {
        font-weight: bold;
        margin-bottom: 8px;
        margin-top: 6px;
        text-transform:uppercase;
    }

    /* Colorbox */
    /*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
    #colorbox, #cboxOverlay, #cboxWrapper {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 9999;
        overflow: hidden;
        -webkit-transform: translate3d(0,0,0);
    }

    #cboxWrapper {
        max-width: none;
    }

    #cboxOverlay {
        position: fixed;
        width: 100%;
        height: 100%;
    }

    #cboxMiddleLeft, #cboxBottomLeft {
        clear: left;
    }

    #cboxContent {
        position: relative;
    }

    #cboxLoadedContent {
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }

    #cboxTitle {
        margin: 0;
    }

    #cboxLoadingOverlay, #cboxLoadingGraphic {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
        cursor: pointer;
    }

    .cboxPhoto {
        float: left;
        margin: auto;
        border: 0;
        display: block;
        max-width: none;
        -ms-interpolation-mode: bicubic;
    }

    .cboxIframe {
        width: 100%;
        height: 100%;
        display: block;
        border: 0;
        padding: 0;
        margin: 0;
    }

    #colorbox, #cboxContent, #cboxLoadedContent {
        box-sizing: content-box;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
    }

    /* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
    #cboxOverlay {
        background: url(images/overlay.png) repeat 0 0;
        opacity: 0.1;
        filter: alpha(opacity = 10);
    }

    .cboxPhoto {
        padding: 6px;
    }

    #colorbox {
        outline: 0;
    }

    #cboxTopLeft1 {
        width: 21px;
        height: 21px;
        background: url(images/controls.png) no-repeat -101px 0;
    }

    #cboxTopRight1 {
        width: 21px;
        height: 21px;
        background: url(images/controls.png) no-repeat -130px 0;
    }

    #cboxBottomLeft1 {
        width: 21px;
        height: 21px;
        background: url(images/controls.png) no-repeat -101px -29px;
    }

    #cboxBottomRight1 {
        width: 21px;
        height: 21px;
        background: url(images/controls.png) no-repeat -130px -29px;
    }

    #cboxMiddleLeft1 {
        width: 21px;
        background: url(images/controls.png) left top repeat-y;
    }

    #cboxMiddleRight1 {
        width: 21px;
        background: url(images/controls.png) right top repeat-y;
    }

    #cboxTopCenter1 {
        height: 21px;
        background: url(images/border.png) 0 0 repeat-x;
    }

    #cboxBottomCenter1 {
        height: 21px;
        background: url(images/border.png) 0 -29px repeat-x;
    }

    #cboxContent {
        background: #fff;
        overflow: hidden;
    }

    .cboxIframe {
        background: #fff;
    }

    #cboxError {
        padding: 50px;
        border: 1px solid #ccc;
    }

    #cboxLoadedContent {
        margin-bottom: 28px;
    }

    #cboxTitle {
        position: absolute;
        bottom: 4px;
        left: 0;
        text-align: center;
        width: 100%;
        color: #949494;
    }

    #cboxCurrent {
        position: absolute;
        bottom: 4px;
        left: 58px;
        color: #949494;
    }

    #cboxLoadingOverlay {
        background: url(images/loading_background.png) no-repeat center center;
    }

    #cboxLoadingGraphic {
        background: url(images/loading.gif) no-repeat center center;
    }

    /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
    #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
        border: 0;
        padding: 0;
        margin: 0;
        overflow: visible;
        width: auto;
        background: none;
    }

        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
            outline: 0;
        }

    #cboxSlideshow {
        position: absolute;
        bottom: 4px;
        right: 30px;
        color: #0092ef;
    }

    #cboxPrevious {
        position: absolute;
        bottom: 0;
        left: 0;
        background: url(images/controls.png) no-repeat -75px 0;
        width: 25px;
        height: 25px;
        text-indent: -9999px;
    }

        #cboxPrevious:hover {
            background-position: -75px -25px;
        }

    #cboxNext {
        position: absolute;
        bottom: 0;
        left: 27px;
        background: url(images/controls.png) no-repeat -50px 0;
        width: 25px;
        height: 25px;
        text-indent: -9999px;
    }

        #cboxNext:hover {
            background-position: -50px -25px;
        }

    #cboxClose {
        position: absolute;
        bottom: 0;
        right: 0;
        background: url(images/controls.png) no-repeat -25px 0;
        width: 25px;
        height: 25px;
        text-indent: -9999px;
    }

        #cboxClose:hover {
            background-position: -25px -25px;
        }

    /*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
    .cboxIE #cboxTopLeft,
    .cboxIE #cboxTopCenter,
    .cboxIE #cboxTopRight,
    .cboxIE #cboxBottomLeft,
    .cboxIE #cboxBottomCenter,
    .cboxIE #cboxBottomRight,
    .cboxIE #cboxMiddleLeft,
    .cboxIE #cboxMiddleRight {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
    }
    /* colorbox end*/

   

    .panel-img {
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    .vertical-align-middle td {
        vertical-align: middle;
    }


    /* Dashboard panels for charts, maps, etc */
    .dbpanel {
        background-color: #fdfdfd;
        border-radius: 3px;
        -webkit-box-shadow: 0px 2px 4px 2px rgba(227,227,227,1);
        -moz-box-shadow: 0px 2px 4px 2px rgba(227,227,227,1);
        box-shadow: 0px 2px 4px 2px rgba(227,227,227,1);
        margin-left: 15px;
        padding: 8px;
    }

        .dbpanel .form-group, .dbmap .form-group {
            width: 100%;
            height: 100%;
            margin-left: 0;
/*            min-height:inherit;
*/        }

.acdc-formpanel.dbmap {
    padding:15px;
    overflow:hidden;
}

#googlemap {
    width: 100%;
    height: 100%;
    min-height: inherit
}

.collapse-menu-close {
    display:none;
}

.main-leftcol .navbar-default {
    overflow-x:hidden;
}

@media screen and (min-width: 769px) {
    .dbpanel-w50 {
        float: left;
        max-width: 392px;
    }
}

    /* 2020 specific styles */
    .header-logo {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
        background-color: white;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 50%;
        border: 0px solid #001228;
    }

    .main-leftcol .navbar-default {
        background-color: #001228;
        border-color: #001228;
    }

    .main-leftcol .navbar-collapse {
        background-color: #001228;
    }

.collapse-menu-close[aria-expanded="true"] {
    display: block;
    position: fixed;
    right: 50px;
    top: 92px;
    z-index: 100;
    border: none;
    font-weight: bold;
    font-size: 14px;
    font-family: 'Max Icons';
}
.collapse-menu-close {
    color: black;
}
.list-menu .collapse-menu-close {
    color: white;
}
.collapse-menu-close[aria-expanded="true"]:after {
    content: "\e80d";
}

    .main-leftcol .navbar-default .navbar-nav > li > a {
        color: #cacdd0;
        background-color: #001228; /* #011e41;*/
        margin-bottom: 4px;
    }

    .main-leftcol .navbar-default .navbar-nav > li.active > a {
        color: #fff;
        display: inline-block;
        border-bottom: solid 2px #e1251b;
        font-weight: 700;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 15px;
        margin-right: 15px;
    }

.main-leftcol .navbar-default .navbar-nav .navbar-toggler > li.active > a:hover, .main-leftcol .navbar-default .navbar-nav .navbar-toggler> li.active > a:focus {
    background-color: #001228;
}

.main-leftcol .navbar-default .navbar-nav .navbar-toggler > li > a {
    color: #cacdd0;
    background-color: #001228; /* #011e41;*/
    margin-bottom: 4px;
}

.main-leftcol .navbar-default .navbar-nav > li > span {
    padding-left:4px;
    padding-top:0px;
    font-size:10px;
}

.main-leftcol .navbar-default .navbar-nav > li > span:hover {
    color:white;
    font-weight:bold;
}

.main-leftcol .navbar-default .navbar-nav .navbar-toggler > li > a {
    padding: 4px 5px;
}

.main-leftcol .navbar-default .navbar-nav .navbar-toggler > li.active > a {
    color: #fff;
    display: inline-block;
    border-bottom: solid 2px #e1251b;
    font-weight: 700;
    padding-left: 0px;
    padding-right: 0px;
    margin-right: 15px;
    margin-left: 4px;
}

    .main-leftcol .navbar-default .navbar-nav > li.active > a:hover, .main-leftcol .navbar-default .navbar-nav > li.active > a:focus {
        background-color: #001228;
    }

    .list-menu {
        margin-top: 10px;
    }

    #navbar-main {
        margin-left: -40px;
        border-bottom-color: #cfcfcf;
    }

    .navbar-default.navbar-max .navbar-level-1 {
        padding-left: 20px;
        padding-right: 30px;
    }

        .navbar-default.navbar-max .navbar-level-1 > .active > a, .navbar-default.navbar-max .navbar-level-1 > .active > a:hover, .navbar-default.navbar-max .navbar-level-1 > .active > a:focus {
            border-bottom: solid 2px red;
            background-color: transparent;
            color: #011e41;
        }

    .navbar-default.navbar-max .navbar-level-2 > .active > a, .navbar-default.navbar-max .navbar-level-2 > .active > a:hover, .navbar-default.navbar-max .navbar-level-2 > .active > a:focus {
        color: #011e41;
        background-color: #e7e6e6 !important;
        margin-top: -8px;
        height: 44px;
        padding-top: 16px;
    }

    .navbar-default.navbar-max .navbar-level-2 > li > a {
        color: #9b9b9b;
        padding: 8px 22px;
        font-weight: 600;
    }

    .navbar-default.navbar-max .navbar-level-1 > li > a {
        padding: 20px 0px;
        margin: 0px 22px;
        color: #011e41;
    }

    .main-content .navbar-max {
        margin-left: -15px;
        margin-right: 0px;
        border: none;
        background-color: #f3f3f3;
    }

    .navbar-static-top {
        width: 100%;
        padding-right: 0px;
    }

    .navbar-level-1 {
        width: 100%;
        background-color: white;
        /*    margin-top:0px;
*/ margin: 0px;
        -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.25);
        -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.25);
        box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.25);
    }

    .lst-list {
        background-color: white;
        /*    padding-bottom: 10px;*/
        padding-left: 10px;
    }

    .lst-list-container {
        padding-top: 14px;
        padding-right: 20px;
    }

    .details-ajax .lst-list-container {
        padding-top: 0px;
        padding-right: 20px;
    }

    .lst-table {
        /*    margin-bottom: 0;
*/
        /*
      padding-bottom: 10px;  min-width: 700px;*/
        table-layout: fixed;
    }

    .lst-list-footer {
        /*height:40px;
*/
    }

    .table-striped.lst-table > tbody > tr:nth-of-type(odd) {
        background-color: white;
    }
.table-gray .table-striped.lst-table > tbody > tr:nth-of-type(odd) {
    background-color: unset;
}
.table-striped.lst-table > tbody > tr:nth-of-type(odd):hover {
    background-color: #f5f5f5
}

.table-nobottom .lst-row-expand table {
    border-bottom: none;
}

    .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
        padding: 12px 4px 8px 4px;
    }

.lst-condensed .table-condensed > tbody > tr > td {
    padding: 4px;
}

.lst-extra-condensed .table-condensed > tbody > tr > td {
    padding: 0px;
}
.lst-extra-condensed .lst-table-hdr th {
    padding-left:0px;
}
.lst-extra-condensed .max-checkbox-image {
    width: 18px;
    height: 18px;
}

.lst-no-border .table > tbody > tr > td {
    border: none;
}

/* navigations in table */
.hdr-nav {
    float: right;
    padding-right: 16px;
    display: none;
}
.hdr-detail-nav
{
    float:right;
    padding-left:4px;
    padding-right:10px;
}
    .hdr-detail-nav .maxicon {
        font-size:15px;
    }
    .hdr-detail-nav .maxicon-go-right {
    }
    .hdr-nav-lbl {
        padding-right: 10px;
        font-size: 11px;
    }

    .hdr-nav a {
        color: white;
        margin-right: 2px;
    }

    .details-ajax .hdr-nav a {
        color: #00599a;
    }

    .lst-ftr {
        padding: 10px 3px;
        border-top: 1px solid #ddd;
    }

.lst-ftr-prev, .lst-ftr-next, .lst-ftr-pgnr {
    padding: 4px 8px 4px 8px;
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #bbbbbb;
    color: #bbbbbb;
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 4px;
}

.details-ajax .lst-ftr-pgnr:not(.lst-ftr-pgnr-cur) {
    display: none;
}

.lst-ftr-pgnr-cur {
    background-color: #011e41;
    color: white;
}

.lst-toolbar > ul {
    width: 100%;
    padding-right: 7px;
}

.navbar-header {
    overflow-y: hidden;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 336px;
}

    .details-ajax .navbar-header {
        max-width: none;
        float: none;
    }

    .lst-hdr-cap {
        text-transform: uppercase;
        font-family: "Oswald", sans-serif;
    }

    .lst-list, .acdc-formpanel, .panel-labels-container, .formpanel-inner-fullwidth, .form-login-panel {
        border-radius: 5px 5px 5px 5px;
        -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
        -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
        box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
    }

.modal-body .formpanel-inner-fullwidth {
    border-radius: unset;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
}

    .details-ajax .lst-list {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .acdc-formpanel {
        background-color: white;
        padding: 15px 5px 5px 15px;
        margin-top: 5px;
        margin-right: 30px;
        position: relative;
        overflow-x: hidden;
    }



        .acdc-formpanel.details-ajax {
            overflow-x: unset;
            display: none;
        }

    .formpanel-inner-fullwidth .details-ajax {
        margin-top: 8px;
    }

    .panel-lds .acdc-formpanel {
        min-height: 220px;
    }

    .Leads-Edit .panel-lds .acdc-formpanel {
        min-height: 268px;
    }

   
    @media (max-width: 1024px) {
        .navbar-default.navbar-max .navbar-level-1 > li > a {
            margin:0px 16px;
        }
    }

      .panel-labels-container {
        margin-top: 10px;
        background-color: white;
        padding: 15px;
        margin-right: 25px;
    }

    .lbl-item-head {
        border-radius: 200px 200px 200px 200px;
        width: 16px;
        height: 16px;
        display: inline-block;
        position: relative;
        top: 3px;
    }

.lbl-sel-item {
    border-radius: 100%;
    border: solid 1px;
    border-color: rgba(0,0,0,0.15);
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
}

    .lbl-item-name {
        background-color: transparent;
        font-size: 12px;
    }

    .lbl-item {
        color: #666;
        display: inline-block;
        font-weight: 400;
        margin-right: 3px;
        padding: 2px 4px;
    }
.lbl-item-container:hover {
    background-color: #f3f3f3;
    border-radius: 2px;
    padding:4px 0px;
}
.lbl-item-del {
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    padding-left: 4px;
    opacity: 0;
}
.lbl-item:hover .lbl-item-del {
    opacity: 1;
}

        .lbl-item-group {
            padding: 0 3px;
            padding-bottom: 2px;
            overflow-x: unset;
        }
    .control-add-label {
        margin-right:6px;
    }

    .details-list-full-width {
        width: 100%;
        margin-left: 10px;
        margin-top: 14px;
        border-top: 1px solid #ddd;
    }

    .form-control {
        border: 1px solid #bbb; /* #364963;*/
        height: 32px;
        font-size: 13px;
        border-radius: 3px;
    }

        .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
            color: #011e41;
            font-style: normal;
            padding-left: 4px;
            font-weight: 600;
            font-size: 13px;
            opacity: 1; /* Firefox */
        }


input[type='text'],
select,
textarea {
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid #bbb; /* #364963;*/
    border-radius: 3px;
    /*    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
*/
    color: #555555;
    font-family: inherit;
    font: inherit;
    height: 32px;
    padding: 1px 3px;
    font-size: 13px;
}

.ctl-container .chosen-container-multi .chosen-choices {
    border: 1px solid #bbb;
    height: 32px;
    font-size: 13px;
    border-radius: 3px;
}

.ctl-container .chosen-container {
    background-color: white;
    color: #555555;
}
.ctl-container .chosen-container-single .chosen-single {
    border: 1px solid #bbb;
    border-radius: 3px;
    padding-left:3px;
    padding-top:1px;
    height:32px;
}
    .ctl-container .chosen-container-single .chosen-single div b {
        background-position: 3px 5px;
    }
.ctl-container .chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -16px 5px;
}

form.qsearch {
    margin-left: 4px;
    margin-right: 8px;
    border: 1px solid #bbb;
    border-radius: 3px;
    background-color: white;
    padding-right: 4px;
}
    .qsearch .form-control.c_search_box {
        border:0px;
        box-shadow:none;
/*        -moz-border-radius-topright: 0px;
        -moz-border-radius-bottomright: 0px;
        border-right: 0px;
    */

    }
.qsearch-group-left .btn-icon-search:before {
    content: "\e807";
    font-family: 'Max Icons';
    width: 24px;
    height: 24px;
    font-size: 15px;
    font-weight: bold;
    display: inline-block;
    /*
    top: 5px;
    left: 8px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
*/
}

    .qsearch .input-group {
            width: 200px;
        }

.qsearch .select-sfld {
    float: left;
    height: 32px;
    border: 0px;
    border-right: 1px solid #e7e6e6;
    border-radius: 0px;
    background-color: white;
    padding: 1px 0px;
    width: 113px;
    margin-right: 2px;
    box-shadow: none;
}

            .qsearch .select-sfld option {
/*                font-family: "Source Sans Pro", sans-serif;
*/            }

.qsearch .btn {
    border: 0px;
}
        .qsearch .btn-search-clear {
            padding-top: 6px;
        }

.btn-search-clear.glyphicon-remove-circle:before {
    content: "\e80d";
    font-family: 'Max Icons';
    height: 21px;
    font-size: 11px;
    font-weight: bold;
    display: flex;
}

/* start making qsearch controls hidden when extended search is active */
.qsearch.invis .qsearch-group-left, .qsearch.invis .c_search_box, .qsearch.invis .select-sfld {
    /*display: none;*/
    visibility: hidden;
}
.qsearch.invis {

}
.qsearch.invis .qsearch-group-right {
}
/* end  making qsearch controls hidden when extended search is active */

.qsearch .qsearch-group-right button.glyphicon-search {
    display: none;
}
.qsearch button.glyphicon-search {
    margin-right: 4px;
    padding-right: 8px;
}
    .qsearch btn.btn-search-ext {
        margin-right: 4px;
        padding-right: 8px;
    }

.glyphicon-collapse-up:before {
    content: "\e819";
    font-family: 'Max Icons';
}
.glyphicon-expand:before {
    content: "\e80b";
    font-family: 'Max Icons';
}

.btn-search-ext.glyphicon-collapse-down:before, .glyphicon-collapse-down:before {
    content: "\e819";
    font-family: 'Max Icons';
    width: 20px;
    height: 20px;
    top: 5px;
    left: 8px;
    font-size: 13px;
    font-weight: bold;
    display: inline-block;
}
.qsearch.invis .btn-search-ext.glyphicon-collapse-down:before {
    content: "\e818";
}
.qsearch.invis .btn-search-ext.glyphicon-collapse-down.collapsed:before, .glyphicon-collapse-down.collapsed:before {
    content: "\e819";
}
.qsearch .btn-default:active, .qsearch .btn-default.active {
    background-color: transparent;
    box-shadow: none;
}
.qsearch .btn-default:focus, .qsearch .btn-default:hover {
    border: none;
    outline: none;
    background-color: transparent;
}

.btn-search-ext.search-extended.glyphicon-collapse-down:before {
    color: #e1251b;
}
    .navbar-nav > li.qsearch {
            float: left;
        }

    .col .ms-choice {
        height: 32px;
        border: 1px solid #bbb;
        font-size: 13px;
        border-radius: 3px;
    }

        .col .ms-choice > div {
            top: 6px;
        }

button.ms-choice:hover {
    color: #444;
}
button.ms-choice span {
    top:4px;
}
.max-checkbox {
    position: relative;
    display: inline-flex;
    min-height: 1.5rem;
    /*padding-left: 1.5rem;*/
    /*    margin-right: 1rem;
    padding: 2px;
    margin-bottom: .5rem;
*/ touch-action: manipulation;
}

        .max-checkbox input {
            opacity: 0;
            position: absolute;
        }

    .max-checkbox-image {
        background-color: #fff;
        height: 24px;
        width: 24px;
        border: 1px solid rgba(0,0,0,0.15);
        border-radius: .125rem;
        display: block;
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100%;
    }

.slider-checkbox .max-checkbox-image {
    height: 34px;
    width: 54px;
    border: none;
    display: block;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
}

    .lst-table-hdr .max-checkbox-image {
        height: 18px;
        width: 18px;
        margin-top: 4px;
    }

    .max-checkbox input:checked ~ .max-checkbox-image-box {
        background-color: #011e41;
    }

    .max-checkbox input:checked ~ .max-checkbox-image {
        background-image: url(/images/checkbox.svg);
    }

.max-checkbox.slider-checkbox input:checked ~ .max-checkbox-image {
    background-image: url(/images/cbslider-on.png);
    transition: all .5s;
}
.max-checkbox.slider-checkbox input:not(:checked) ~ .max-checkbox-image {
    background-image: url(/images/cbslider-off.png);
    transition: all .5s;
}

    .max-checkbox-label {
        padding-left: 10px;
        padding-top: 2px;
    }

.form-popup-space {
    min-width:450px;
    margin:20px;
}

    .form-popup-space .form-group {
        margin-bottom:12px;
    }

    .form-popup-space .toptoolbar a {
        min-width:100px;
        text-align:center;
    }

.form-loc-publish {
    margin: 10px 80px 10px 40px;
}
.form-loc-publish-panel {
    border-bottom: 1px solid #f0f0f0;
    margin-top:12px;
    padding-bottom:8px;
    margin-left:15px;
}

.form-loc-edit {
    margin: 10px 60px 10px 10px;
}

    .form-loc-edit .form-group {
        margin-bottom: 12px;
    }
    .form-loc-edit .ctl-width-default {
        width:250px;
    }

.form-reghour-edit .form-panel {
    margin:0px 20px;
    width:100%;
}
.form-reghour-edit .lbl-width-default {
    width:100px;
}

.menu-option-hello .dropdown-menu, .menu-option-config .dropdown-menu {
    left: -40px;
}

    .navbar-nav > li.menu-option-hello, .navbar-nav > li.menu-option-design, .navbar-nav > li.menu-option-config {
        float: right;
    }

    .navbar-nav > li.menu-option-hello, .navbar-nav > li.menu-option-config {
        margin-left: 15px;
    }

        .navbar-nav > li.menu-option-hello > a:before, .navbar-nav > li.menu-option-config > a:before {
            content: " ";
            width: 24px;
            height: 24px;
            display: inline-block;
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            position: absolute;
            top: 15px;
            left: -42px;
            padding-left: 42px;
            border-left: 2px solid #011e41;
        }

        .navbar-nav > li.menu-option-hello > a:before {
            background-image: url(/images/user_blauw.svg);
        }

        .navbar-nav > li.menu-option-config > a:before {
            background-image: url(/images/instellingen_blauw.svg);
        }

    .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
        border-top: 1px solid #f0f0f0;
    }

    .dbchart-mm {
        height: 320px;
    }

    .acdc-formpanel.dbchart {
        padding: 2px 2px;
        overflow: hidden;
        margin-bottom: 25px;
    }

    .width-ctl-13 {
        width: 230px;
        margin-right: 10px;
    }


    .ajax-container {
        padding-left: 15px;
    }

    .form-login-panel {
        background-color: white;
        padding: 48px 32px 16px 32px;
        margin-top: 20px;
    }

.alert {
    border-radius: 4px;
    margin-right: 20px;
    margin-top:14px;
}

    .alert-danger {
        color: #e1251b;
        background-color: #fce1df;
    }

.appnote-item {
    
}
    .appnote-item .appnote-close-btn{
        float:right;
        top:3px;
        font-size:13px;
        margin-left:10px;
    }
        .appnote-item .appnote-close-btn:hover {
            color: #e1251b;
        }
    .appnote-checkbox-parent .max-checkbox-image{
        margin-right:5px;
        height:19px;
        width:19px;
    }
    .appnote-info-url {
        margin-left: 15px;
        font-weight:600;
    }

.form-login-panel .alert {
    margin-right: 0px;
}

.detail-subtitle {
    font-weight: bold;
    margin-bottom: 4px;
}

.formpanel-inner-fullwidth .details-ajax {
    margin-right: 14px;
    float: none;
    padding-left: 4px;
}

.details-ajax .xsearch-panel {
    display:none;
}
.xsearch-panel {
    margin-top: 10px;
    border-top: solid 1px #e7e6e6;
}

    .xsearch-flds {
    }

        .xsearch-flds .form-group {
            margin-bottom: 6px;
        }

    .lst-table-hdr-container::-webkit-scrollbar {
        display: none;
    }

    @media screen and (min-width: 767px) {
        .header-logo {
            height: 100px;
            width: 100px;
        }

        .main-content {
            padding-left: 40px;
        }

        .acdc-formpanel {
            float: left;
        }

        .pw-13 {
            width: 333px;
        }

        .pw-23 {
            width: 694px;
        }

        .pw-11 {
            width: 1060px;
        }

        .pw-12 {
            width: 506px; /* 514 */
        }

        /* Why were the next 2 rule s? => the search columns where not using the full 100% because of this */
/*        .xsearch-flds > .form-group {
            width: 100%;
        }
        .xsearch-flds > .form-group > .col {
            width: 100%;
        }
*/
        .flex-evenly, .xsearch-flds > .form-group {
            display: flex;
            justify-content: space-between;
        }
            .xsearch-flds .flex-evenly .col, .xsearch-flds > .form-group .col {
                float: none;
                padding-right: 0px;
                flex-grow: 1;
            }
                .xsearch-flds .flex-evenly .col:last-child, .xsearch-flds > .form-group .col:last-child {
                    flex-grow: 0;
                }
    }

.mobile-only, .nav > li.mobile-only {
    display: none;
}
    .mobile-only.navbar-collapse.collapse {
        display: none !important;
    }

.desktop-only, .nav > li.desktop-only {
    display: unset;
}

.button-edittitle {
    margin-right: 15px;
    padding-top: 12px;
}

.paneltitle-underline {
    padding-bottom: 5px;
}

.top-min10 {
    margin-top: 10px;
}

.multipleselect .ms-drop.bottom {
    width: unset;
    min-width:100%;
}

@media screen and (max-width: 767px) {
    /*.lbl, .col {
    width: 100%;
}*/
    .modal-dialog {
        margin-left:20px;
    }
    .modal-content {
        max-width:336px;
    }
    .ctl-container .fr-box {
        max-width:300px;    
    }
    .pw-13, .pw-23, .pw-11, .pw-12 {
        width: 90%;
        min-width: 356px;
    }

    .header-logo {
        height: 40px;
        width: 40px;
    }

    .main-content {
        padding-left: 8px;
        padding-right: 8px;
    }
    .mobile-only, .nav > li.mobile-only {
        display: unset;
    }
    .mobile-only.collapse {
        display: none;
    }
        .mobile-only.collapse.in {
            display: block !important;
        }
    .desktop-only, .nav > li.desktop-only {
        display: none;
    }
    .navbar-header {
        width: 100%;
        padding-right:14px;
        margin-left:-10px;
    }

    .table-responsive {
        border: none;
    }

    .navbar-nav {
        margin: 2px -3px;   /* toolbar should start a little to the left - bootstrap default is -15px */
    }
    .lst-toolbar .navbar-nav {
        margin-top:30px;
        padding-right:8px;
    }
    form.qsearch {
        margin-right:4px;
        padding-right:0px;
    }
    .xsearch-flds .lbl, .panel-search .lbl {
        width: 140px;
    }
    .xsearch-flds .form-control, .xsearch-flds .multipleselect, .panel-search .form-control, .panel-search .multipleselect {
        width: 208px;
    }
    .xsearch-flds .date .form-control, .panel-search .date .form-control {
        width: 180px;
    }
    .xsearch-flds .col, .panel-search {
        line-height:34px;
    }
    .xsearch-flds .form-group, .panel-search .form-group {
        margin-bottom: 0px;
    }
/*    #searchpanel.collapse.in.after-search {
        display: none;
    }*/
    .acdc-formpanel {
        float: none;
    }


    .navbar-fixed-top-1 .navbar-collapse {
        overflow-y: auto;
        overflow-x: hidden;
        position: fixed;
        width: 100%;
        left: 0px;
        padding-top: 40px;
        padding-left: 36px;
        box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.50);
        background-color: white;
        padding-bottom: 40px;
        max-height: 760px;
    }
    .main-leftcol .navbar-collapse {
        overflow-y: scroll;
        left: 0px;
        top: 62px;
        position: fixed;
        width: 100%;
        padding-top: 40px;
        padding-left: 36px;
        box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.50);
        height: 100%;
    }

        .navbar-level-1 {
            box-shadow:unset;
        }
    .form-view .nav > li {
        float: left;
    }
    .navbar-default.navbar-max .navbar-level-1 {
        padding-right: 10px;
    }
    .navbar-max .caret {
        float: right;
        margin-top:8px;
    }
    .navbar-default.navbar-max .navbar-level-1 > li > a {
        padding: 14px 0px;
        border-bottom: solid 1px #bbbbbb;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        margin-left:18px;
    }

    .navbar-header-user, .navbar-header-config {
        border: none;
        position: fixed;
        width: 20px;
        top: 28px;
        border-left: none;
        font-family: 'Max Icons';
        color: white;
        font-size: 27px;
        font-weight: normal;
    }
    .navbar-header-user {
        right: 40px;
    }
        .navbar-header-user:before {
            content: "\e80f";
        }

    .navbar-header-config {
        right: 84px;
    }

        .navbar-header-config:before {
            content: "\e801";
        }
    li.menu-option-hello, li.menu-option-config {
        display:none;
    }

    .navbar-nav > li > a {
        line-height:14px;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        background-color: transparent;
        color: unset;
        /*        border-bottom: solid 2px #e1251b;
*/ font-weight: 700;
        margin: 0px 22px 0px 42px;
        padding-left: 0px;
    }

    .qsearch .input-group {
        width:100%;
    }
    .qsearch .select-sfld {
        display: none; /* not th ebest solution of course: I should show it together with .qsearch .input-group on one line */
    }
}

    @media screen and (max-width: 1200px) {
        .navbar-brand img {
            max-width: 150px;
        }
    }

    @media screen and (min-width: 992px) {

        .lbl-width-default {
            width: 150px;
        }

        .width-500 {
            width: 500px;
        }

        .width-515 {
            width: 515px;
        }

        .width-600 {
            width: 600px;
        }

        .width-615 {
            width: 615px;
        }

        .width-650 {
            width: 650px;
        }

        .width-700 {
            width: 600px;
        }

        .width-750 {
            width: 600px;
        }

        .width-800 {
            width: 600px;
        }

        .width-900 {
            width: 600px;
        }

        .width-1000 {
            width: 600px;
        }
    }

    @media screen and (min-width: 1200px) {
        .lbl-width-default {
            width: 150px;
        }

        .width-700 {
            width: 700px;
        }

        .width-750 {
            width: 750px;
        }

        .width-800 {
            width: 800px;
        }

        .width-900 {
            width: 900px;
        }

        .width-1000 {
            width: 1000px;
        }
    }

    @media screen and (max-width: 910px){

        .acdc-formpanel{
            margin-right: 5px!important ;
        }



    }

    .Locations-Details #Object_panelTopOuter .acdc-formpanel {
        min-height: 275px;
    }

    .Locations-Details #Object_panelTopOuter .dbmap .form-group {
        min-height: 243px;
    }

    .Locations-Details .formpanel-inner-fullwidth .chartcontrol {
        width: 100%;
        height: 400px;
        padding: 10px 24px 10px 10px;
    }

.ajaxtable-left-80 .table > tbody > tr > td {
    border: none;
    width:175px;
}
.ajaxtable-left-80 .lst-list{
    margin-left: 70px;
}

/* Conditions builder - START */
.condition-connector {
    border-left: 1px solid #aaa;
    padding:8px 10px 8px 10px;
    margin:10px 0px 0px 10px;
}

#conditionsList .lst-list {
    background-color:unset;
    width:600px;
}

/*#Object_panelConditions.formpanel-inner-fullwidth {
    background-color: unset;
}
*/
#conditionsList .lst-list-container {
    margin-top: 10px;
}

.condition-block {
    background-color: white;
    border: 1px solid #aaa;
    padding: 10px;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
}

#conditionsList .table-striped.lst-table > tbody > tr:nth-of-type(odd), #conditionsList .table-hover > tbody > tr:hover {
    background-color: unset;
}
#conditionsList .table > tbody > tr > td {
    padding-top: 0px;
}
/* Conditions builder - END */

/* regular input type=file - START */
div.fileinputs {
    position: relative;
}

    div.fileinputs:hover button {
        border-color: #011e41;
    }
div.fakefile > button {
    background-color: white;
    border: 1px solid #bbbbbb;
    color: #011e41;
    margin-left: 2px;
}
div .fakefile {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    display:flex;
    width:100%
}

input.maxfile {
    position: relative;
    -moz-opacity: 0;
    filter: alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
    width:100%;
    height:32px;
}

.progressbar-outside {
    display:inline-block;
    background-color:gray;
    width:100px;
    height:10px;
    overflow-x:clip;
}

.progressbar-inside {
    display: block;
    background-color: #e1251b;
    height: 100%;
}

/* regular input type=file - END */

/*2FA css - START*/

.auth-title{
    font-family: 'Open Sans';
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
}

.auth-desc{
    font-size: 14px;
/*    color: gray;
*/    display: block;
    margin-top: 12px;
    font-weight: 600;
    margin-bottom: 24px;
}

.auth-desc.small{
/*    font-size: 12px;
    margin: 10px 0px;
    margin-top: 0px;
    font-weight: 550;
*/}

.main-2fa-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top:10px;
/*    height: 100vh;
*/
}

/*.main-2fa-container .logo{
    height: 56px;
}
*/
    .main-2fa-container .form-login-panel {
        max-width: 400px;
        padding-bottom:42px;
    }

.auth-wrapper {
    position: relative;
    margin-bottom: 24px;
/*    height: 64px;
*/

}
.main-2fa-container .text-danger {
    margin-bottom: 10px;
}
/*.auth-wrapper-inner {
    left: 0;
    position: sticky;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.auth-wrapper-inner-input {
    left: 0;
    position: sticky;
    height: 100%;
}

.auth-wrapper .outline-container {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-gap: 8px;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    position: absolute;
    pointer-events: none;
}



.auth-wrapper .outline-container span {
    border-radius: 6px;
    border: 1px solid black;
    position: sticky;
}

.auth-wrapper input[type=text] {
    font-size: 16px;
    width: 350px;
    min-width: 350px;
    letter-spacing: 48.0px;
    outline: none;
    height: 100%;
    box-shadow: none;
    border: 0;
    top: 0;
    left: 0;
    padding-left: 20px;
}
    */

.btn.small {
    padding: 2px 8px;
    cursor: pointer;
    font-weight: 600;
    font-size: 12px;
}

.btn.small:hover{
    background-color: #E1251B;
    color: white;
    transition: background-color .3s;
}

.btn.small.secondary {
    background: transparent;
    margin-top: 10px;
    font-weight: 400;
    color: #011e41;
    transition: text-decoration 0.2s;
    display: block;
    padding: 0;
}

.btn.small.secondary:hover{
    text-decoration: underline;
}

.form-login.auth-setup{
    max-width: 450px;
}
.auth-instruction {
    display: block;
    font-size: 14px;
    font-weight: 500;
    margin: 16px 0px;
}

.auth-qr {
    text-align:-webkit-center;
}
.auth-qr img{
    height: 220px;
}

.auth-qr-label{
    margin-top: 12px;
}

.auth-key {
    display: block;
    background-color: #eaeaea;
    border-radius: 6px;
    text-align: center;
    padding: 2px 0px;
}

input[type=text].auth-setup-input {
    width: 150px;
    display: inline;
    margin-right: 10px;
}

.auth-buttonrow{
    display: flex;
    align-items: center;
}
    .auth-buttonrow .btn {
        padding:8px 14px;
    }

    .field-validation-error {
        display: block;
    }

.field-validation-error::before{
    content: "\e101";
    font-family: 'Glyphicons Halflings';
    margin-right: 10px;
}

.alert-2fa-panel
{
    text-align:center;
    margin-bottom:10px;
}


/*2FA css - END */