/* fix Bootstrap modal adding padding-right: 17px after modal closes (funny bug reported by Arnaud) */
body:not(.modal-open){
  padding-right: 0px !important;
}

/* header background color + border color (it has a 1px border) */
.navbar-default { background-color: #31859C; border-color: #31859C; }

/* menu + submenu text color */ 
.navbar-default .navbar-nav > li > a, 
.navbar-default .navbar-nav > li > .dropdown-menu > li > a { color: #FFFFFF !important; }

/* selected/hover menu effect background color */ 
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus { background-color: #31859C; }

/* selected menu dropdown background color */ 
.navbar-default .navbar-nav > li > .dropdown-menu { background-color: #31859C; }

/* the hamburger button's background color '*/
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #222222; }
.navbar-default .navbar-toggle .icon-bar { background-color: #ecf0f1; }

/* set modal max width to 100%, required for mobile devices */
.modal { max-width: 100% !important; }

/* other custom styles */
.btn-no-radius { border-radius: 0px !important; }

/* custom alert modal styles */
.alert-modal { width: 600px !important; z-index: 2600 !important; margin: auto !important; bottom: auto !important; top: 10% !important; border: 0px !important; border-radius: 0px !important; background-color: #3a3a3a !important; box-shadow: none !important; }
.alert-modal .modal-dialog { margin: 0px !important; border-radius: 0px !important; }
.alert-modal .modal-dialog .modal-content { border: 0px !important; color: #FFFFFF !important; border-radius: 0px !important; }
.alert-modal-close { color: #FFFFFF !important;    font-weight: normal !important; opacity: 1 !important; text-shadow: none !important; }
.alert-modal-title { color: #FFFFFF !important; font-size: 14px !important; }
.alert-modal-message { color: #FFFFFF !important; font-size: 13px !important;  }
.alert-modal-icon { display: block; width: 64px; height: 64px; margin-top: 5px; background: url(../img/icons.png) no-repeat top; background-position: -385px 1px; }
.alert-modal-icon-success { background: url(../img/icons.png) no-repeat top; background-position: -257px 1px; }

/* custom confirm modal styes */
.confirm-modal-content { background-color: #377fce; }
.confirm-modal-title { color: #FFFFFF !important; font-size: 14px !important; }
.confirm-modal-question { color: #FFFFFF !important; font-size: 13px !important;  }
.confirm-modal-icon { display: block; width: 64px; height: 60px; margin-top: 5px; background: url(../img/icons.png) no-repeat top; background-position: -385px -64px; }
.confirm-modal-yes { background-color: #FFFFFF; border: 1px solid #FFFFFF; color: #377fce; }
.confirm-modal-no { background-color: transparent !important; border: 1px solid #FFFFFF; color: #FFFFFF; }
.confirm-modal-no:hover { border: 1px solid #dfdfdf; color: #dfdfdf !important; }