/*
Blue : #04449B
Blue : rgb (4, 68, 155)
       rgba(4, 68, 155, 0.1) -> #E5ECF5
       rgba(4, 68, 155, 0.6) -> #688FC3

Red : #F21F18
Red : rgba(242, 31, 24)
 */
/* @import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,700);*/
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');

/*@font-face {
    font-family: "DaxPro-Regular";
    font-style: normal;
    font-weight: normal;
    src: url("/assets/fonts/DaxWebPro.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/DaxPro-Regular.woff") format("woff");
}
@font-face {
    font-family: "DaxPro-Medium";
    font-style: normal;
    font-weight: normal;
    src: url("/assets/fonts/DaxWebPro-Medi.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/DaxPro-Medium.woff") format("woff");
}
@font-face {
    font-family: "DaxWebPro-Regular";
    font-style: normal;
    font-weight: normal;
    src: url("/assets/fonts/DaxWebPro.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/DaxWebPro.woff") format("woff");
}
@font-face {
    font-family: "DaxWebPro-Medium";
    font-style: normal;
    font-weight: normal;
    src: url("/assets/fonts/DaxWebPro-Medi.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/DaxWebPro-Medi.woff") format("woff");
}*/

select::-ms-expand {display: none;}
:root {font-size: 16px;}

body {padding-top: 75px;font-size: 16px; background: #F1F4F6;}

.box-container {background: #fff; padding: 1rem; overflow: auto;}

body * {font-family: "Lato",sans-serif;}

/* BEGIN SKA 05/12/2018 */
select {-webkit-appearance: none;}
select, input[type='text'],input[type='password']{border: solid 1px #e1e1e3; background: none; width: 100%; border-radius: 0px; padding: 5px 10px;}
select + i {position: absolute; width: 30px; text-align: center; top: 12px; right: 10px; pointer-events: none;color: #E53138; z-index: 100;}
/* END SKA 05/12/2018 */

body>footer {color: #fff; }
body>footer .footer-part0 {background-color: #fff;}
body>footer .footer-part1 {background-color: #232323;}
body>footer .footer-part2 {background-color: #000;}
body>footer #copyright {font-size: 10px; margin-top:7px; color:#999; font-weight:400;}

body>footer .footer-part0 {color: rgba(4, 68, 155, 0.7);}
body>footer .footer-part0 .big-icon {color: rgba(4, 68, 155, 0.5); font-size: 46px; margin-right: 10px; padding-top: 10px;}
body>footer .footer-part0 .container {margin-top: 20px;}
body>footer .footer-part0 .container>.clearfix {border-top: solid 1px #f0f0f0;}
body>footer .footer-text-1,body>footer .footer-text-2 {padding-top: 11px; padding: 20px 0;font-size: 15px;}
body>footer .footer-text-2 {font-size: 15px; text-align: center; color: #333;background-color: #f0f0f0; padding: 10px;}
body>footer .footer-part1 {/*font-size: 11px;*/font-size: 1rem; font-weight:300;}
body>footer .footer-part1 > div {padding: 10px 0 20px 0; vertical-align: top;}
body>footer .footer-part1 h1 {/*font-size: 13px;*/font-size: 15px;}
body>footer .footer-part1 ul {list-style-type: none; padding: 0; margin: 0 }
body>footer .footer-part1 a, body>footer .footer-part1 .sub-details {color: #ccc; padding-left: 10px;}
body>footer .footer-part1 .sub-details {padding: 5px 0 5px 10px; color: #fc0}
body>footer .footer-part1 > div > div {padding-top: 15px;}
body>footer .mod_menu li:first-child h1 {margin-top: 0;}
body>footer .mod_text h1 {margin-top: 0;}

h3 {color:#0054a6;}

/* BEGIN SKA 05/12/2018 */
form h4 {line-height: 50px; color: #0088CB; font-size: 2rem; text-transform: uppercase;}
label {font-size:16px;font-weight:400;}
.input-group-addon {border-color:#e1e1e3;}
.btn {border: none;padding: 10px 20px;line-height: 30px; margin-top:10px; margin-right:15px; border-radius: 10px;font-size: 1rem;}
.form-control {font-size:16px; padding: 5px 10px; height: 40px; box-shadow: none;}
.form-control:focus {box-shadow: none;}
.has-success .form-control:focus {box-shadow: none;}
.has-error .form-control:focus {box-shadow: none;}
.navigator .disabled {opacity: 0.5; pointer-events: none;}
/* END SKA 05/12/2018 */

.row-no-padding [class*="col-"] {padding-left: 0 !important; padding-right: 0 !important; }
.modal-content {border-radius: 0px;}


.button {border-radius: 10px;}

.nav-tabs {background: #fff; border: none; display: flex;}
.nav-tabs li {border-right: solid 1px #DDD;border-bottom: solid 3px transparent; flex: 1; text-align: center; overflow: hidden;}
.nav-tabs li:last-child {border-right: none;}
.nav-tabs > li > a {border: none !important;}
.nav-tabs > li.active {border-bottom: solid 3px #f39c12;}
.nav-tabs > li > a:hover {background: none; border: none; border-bottom: solid 3px #f39c12;}
/*.nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {border: none;}*/

/*********** MAIN MENU *****************/
.navbar {height: 45px;background-color: #000; line-height: 45px; border: none;}
.navbar {display: flex; min-height: 45px;}
.navbar a {text-decoration: none;}
.navbar .nav-left-items {flex: 1 0 1%; padding: 0 20px;}
.navbar .nav-center-items {flex: 2 1 100%; display: flex;}
.navbar .nav-right-items {flex: 1 0 auto;display: flex; line-height: 40px; min-width: 250px;}
.navbar .nav-right-items .small-item {width: 50px;text-align: center;border-left: solid 1px #444;background: #000;position: relative;}
.navbar .nav-right-items .small-item a { font-size: 1.5rem; color: rgba(255,255,255,0.5); display: block; height: 100%;}
.navbar .nav-right-items .small-item a i {vertical-align: middle;}
.navbar .nav-right-items .small-item-red {background: #E11643 !important; }
.navbar .main-item {flex: 0 1 auto;padding: 0 10px;position: relative;flex-shrink: 0; flex-grow: 0;}
.navbar .main-item > a.submenu:after {
  content:'';
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  width: 7px;
  height: 7px;
  background-color: transparent;
  z-index: 5;
  position: absolute;
  top: calc(50% - 4px);
  right: 6px;
  transform: rotate(45deg) ;
}

.navbar .subnav-main {
  /*opacity: 0;
  height: 0;*/
  display: none;
  background: rgba(0,0,0,0.8);
  position: absolute;
  top: 45px;
  left: 0;
  right: 0;
  /*transition: opacity 0.2s;*/
  padding: 0 5px;
  border-bottom: solid 10px #282828;
  width: 650px;
}

.navbar .subnav-main a {font-size: 14px; text-transform: uppercase; font-weight: 400; color: #CDCDCD ;display: block; line-height: 35px;margin: 0 10px 0 10px !important;position: relative;padding-left: 5px;}
.navbar .subnav-main a:hover, .navbar .nav-name-item a:hover {background: rgba(0,0,0,0.8);}

.navbar .nav-center-items .main-item > a {color: #cdcdcd; font-size: 1rem; text-transform: uppercase; font-weight: 400;padding-right: 25px;position: relative;white-space: nowrap;}
.navbar .nav-center-items .main-item:hover .subnav-main, .navbar .nav-name-item .main-item:hover .subnav-main {display: flex; opacity: 1; height: auto;}

.navbar .subnav-column {
    flex: 1;
}

.navbar .subnav-column:first-child {
  border:none;
}

.navbar .subnav-column:nth-child(even) {
  border-left: solid 2px #E53138;
}

.navbar .subnav-column a.subnav-title {
    font-weight: 700 !important;
    border-bottom: solid 2px #000;
}

/*.navbar .subnav-column a.subnav-item:before {
    content: '';
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    width: 7px;
    height: 7px;
    background-color: transparent;
    z-index: 5;
    position: absolute;
    top: calc(50% - 4px);
    left: 6px;
    transform: rotate(-45deg);
}*/

.navbar .small-item .subnav-small {
    position: absolute;
    top: 45px;
    left: 0;
    background: #D8D8D8;
    right: 0;
    color: #000;
    display: none;
}

.navbar .small-item:hover .subnav-small {
  display: block;
}

.navbar a.subnav-title {
    color: #000 !important;
}

.navbar .nav-right-items .small-item .subnav-small a {
  color: #000 !important;
  text-align: center;
  display: block !important;
}

.navbar .nav-name-item .subnav-search,
.navbar .small-item .subnav-search {
    position: fixed;
    background: #d8d8d8;
    right: 0;
    width: 0px;
    padding: 10px 20px;
    top: 45px;
    opacity: 0;
    transition: all 0.5s;
}

.navbar .small-item:hover .subnav-search, .navbar .nav-name-item:hover .subnav-search {
  width: 500px;
  opacity: 1;
}


/*.navbar i.indicator {
    position: absolute;
    background-color: #D8D8D8;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    bottom: -4px;
    left: calc(50% - 4px);
    display: none;
}*/

.navbar .main-item:hover i.indicator,
.navbar .small-item:hover i.indicator {
  display: inherit;
}

.navbar .nav-name-item .subnav-search input[type="text"],
.navbar .small-item .subnav-search input[type="text"] {
    background: rgba(255,255,255,0.5);
    border: solid 1px #979797;
    height: 40px;
    line-height: 40px;
    width: 100%;
    padding-left: 40px;
    background-image: url(/assets/glyphicons/search-dark.png);
    background-repeat: no-repeat;
    background-position: 10px;
    font-size: 16px;
    font-weight: 300;
}

/******* PORTFOLIO *********************/

#portefolioApp .portfolioItem {
    border: solid 1px #e7e7e7;
    margin-bottom: 10px;
    display: flex;
    background: #fff;
    /*border-radius: 10px;*/
    overflow: hidden;
    transition: all 0.5s;
}

#portefolioApp .portfolioItem:hover {
  box-shadow: 1px 3px 10px rgba(0,0,0,0.1);
}


#portefolioApp span.productNumber {
    font-weight: bold;
    font-size: 1.2rem;
}

#portefolioApp .left-item,
#portefolioApp .center-item,
#portefolioApp .right-item {
    flex: 1 0 auto;
    padding: 10px 20px;
}

#portefolioApp .center-item {
    flex: 2 1 100%;
}

#portefolioApp span.subscriber {
    font-size: 1.1rem;
    font-weight: bold;
    padding-bottom: 5px;
    display: block;
}

#portefolioApp span.contractDates {
    padding-right: 10px;
}

#portefolioApp span.productName {
}

#portefolioApp span.subProductNumber {
    font-size: 11px;
    font-weight: 300;
}

#portefolioApp .dropdown-button {position: relative;}
#portefolioApp .dropdown-button ul {position: absolute;top:0;display: none;background: #39495E;text-align: left;width: 450px;right: 60px;padding: 0;list-style-type: none;z-index: 100;height: 100%;}

#portefolioApp .dropdown-button:hover {}
#portefolioApp .dropdown-button:hover ul {display: flex;flex-wrap: wrap;}

#portefolioApp .dropdown-button i {color: #fff;font-size: 1.5rem;vertical-align: middle;margin-top: -10px;position: absolute;top: 50%;right: 20px;opacity: 0.5;}
#portefolioApp .dropdown-button a i, #portefolioApp .dropdown-button span i {left: 10px; right: auto; top: calc(50% - 2px); }
#portefolioApp .dropdown-button a.cp-not-exists, #portefolioApp .dropdown-button span.cp-not-exists  {padding-left: 50px;}

#portefolioApp .dropdown-button li:hover {background-color: rgba(0,0,0,0.1); }

#portefolioApp .dropdown-button li {text-align: center;display: flex;flex: 1 50%;position: relative;min-height: 50%;border: solid 1px rgba(255,255,255,0.1); align-self: center; max-width: 50%;}
#portefolioApp .dropdown-button a,#portefolioApp .dropdown-button span {text-decoration: none;color: #fff;flex-direction:column;display: flex;width: 100%;padding-right: 10px;padding-left: 10px;line-height: 1.3rem;font-size: 1rem;font-weight: 100;justify-content: center;}


#portefolioApp .button-group {
    display: flex;
    height: 100%;
    align-items: stretch;
}

#portefolioApp .button-group > div {
    display: flex;
    width: 60px;
    text-align: center;
    /*border-left: solid 1px #d8d8d8;*/
    justify-content: center;
    align-items: center;
    background: #39495E;
    color: #fff;
    border-radius:
}



#portefolioApp .business-master .button-group > div, #portefolioApp .business-master .dropdown-button ul {background: #f39c12;}
#portefolioApp .business-client .button-group > div,#portefolioApp .business-client .dropdown-button ul {background: #16a085;}

#portefolioApp .button-group > div:hover {
  cursor: pointer;
}


#portefolioApp .button-group img {
    max-width: 30px;
}

#portefolioApp .left-item {
  min-width: 150px;
  position: relative;
}

#portefolioApp .left-item:before {
  content: '';
  background: #34495e;
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  bottom: 0;
}


#portefolioApp .proposal-item .proposalTag > span{    background: #34495F;
    color: #fff;
    display: block;
    text-align: center;
    margin-top: -10px;
    margin-left: -10px;
    width: calc(100% + 40px);
    line-height: 30px;
    margin-bottom: 10px;
    font-weight: 100;
    letter-spacing: 2px;}
#portefolioApp .business-master .left-item:before {
  background: #f39c12;
}

#portefolioApp .business-client .left-item:before {
  background: #16a085;
}



#portefolioApp .right-item {
    padding: 0;
    align-content: stretch;
    opacity: 0;
    transition: all 0.5s;
    max-height: 150px;
}

#portefolioApp .portfolioItem:hover .right-item {opacity: 1}

.portefolioSearch {
    background: #e8e8e8;
    padding: 16px;
    margin-bottom: 20px;
    border: solid 1px #ccc;
}

.portefolioSearch input {
  background: rgba(255,255,255,0.5);
  border: solid 1px #979797;
  height: 40px;
  line-height: 40px;
  width: 100%;
  padding-left: 40px;
  background-image: url(/assets/glyphicons/search-dark.png);
  background-repeat: no-repeat;
  background-position: 10px;
  font-size: 1rem;
  font-weight: 300;
}

.portefolioSearch .cleanSearch {
  position: absolute;
  right: 40px;
  top: 22px;
  font-size: 1.5rem;
  opacity: 0.5;
  cursor: pointer;
}

.pager {display: flex;}
.pager li {flex: 1;}
.pager .static-text {padding: 6px 14px;}
.pager li > a {font-size: 15px; border-radius: 0;min-width: 100px;}

.error-panel {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: red;
    z-index: 1000;
    min-height: 45px;
    line-height: 45px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 16px;
}
/****************************/

.download-links-product {margin: 0; padding: 0; margin-bottom: 20px;}
.download-links-product li {list-style-type: none; margin: 0; padding: 0;}

.download-links-product li {/*width: 50%; float: left;*/ padding: 5px 0;}
/*.btn-download {display: block; font-size: 15px;position: relative; }*/
/*.download-links-product i {font-size: 25px;position:absolute; left:10px; top: 8px;color: #fff;}*/
/*.download-links-product span {padding: 5px 5px 5px 50px; display: table-cell; height: 40px; line-height: 15px; white-space: normal; text-align: center; vertical-align: middle}*/

/*.btn-download > span {
    padding: 5px 5px 5px 50px;
    display: table-cell;
    height: 40px;
    line-height: 15px;
    white-space: normal;
    text-align: left;
    vertical-align: middle;
}

.btn-download i {
    font-size: 25px;
    position: absolute;
    left: 10px;
    top: 8px;
    color: #FFF;
}*/

/*.btn-download {
    display: block;
    font-size: 15px;
    position: relative;
    padding: 0px;
}*/


/*.btn-download {
  color: #fff;
  background-color: #74A3CD;
  border-color: #43729C;
}
.btn-download:hover,
.btn-download:focus,
.btn-download.focus,
.btn-download:active,
.btn-download.active {
  color: #fff;
  background-color: #43729C;
  border-color: #43729C;
}
.btn-download:active,
.btn-download.active {
  background-image: none;
}

.btn-download .small {font-size: 75%;}

.btn-subscribe {background-color: #F21F18; border-color: #F21F18;}
.btn-subscribe:hover {background-color: #F05C57;border-color: #F21F18;}

.btn-primary {background-color: #3669AF;border-color: #04449B;}
.btn-primary:focus,.btn-primary:hover {background-color: rgba(4,68,155,0.5);border-color: #3669AF;}

.btn-danger {background-color: #E11643;}
/*.btn-danger:focus,.btn-danger:hover {background-color: rgba(242,31,24,0.5);border-color: rgba(242,31,24,0.8);}*/

.font-light {font-weight: 100;}
.btn2, .btn2:focus, .btn2:visited {padding: 10px; border-radius: 10px;text-decoration: none !important; border: solid 1px transparent; cursor: pointer;
-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.btn2-group {display: flex;}
.btn2-group .btn2 {flex: 1;margin: 0 5px;}
.btn2-group .btn2.btn2-xlarge {max-width: 50%;}
.btn2-group .btn2:first-child {margin-left: 0;}
.btn2-group .btn2:last-child {margin-right: 0;}
.btn2:hover {opacity: 0.7; text-decoration: none;}
.btn2:disabled, .btn2-disabled {opacity: 0.5; pointer-events: none;}
.btn2-withicon {display: flex; align-items: center;padding-left: 5px;}

.btn2-default {background: #fff; color: #000; border: solid 1px rgb(216,216,216);}
.btn2-orange {background: #f39c12 !important; color: #fff;}
.btn2-green {background: #16a085 !important; color: #fff;}
.btn2-dark {background: #34495e !important; color: #fff;}
.btn2-lightgreen {background: #27ae60 !important; color: #fff;}
.btn2-red {background: #E11643 !important; color: #fff;}
.btn2-silver {background: #CCC !important; color: #333;}

.btn2-transparent-white {background: rgba(255,255,255,0.1) !important; color: #fff;}
.btn2-transparent-white:hover,.btn2-transparent-white:focus {background: rgba(255,255,255,0.0) !important; border-color: rgba(255,255,255,0.3);}

.btn2-default:hover, .btn2-default:focus {background: rgba(216,216,216,0.5);color: #000;}
.btn2-orange:hover,.btn2-orange:focus {color: #fff;}
.btn2-green:hover,.btn2-green:focus {color: #fff;}
.btn2-lightgreen:hover,.btn2-lightgreen:focus {color: #fff;}
.btn2-dark:hover,.btn2-dark:focus {color: #fff;}
.btn2-red:hover,.btn2-red:focus {color: #fff;}
.btn2-silver:hover,.btn2-silver:focus {color: #000;}

.btn2 .btn2-icon {flex:1 1%; min-width: 3rem; text-align: center; font-size: 1.5rem; }
.btn2-large .btn2-icon {font-size: 2rem;}
.btn2-xlarge .btn2-icon {font-size: 3rem;min-width: 5rem;}

.btn2 .btn2-label {flex: 2 99%;font-size: 1.1rem ;}
.btn2 .btn2-label-small {flex: 2 99%; font-size: 1rem; font-weight: 100; }

.btn2 .btn2-label .title {font-weight: bold; font-size: 1.5rem;padding-bottom: 10px;}
.btn2 .btn2-label .subtitle {font-weight: 100; font-size: 1rem;}

.btn2-small, .btn2-small:focus, .btn2-small:visited {font-size: 0.9rem;padding: 5px 15px; line-height: 1rem;}
.btn2-circle {border-radius: 50px;}

.btn2-xsmall {border-radius: 5px !important; padding: 5px 10px;}
.btn2-xsmall .btn2-label {font-size: 0.9rem;}
.btn2-xsmall .btn2-icon {font-size: 1.3rem;}

header.header {border: solid 1px #ccc;border-bottom: none; background-color: rgba(4, 68, 155,0.1);}
header.header h1 {font-size: 17px; padding: 7px 20px;margin: 0; /*font-family: DaxPro-Medium;*/}


.font1, .font1 * {/*font-family: DaxPro-Regular;*/}
.font2, .font2 * {/*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/}

.font1.b, .font1.strong, .font1 b, .font1 strong, h6.font1 {/*font-family: DaxPro-Medium;*/}

/*.font1 .fa {font-family:FontAwesome;}*/

a {color: #04449B;}

.alert {border-radius: 0;}
.well {border-radius: 0; box-shadow: none; background: #fff; border: none;}

.yamm .nav, .yamm .collapse, .yamm .dropup, .yamm .dropdown {position: static; }
.yamm .container {position: relative; }
.yamm .dropdown-menu {left: auto; }
.yamm .nav.navbar-right .dropdown-menu {left: auto; right: 0; }
.yamm .yamm-content {padding: 20px 30px; }
.yamm .dropdown.yamm-fw .dropdown-menu {left: 0; right: 0; }

.font-xs {font-size: 85% !important; }
.font-sm {font-size: 95% !important; }
.font-md {font-size: 130% !important; }
.font-lg {font-size: 160% !important; }
.font-xl {font-size: 200% !important; }
.font-400 {font-size: 400% !important; }


.txt-color-blue{color:#04449B!important }
.txt-color-blueLight{color:#92a2a8!important }
.txt-color-blueDark{color:#4c4f53!important }
.txt-color-green{color:#356e35!important }
.txt-color-greenLight{color:#71843f!important }
.txt-color-greenDark{color:#496949!important }
.txt-color-red{color:#a90329!important }
.txt-color-yellow{color:#b09b5b!important }
.txt-color-orange{color:#b19a6b!important }
.txt-color-orangeDark{color:#a57225!important }
.txt-color-pink{color:#ac5287!important }
.txt-color-pinkDark{color:#a8829f!important }
.txt-color-purple{color:#6e587a!important }
.txt-color-darken{color:#404040!important }
.txt-color-lighten{color:#d5e7ec!important }
.txt-color-white{color:#fff!important }
.txt-color-grayDark{color:#525252!important }
.txt-color-magenta{color:#6e3671!important }
.txt-color-teal{color:#568a89!important }
.txt-color-redLight{color:#a65858!important }
.bg-color-blue{background-color:#57889c!important }
.bg-color-blueLight{background-color:#92a2a8!important }
.bg-color-blueDark{background-color:#04449B!important }
.bg-color-green{background-color:#356e35!important }
.bg-color-greenLight{background-color:#71843f!important }
.bg-color-greenDark{background-color:#496949!important }
.bg-color-red{background-color:#a90329!important }
.bg-color-yellow{background-color:#b09b5b!important }
.bg-color-orange{background-color:#c79121!important }
.bg-color-orangeDark{background-color:#a57225!important }
.bg-color-pink{background-color:#ac5287!important }
.bg-color-pinkDark{background-color:#a8829f!important }
.bg-color-purple{background-color:#6e587a!important }
.bg-color-darken{background-color:#404040!important }
.bg-color-lighten{background-color:#d5e7ec!important }
.bg-color-white{background-color:#fff!important }
.bg-color-grayDark{background-color:#525252!important }
.bg-color-magenta{background-color:#6e3671!important }
.bg-color-teal{background-color:#568a89!important }
.bg-color-redLight{background-color:#a65858!important }
.bg-color-grayLight{background-color:#fff!important; }

.waiting {min-height: 100px; text-align: center;}
.waiting i {margin-top: 23px; color: rgba(0,0,0,0.1); }

.margin-bottom-30 {margin-bottom: 30px;}
.margin-bottom-50 {margin-bottom: 50px;}


.btn-block {margin: 0; width: 100%; line-height: 30px; }
.btn-block-group {padding: 0 !important;}

.btn-final {position: relative; font-weight: bold;}
.btn-final i {position: absolute; left: 0; top: 0; height: 100%; background-color: #ccc; color: #fff; width: 45px; padding-top: 8px;}

.promos-icons li+li {padding-top: 10px;margin-top: 10px;border-top: solid 1px #fff;}

.input-group-addon {padding: 5px 12px;}

/*.product-box {min-height: 320px; margin-bottom: 10px;border: solid 1px #fff; padding: 5px; text-align: center; margin-top: 20px;}
.product-box h5 {border-bottom: solid 3px rgb(0, 74, 153); color: rgb(0, 74, 153); text-align: center; padding: 5px; height: 60px; font-size: 15px;}*/

.product-box {min-height: 240px; margin-bottom: 10px; border: solid 1px #d4d4d4; padding: 0px; text-align: center; margin-top: 20px;}
.product-box h5 { color: #0088c9; text-align: center; padding: 5px 5px 0 5px; height: 50px; font-size: 1.2rem; margin-top: 0;display: flex;}
 .product-box h5 strong {flex: 1; align-self: center;}
.product-box .price {color: #dd1542; text-align: center; font-size: 18px;}
.product-box .price_value {font-size: 23px;}
.product-box .price_from {color:#726f6c;font-size: 12px;}
.product-box .info {min-height: 110px;}
/*.product-box .button {border-bottom: solid 1px #ccc; padding-bottom: 10px;}*/

.product-box .button_next {color: rgb(242, 31, 24);}
.product-box.blue {background: #deecf6;}
.product-box.blue h5 {background: #deecf6;}
.product-box.blue .button { border-color: #bed9eb; }
.product-box:hover {/*box-shadow: -1px -1px 7px #ccc;*/ border-color: #ccc;}
.product-box .icons span {margin: 0 5px; font-size: 20px;}
.product-box a:hover {text-decoration: none;}

.product-box .btn {margin:0;}

.table > tbody > tr > td.table-cell-btn-group {padding: 0px; width: 15%;}
.table > tbody > tr > td.table-cell-btn-group .btn {border-radius: 0; height: 50px; line-height: 50px; padding: 0; border: none; border-left: solid 1px #fff;}
.table > tbody > tr > td.table-cell-btn-group .btn i {font-size: 20px;}
.table > tbody > tr > td.table-cell-btn-group .btn.disabled i {color: #ccc}
.table > tbody > tr > td.table-cell-btn-group a {width: 33%; display: inline; margin: 0; float: left; border: none !important; height: 100%;}
.table > tbody > tr > td.table-cell-btn-group a:hover {color: #fff; background-color: #04449B}


.nav > li > a {/*font-weight: bold*/ font-size: 15px; }
.nav-tabs > li > a {letter-spacing: 0.5px;}

.nav-tabs {margin-bottom: 15px;}


.dashboard {}
.dashboard .item h4 {margin: 20px 10px; text-align: center; text-transform: uppercase; font-weight: 100;}
.dashboard .item {background-color: #fff; padding-bottom: 20px; min-height: 290px;margin-bottom: 30px;}
.dashboard .btn2-group .btn2 {text-align: center; padding: 5px 10px; font-weight: 100; border-radius: 50px;}
.dashboard .btn2-group .btn2:nth-child(odd)  {border-right: solid 1px #999;}
.dashboard .item .btn2-group {padding: 0 10px; }


#subscriptionForm .steps {border: solid 1px #ccc; list-style-type: none; padding: 0; margin: 0; height: 50px;}
#subscriptionForm .steps li {float: left; width: 20%; display: inline; text-align: center; line-height: 48px; font-size: 14px; border-right: solid 1px #ccc;position: relative; color: #ccc;}
#subscriptionForm .steps li:last-child {border-right: none;}
#subscriptionForm .steps li > .step {margin-right: 10px; font-size: 22px; vertical-align: bottom; color: #ccc;}
#subscriptionForm .steps li.active {color: #004AA1; background-color: #B2C8E0;}
#subscriptionForm .steps li.active > .step {color: #004AA1;}
#subscriptionForm .steps li.previousStep {color: #FFFFFF; background-color: #3569af;}
#subscriptionForm .steps li.previousStep > .step {color: #FFFFFF;}
#subscriptionForm .steps li:before {content: "";position: absolute;top: 0;right: -25px;width: 0;height: 0;border-color: transparent transparent transparent #ccc;border-style: solid;border-width: 24px 12px;z-index:50;}
#subscriptionForm .steps li:after {content: "";position: absolute;top: 0px;right: -24px;width: 0;height: 0;border-color: transparent transparent transparent #ffffff;border-style: solid;border-width: 24px 12px;z-index:51;}
#subscriptionForm .steps li.active:after {content: "";position: absolute;top: 0px;right: -24px;width: 0;height: 0;border-color: transparent transparent transparent #B2C8E0;border-style: solid;border-width: 24px 12px;}
#subscriptionForm .steps li.previousStep:after {content: "";position: absolute;top: 0px;right: -24px;width: 0;height: 0;border-color: transparent transparent transparent #3569af;border-style: solid;border-width: 24px 12px;}
#subscriptionForm .steps li:last-child:after,.steps li:last-child:before {display:none;}


#subscriptionForm .sub-content {border: solid 1px #ccc; border-top: none;}
#subscriptionForm .sub-content fieldset, #subscriptionForm .sub-content footer {padding: 10px;}
#subscriptionForm .sub-content footer {border-top: 1px solid rgba(0, 0, 0, 0.1); background: none repeat scroll 0% 0% rgba(248, 248, 248, 0.9); }

#subscriptionForm .sub-content .subscribe-title {padding-top: 10px; padding-bottom: 10px; text-align: center;border-top: 1px solid rgba(0, 0, 0, 0.1);border-bottom: 1px solid rgba(0, 0, 0, 0.1); background: none repeat scroll 0% 0% rgba(248, 248, 248, 0.9); font-size: 18px;}

#calculatorForm .sub-content,.borderedBox .sub-content {border: solid 1px #ccc;}
#calculatorForm .sub-content fieldset,
#calculatorForm .sub-content footer,
.borderedBox .sub-content fieldset,
.borderedBox .sub-content footer {padding: 10px;}
#calculatorForm .sub-content footer, .borderedBox .sub-content footer {border-top: 1px solid rgba(0, 0, 0, 0.1); background: none repeat scroll 0% 0% rgba(248, 248, 248, 0.9); }

.text-08 {font-size: 80%}
.text-05 {font-size: 50%}

#offre_message_commercial{
  width: 100%;
  background:#3569af url('/assets/graphics/offre_help_top.jpg') no-repeat top center;
  padding: 220px 20px 20px 20px;
  text-align:center;
  font-size:18px;
  line-height:27px;
  color:#d1dfed;
}


.form-group {margin-bottom: 6px;}
.select2-chosen, .select2-choice > span:first-child, .select2-container .select2-choices .select2-search-field input,
.form-control {border-radius: 0px; padding: 1px 4px;/* height: 24px;*/}
.select2-container .select2-choice {/*height: 28px*/;border-radius: 0px;}
.select2-container .select2-choice .select2-arrow b, .select2-container .select2-choice div b {background-position: 6px 1px;}
.select2-container .select2-choice .select2-arrow {width: 30px;}
.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {padding-top: 5px; padding-bottom: 5px; position: relative;line-height: 30px;}
.input-group-addon {border-radius: 0;}

.no-margin {margin: 0px;}
.margin-left-right-10 {margin: 0px 10px !important;}

.margin-top-10 {margin-top: 10px;}
.padding-b-10 {padding-bottom: 10px;}
.note {margin-top: 6px;padding: 0px 1px;font-size: 11px;line-height: 15px;color: #999;}
.header-box {margin-bottom: 20px;}


/* Step2 de la souscription */
.other-products .h4 {color: #666; font-size: 110%;}
.other-products {background-color: #E5ECF5; padding: 10px 0 10px 10px; }
.main-product, .sub-product {position: relative;}
.main-product {padding-left: 10px;}
.sub-product { border-bottom: solid 1px #fff; border-radius: 4px 0 0 4px; padding-top: 10px; padding-bottom: 10px; position: relative; }
.sub-product .indicator {font-size: 50px; color: rgba(0,0,0,0.1); position: absolute; right: 10px; top: 50%; display: none; margin-top: -20px; }
.sub-product:hover {background-color: #fff;}
.sub-product:hover .indicator {display: inherit;}
.sub-product:last-child {border: none;}
.total-product {background-color: #fff; padding: 10px; position: relative; font-size: 150%; margin-top: 10px;margin-right: 10px;}
.main-product .price, .sub-product .price, .total-product .price {color: #F21F18; font-weight: bold; margin-top: 5px; }
.sub-product .price {top: 6px; right: 20px; }
.main-product .price {font-size: 150%; top: 0;}
.total-product .price {top: 10px;}
.sub-product h3 {font-size: 14px; margin-top: 5px; margin-bottom: 5px; font-weight: bold; color: #004AA1;}
.sub-product .options {color: #555; font-size: 12px; padding-left: 10px;}
#details-product h1 {font-size: 17px; font-weight: bold; line-height: 1.4em;}
#details-product h2 {color: #004AA1; font-size: 20px;}
.sub-product .checkbox {padding-left: 0;}
.sub-product .checkbox input + i {top: 4px;}


.panel-group .panel {border-radius: 0px; margin-bottom: 10px; }
.panel-group .panel-collapse {background: #fafafa; }
.panel-group .panel-body {border: solid 1px #f0f0f0; border-top: none;}
.panel-default {border: none;}
.panel-default > .panel-heading  {background-color: #81A1CD; color: #fff;}
.panel-title > a.collapsed > .fa,
.panel-title > a > :first-child {display: none; }
.panel-title > a.collapsed > :first-child{display:inline-block }
.panel-heading {border-radius: 0;}
.panel-heading a {font-size: 17px;}
.panel-heading a:hover {text-decoration: none;}
.panel-group .panel + .panel {margin-top: -1px;}
.panel-body a {padding: 3px 0; display: block; color: #555;}
.panel-body a .fa {color: rgb(0,74,153); margin-right: 5px;}

/* .reg-page input {height: 34px;}*/

.reg-page {color: #555; padding: 30px; background: #fefefe; border: solid 1px #ccc; margin-top: 30px; position: relative; padding-top: 40px; }
.reg-header {padding-bottom: 20px;}
.reg-header h2 {font-size: 15px; margin: 0; padding: 0;}
.reg-page #setlng {position: absolute; top: 5px; right: 5px;}
.fr .reg-page .fr {display: none;}
.nl .reg-page .nl {display: none;}



.economat-item {padding: 10px; border: solid 1px rgba(0,0,0,0.1); overflow: auto; min-height: 120px; margin-bottom: 10px;position: relative}
.economat-item label {font-weight: normal; min-height: 70px;}
.economat-item select {width: 50px; float: right;}

form footer.footer {padding: 10px;border: solid 1px #ddd}


.news h4 {color: #04449B;}
.news .post-author strong {}
.news .post-author {font-size: 11px; color: #555}
.news p {margin: 10px 0; line-height: 1.7em; }

.news-short {}
.news-short h1 {font-size: 18px; text-align: center;}
.news-short .news-small h4 {color: #04449B; text-align: center;}
.news-short .news-small .post-author {font-size: 11px; color: #555; margin-bottom: 10px;}
.news-short .news-small p {margin: 10px 0; }

/* #summary .title {font-size: 110%; font-weight: bold; color:rgb(4,68,155); padding: 20px 10px;text-transform: uppercase;}
#summary .description {color: #666; font-style: italic; padding: 10px; background-color: #f0f0f0; margin-bottom: 20px;}
#summary .covering > li > i { width: 20px; font-size: 80%}
#summary .validty > i {text-align: center; width: 20px; font-size: 80%}
#summary .total {font-size: 200%; color: rgb(242,31,24); font-weight: bold;}
#summary .total i {font-size: 70%;}*/
#summary {margin-top: 10px;}
.quote1 {background-color: #F0F4F9; border-left: solid 2px #04449B; padding: 10px;color: #666; font-style: italic; font-size: 95%; margin-bottom: 10px;}
.quote1 .title {font-weight: bold;margin-bottom: 5px;}
.quote1 h1 {font-size: 110%; font-weight: bold; margin: 0 0 10px 0; padding: 0; color: #04449B;}
.quote1 h2 {font-size: 100%; font-weight: normal; margin: 0; padding: 0; color: #04449B;}
#summary .description {margin: 10px;}
#summary i.fa {width: 30px; text-align: center; font-size: 110%; color: #000;}
#summary li {padding: 3px 0;}

#summary .price .label {color: #000; float: right; text-align: right; font-size: 150%;  vertical-align: bottom; font-weight: normal;line-height: 180%;}
#summary .price .total {float: right; text-align: left; vertical-align: bottom; padding: 0 20px;}
#summary .price .total, #summary .price .total .fa {color: #F21F18;}
#summary .price .total .amount-dec {font-size: 110%;}
#summary .price .total .amount-int {font-size: 200%;}
#summary .price .total .fa {width: auto; padding-right: 5px;}


.btn-big-home .btn {font-size: 100%; background-color: #3669AF; padding: 10px 0;margin: 10px 0;color: #fff;border: solid 1px #04449B;}
.btn-big-home .btn:hover {background-color: #688FC3; color: #fff;}
.btn-big-home .btn i {display: block; font-size: 200%;margin-bottom: 5px;}

.btn-big-home-2 .btn {font-size: 120%; background-color: #3669AF; padding: 15px 20px;margin: 5px 0;color: #fff;border: solid 1px #04449B; text-align: left}
.btn-big-home-2 .btn:hover {background-color: #688FC3; color: #fff;}
.btn-big-home-2 .btn span {font-size: 120%;margin-right: 10px;}

.btn-big-home-3 > div {padding: 0;}
.btn-big-home-3 .btn {font-size: 100%; background-color: #3669AF; padding: 10px 0;margin: 10px 0;color: #fff;}
.btn-big-home-3 .btn:hover {background-color: #688FC3; color: #fff;}
.btn-big-home-3 .btn i {display: block; font-size: 200%;margin-bottom: 5px;}

.btn-color-1 {background-color :#D16503 !important}
.btn-color-2 {background-color :#E9931A !important}
.btn-color-3 {background-color :#1691BD !important}
.btn-color-4 {background-color :#3669AF !important}
.btn-color-5 {background-color :#1B3647 !important}
.btn-color-6 {background-color :#162832 !important}


/*.fa-custom {border: solid 1px #04449B; width: 40px; height: 40px; line-height: 38px; font-size: 20px;display: inline-block; text-align: center;}*/
.rounded-x {border-radius: 50% !important;}


.btn-big-home-4 .btn {font-size: 100%; color: #04449B; padding: 10px 0;margin: 10px 0;border: solid 1px #CCC; background-color: #fafafa;}
.btn-big-home-4 .btn:hover {background-color: #688FC3; color: #fff;}
.btn-big-home-4 .btn span {display: block; font-size: 13px;margin-bottom: 5px;}


.btn-big-home-4 .btn .fa,
.btn-big-home-4 .btn .far,
.btn-big-home-4 .btn .fas {font-size: 50px; clear: both; display: block;}
.btn-big-home-4 .btn {font-weight: bold;}

/*.btn-big-home-4 .btn:hover .fa-custom {border-color: #fff;}*/

.btn-big-lateral-4 {margin-bottom: 10px;}
.btn-big-lateral-4 .btn {padding: 10px 0; background: #555 !important; color: #fff;}
.btn-big-lateral-4 .btn span {font-size: 20px; display: block; font-weight: normal;}
/*.btn-big-lateral-4 .fa-custom {border-color: #fff;}*/


.wizard_item {border: solid 1px #ccc; padding: 10px; background-color: #f3f3f3;margin-bottom: 10px;}
.wizard_item .wizard_question {font-weight: bold;}
.wizard_question_comment {margin-left: 20px; font-style: italic; color: #04449B; line-height: 1.1em; padding: 10px 0;}
.wizard_item .wizard_responses {margin-left: 20px;}
.wizard_item .wizard_response {margin-bottom: 10px;}
.wizard_item .wizard_response input {margin-right: 5px;}
.wizard_item .wizard_response .wizard_response_comment {margin-left: 20px; color: #999;}

.gallery {}
.gallery .gallery-item {}
.gallery .gallery-item > div {margin: 5px; border: solid 1px #ccc;background: #E5ECF5;}
.gallery .gallery-item img {padding: 10px;}
.gallery .info {background-color: #ccc; font-size: 90%; text-align: center;color: #04449B; padding: 3px 5px;}


/*#contractsList th {background-color: rgba(4, 68, 155, 0.1);}
#contractsList th h1 {font-size: 20px;padding: 0; margin: 5px 0;text-align: center;}
#contractsList th h2 {font-size: 15px;margin: 10px;font-weight: normal;text-align: center;}
#contractsList tr {height: 50px;}
#contractsList .btn-block {height: 50px; line-height: 50px; text-decoration: none; font-size: 25px; min-width: 50px; border: none !important; border-right: solid 1px #ddd !important; }
#contractsList .row-no-padding div:first-child .btn-block {border-left: solid 1px #ddd !important;}
#contractsList .btn-block:hover {background-color: #333; color: #fff;}
*/
#contractsList {border: solid 1px #ddd; margin-bottom: 15px;}
#contractsList .row-header {height: auto !important;}
#contractsList .row-header h1 {font-size: 20px;padding: 0; margin: 5px 0;text-align: center;}
#contractsList .row-header h2 {font-size: 15px;margin: 10px;font-weight: normal;text-align: center;}
#contractsList .row-details > div {height: 50px;}
#contractsList.business .row-details > div {height: 65px;}

#contractsList > div {height: 50px; border-bottom: solid 1px #ddd;}
#contractsList.business > div {height: 65px; border-bottom: solid 1px #ddd;}
#contractsList > div:last-child {border-bottom: none;}

#contractsList .btn-block {height: 49px; line-height: 18px; text-decoration: none; font-size: 17px; /*min-width: 50px;*/ border: none !important; border-left: solid 1px #ddd !important; }
#contractsList.business .btn-block {height: 64px; line-height: 25px;}
#contractsList .btn-block span {font-size: 11px;}
#contractsList .row-no-padding div:first-child .btn-block {border-left: solid 1px #ddd !important;}
#contractsList .row-no-padding div:last-child .btn-block {border-right: none !important;}
#contractsList .btn-block:hover {background-color: #333; color: #fff;}
#contractsList .table-icon {line-height: 34px; margin-right: 10px; /*margin-left: 5px;*/}
#contractsList .table-icon > i {line-height: 27px; vertical-align: middle;}
#contractsList .cell-content .table-icon {margin-top: -6px; margin-left: -13px; margin-right: 10px;}
#contractsList .row-details .table-icon {border-right: solid 1px #ddd; line-height: 50px !important; min-width: 50px; text-align: center;}
#contractsList.business .row-details .table-icon {border-right: solid 1px #ddd; line-height: 65px !important; min-width: 50px; text-align: center;}
#contractsList .row-details .table-icon-1 {line-height: 55px; border-right: solid 1px #ddd}
#contractsList .row-details .table-icon i {height: 50px; vertical-align: middle; line-height: 50px !important;}
#contractsList .row-details > div {padding: 0;}
#contractsList .row-details .cell-content {padding: 6px 0 0 15px; width: 85%;float: left;}

#contractsList .row-details .cell-price {color: #04449B; float:right; width: 15%; text-align: right; padding: 14px 5px !important; border-left: solid 1px #ddd;}
#contractsList.business .row-details .cell-price { padding: 21px 5px !important;}
#contractsList .row-details .cell-price .int {font-size: 16px;}
#contractsList .row-details .cell-price .dec {font-size: 12px;padding-right: 5px;}

#contractsList .row-header > div {height: 65px !important;}
#contractsList .row-header > div.expired-contract {height: auto !important; min-height: auto !important;font-size: 15px; text-align:center; padding: 5px 0}
#contractsList .row-header .btn-block {font-size: 11px !important; background-color: rgba(4, 68, 155, 0.1); line-height: 11px !important; height: 100% !important; padding-top: 11px;border-left: solid 1px #ddd !important;}
#contractsList .row-header .btn-block i {font-size: 30px !important;}
#contractsList .row-header .btn-block:hover {background-color: #04449B;}


.comment > i {float: left; font-size: 30px;color: #CCC; margin-right: 10px; margin-top: 3px;}
.comment > p {color: #777; font-style: italic;}

.full-comment > i {float: left; font-size: 30px;margin-right: 10px; margin-top: 3px;}
.full-comment {margin: 0 -10px -10px -10px;}


.simple-comment > i {float: left; font-size: 20px;margin-right: 10px; margin-top: 0px;}
.simple-comment {margin: 0 -10px -10px -10px;}


.top-right-alert {position: absolute; top: 7px; right: 5px; background-color: #777; color: #fff; padding: 3px 10px; border-radius: 4px; width: 180px;line-height: 15px; text-align: center;padding: 0;}
.top-right-alert > span {float: left; width: 70%; padding: 3px 10px; }
.top-right-alert a {float: right; width: 30%;border-radius: 0 4px 4px 0; height: 36px; line-height: 16px}
.top-right-alert a:hover {text-decoration: none;}

span.twitter-typeahead .tt-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 260px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
span.twitter-typeahead .tt-suggestion > p {
  display: block;
  padding: 3px 20px;
  margin-bottom: 0px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
span.twitter-typeahead .tt-suggestion > p:hover,
span.twitter-typeahead .tt-suggestion > p:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #428bca;
}
span.twitter-typeahead .tt-suggestion.tt-cursor {
  color: #ffffff;
  background-color: #428bca;
}
span.twitter-typeahead {
  width: 100%;
}
.input-group span.twitter-typeahead {
  display: block !important;
}
.input-group span.twitter-typeahead .tt-dropdown-menu {
  top: 32px !important;
}
.input-group.input-group-lg span.twitter-typeahead .tt-dropdown-menu {
  top: 44px !important;
}
.input-group.input-group-sm span.twitter-typeahead .tt-dropdown-menu {
  top: 28px !important;
}

.well2 {border-top: solid 3px #ccc; margin-bottom: 15px;}


.business-product-label {font-weight: bold;padding: 5px 0; text-align: right; line-height: 32px;}
.business-product-title {font-weight: bold; text-align: center; min-height: 50px;}
.business-product-input {padding: 7px 0}
.business-product-input input {display: block; width: 100%;}
#business-product-total { color: #c00; font-weight: bold; font-size: 30px;}
#business-product-total sub {font-size: 20px; vertical-align: text-bottom; bottom: 0.70em;}
#business-product-total sup {font-size: 20px; vertical-align: text-top; top: 0.74em;padding-right: 5px;}
.business-product-choose {background: #f0f0f0;}
.business-product-amounts {background: #f0f0f0; margin-top: 1em; padding: 0em;}
#business-product-total {border: solid 1px #ccc}

.business-product-amounts .col-sm-3 {border: solid 1px #ccc; border-left: 0; border-bottom: 0; min-height: 43px;}
.business-product-amounts > div > .col-sm-3:first-child  {border-left: solid 1px #ccc}
#business-product-total > div {background-color: #ccc; text-align: center;}


.document-item a {height: 180px; background-color: #fff; margin-bottom: 10px; padding: 20px 0; text-decoration: none; display: block}
.document-item a img {margin-bottom: 10px;}
.document-item a:hover {box-shadow: -1px -1px 7px #ccc; border-color: #ccc;}

#faqGroups .faqQuestion {font-weight: bold;}
#faqGroups .faqResponse {margin-left: 10px; border-left: solid 5px #e0e0e0; padding-left: 20px;}

.header-box {margin-bottom: 30px; background-color: #f0f0f0;overflow: auto;}
.header-box .picto {float: left; font-size: 40px; margin: 10px 20px; color: #bbb; display: inline-block}

.header-box h3 {font-size: 18px; display: block;}
.header-box h4 {font-size: 13px; display: block;}
.header-box .content {padding-right: 10px;}


.headline {border-bottom:  solid 1px #f0f0f0; margin-bottom: 10px;}
.headline h2 {font-size: 20px; font-weight: normal; border-bottom: solid 2px #81A1CD; display: inline-block; margin: 0; padding-bottom: 10px;}
.who {font-size: 13px;}
.who li {padding-bottom: 5px;}
.who .fa {color: #81A1CD; width: 20px; text-align: center;}

.news {color: #555;}
.news h3 {font-size: 14px; margin-top: 10px; margin-bottom: 5px;}
.news h3 a {color: inherit;}
.news h3 a:hover {color: #04449B; text-decoration: underline}
.news small {color: #777; font-size: 85%; margin-top: 8px;}
.news li {/*border-bottom: solid 1px #DDD;*/padding-bottom: 10px;}
.news .news-content {padding-top: 5px;}

.section-item .col-md-2 i {font-size: 100px; color: #e0e0e0}

.nav > li > a {padding: 20px; text-transform: uppercase; font-weight: 100;overflow: hidden; text-overflow: ellipsis;}

.separator1 {text-align: center; color: #999; margin: 20px 0 10px 0;}
.separator1 > div:before {border-bottom: solid 1px #999; content: " "; width: 70%; position: absolute; top: 17px; right: 100%;}
.separator1 > div:after {border-bottom: solid 1px #999; content: " "; width: 70%; position: absolute; top: 17px; left: 100%;}
.separator1 > div {position: relative; display: inline-block; padding: 0 12px; line-height: 34px;font-size: 22px;}

.checkbox {font-weight: 400; margin-bottom: 4px; padding-left: 40px; font-size: 13px; line-height: 27px; color: #404040; cursor: pointer; position: relative; display: block; margin-top: 0px; }
.checkbox input {position: absolute; left: -9999px; }
.checkbox i:after {content:"\f0c8";font-family: "Font Awesome 5 Pro";color: #0088CB;font-style: normal;font-size: 26px; font-weight: 300;}
/*.checkbox input:checked + i {border-color: #666; }*/
.checkbox label {padding-left: 10px;}
.checkbox i {
  /*width: 17px;
  height: 17px;
  border-width: 1px;
  border-color: #BBB;
  transition: border-color 0.3s ease 0s;*/
  position: absolute;
  top: 5px;
  left: 15px;
  /*display: block;
  outline: medium none;
  border-style: solid;
  background: #FFF none repeat scroll 0% 0%;*/
}
/*.checkbox input:checked + i::after {opacity: 1; }
.checkbox input + i::after {top: 2px; left: 0px; font: 10px FontAwesome; color: #666; content: ""; width: 15px; height: 15px; text-align: center; position: absolute; opacity: 0; transition: opacity 0.1s ease 0s; }
*/
.checkbox input:checked + i:after {content: "\f14a"; font-weight: 900;}
.checkbox-field {width: 32px; height: 32px;}

.radio {font-weight: 400; margin-bottom: 4px; padding-left: 25px !important; font-size: 13px; line-height: 27px; color: #404040; cursor: pointer; position: relative; display: block; margin-top: 0px; }
.radio input {position: absolute; left: -9999px; }
.radio input:checked + i {border-color: #666; }
.radio i {width: 17px; height: 17px; border-width: 1px; border-color: #BBB; transition: border-color 0.3s ease 0s; position: absolute; top: 10px; left: 0px; display: block; outline: medium none; border-style: solid; background: #FFF none repeat scroll 0% 0%; border-radius: 50%; }
.radio input:checked + i::after {opacity: 1; }
.radio input + i::after {top: 4px; left: 4px; font: 10px FontAwesome; color: #04449B; content: ""; width: 7px; height: 7px; text-align: center; position: absolute; opacity: 0; transition: opacity 0.1s ease 0s; background-color: #666; border-radius: 50%;}
.radio-field {width: 32px; height: 32px;}
/* XS */


#modalInfo .modal-header {border-bottom: none; padding: 0;}
#modalInfo .close {opacity: 1;}
#modalInfo .modal-body {
  padding: 50px;
  font-size: 18px;
  text-align: center;
  font-weight: 600;
}
.extra_home_alert_close {
    position: absolute;
    right: -25px;
    top: -25px;
    z-index: 1100;
    cursor: pointer;
}

@media (min-width: 768px) {
  .modal-dialog {margin-top: 150px;}
  .dashboard .item {
    min-height: 225px;
    position: relative;
  }

/*  .dashboard .item > div {
    position: absolute;
    opacity: 0.5;
    z-index: 0;
  }

  .dashboard .item ul li {
    font-size: 15px;
    line-height: 2em;
  }

  .dashboard .item h4 {
    text-align: center;
    font-size: 20px;
    margin-bottom: 20px;
    z-index: 5;
  }*/

}

.search_title_form {
  color: #04449B !important;
  padding: 15px !important;
  display: block;
}

.search_form_results {
  margin-top: 30px;
}

.search_form_results .search_title_form {
  padding: 0 !important;
  margin-bottom: 20px;
}

.extra_home_alert .search_title_form {
  padding: 0 !important;
  margin-bottom: 15px;
  font-size: 18px !important;
}

.extra_home_alert li {
  margin-bottom: 10px;
}

.extra_home_alert li:last-child{
  border: none;
  margin-bottom: 0;
}


.running-process {
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity: 0;
    pointer-events: none;
    background-color: rgba(255,255,255,1);
    z-index: 1000;
    transition: opacity 0.5s 1s;
  }

  .running-process .running-bar {
    position: fixed;

    /*right: 0;
    bottom: 0;*/
    left: calc(50% - 25px);
    top: calc(50% - 25px);
    height: 50px;
    width: 50px;
    /*background: #000;*/
    text-align: center;
    color: #000;
  }

  .running-process.show-running {opacity: 1; pointer-events: all;}

  .running-process i {font-size: 40px; line-height: 50px;}

  .container-box {padding: 20px; background: #fff;}
  .container-box h2 {text-transform: uppercase; font-size: 30px; font-weight: 100; text-align: center; color: #0054a6; padding: 20px; margin-top: 0 }


span.hint:before {
      content: "\f05a";
      font-family: "Font Awesome 5 Pro";
      font-weight: 700;
      padding: 0 5px;
    }