/****************************************
            Andrea Pirastru
          Style for Up2Europe
*****************************************/

/* -------- FONT INCLUSION -------- */
@import url("../ec-font-1/styles.css");
@import url("../ec-font/styles.css");
@import url("../service-font/styles.css");
@import url("../fonts/stylesheet.css");

/********************************************************
 *   Global style
 ********************************************************/
.fix-horizontal-overflow{
    overflow-x: hidden;
}


/***************************************
 * Link style
 ***************************************/
a{
    color: #6F6F6E;
    text-decoration: none;
}
a:hover{
    color: #6F6F6E;
    text-decoration: underline;
}

/***************************************
 * H2 style
 ***************************************/
h2{
    font-family: ubuntu_condensedregular ;
    font-size: 35px;
    color: #575756;
}
h4 {
    font-size: 17px;
}
h3{
    font-size: 21px;
    font-family: ubunturegular;
}

h2 .sharp {
    font-family: amatic_scregular;
    content: "#";
    font-size: 44px;
    font-weight: bold;
    margin-right: 3px;
    top: 4px;
    position: relative;
}

b, strong {
    font-family: ubuntubold;
}

hr {
    border: none;
    border-bottom: 1px solid rgba(119, 119, 119, 0.26);
    margin-top: 30px;
    margin-bottom: 30px;
}
p {
    margin: 0 0 18px;
}
/***************************************
 * default font for public site
 ***************************************/
.polyglot{
    font-size: 13px;
    font-family: ubunturegular;
    letter-spacing: 0.4px;
    color: #3C3C3B;
}
.amatic-bold{
    font-family: amaticbold;
    font-size: 25px;
}

.ubuntu-light-title{
    font-family: ubuntulight;
}

/****************************************
 * For All images
 ****************************************/
.polyglot img.picture{
    /*border: 2px solid white;*/
}
.polyglot .cornice{
    overflow-y: hidden;
    overflow-x: hidden;
    max-width: 250px;
    max-height: 250px;
    /*height: 250px;*/
    /*width: 250px;*/
    border: 2px solid white;
    background-color: white;
}
.polyglot .cornice-sm{
    overflow-y: hidden;
    overflow-x: hidden;
    max-width: 200px;
    max-height: 200px;
    /*height: 200px;*/
    /*width: 200px;*/
    border: 2px solid white;
    background-color: white;
}
.polyglot .small-pic{
    max-width: 115px;
    max-height: 115px;
    /*height: 115px;*/
    /*width: 115px;*/
}
.polyglot .medium-pic{
    max-width: 170px;
    max-height: 170px;
    /*height: 115px;*/
    /*width: 115px;*/
}
.polyglot .xsmall-pic{
    max-width: 80px;
    max-height: 80px;
    /*height: 115px;*/
    /*width: 115px;*/
}

.progress{
    height: 5px;
    margin: 2px;
    border-radius: 0px;
}

/***************************************
 * HEADER all pages
 ***************************************/
.main-header{
    margin-top: 0px ;
    background-color: #ffffff;
    border-bottom: solid 5px #004C6E;
    box-shadow:1px 1px 1px 1px rgba(0, 0, 0, 0.15);
}
/* global margin left/right */
.margin-content{
    max-width: 1136px;
    margin-right: auto;
    margin-left: auto;
}
.margin-header{
    padding-top: 32px;/*OK 32*/
    margin-bottom: 33px;
}
.margin-content > h2.title-paragraph{
    margin-top: 36px;
    margin-right: auto;
    margin-bottom: 52px;
    margin-left: auto;
    display: table;
    letter-spacing: 1px;
}
.minimal-height{
    min-height: 600px;
}

.menu_header{
    display: inline-flex;
}


/***************************************
 *  Register/login on modal btn
 ***************************************/
.login-register{
    margin-top: 6px;
}
.btn.register{
    padding: 6px 22px;
    text-transform: none;
    margin-left: 20px;
}
.btn-danger-register.active, .btn-danger-register:active {
    background-color: #be0062;
    color: white;
}
.btn-danger-register:hover{
    background-color: rgba(190, 0, 98, 0.1);
}
.btn-primary-register.active, .btn-primary-register:active {
    background-color: #00374e;
    color: white;
}
.btn-primary-register:hover{
    background-color: rgba(0, 76, 110, 0.1);
}
.text-ubuntu{
    font-family: ubunturegular;
}

.title-underline{
    color: rgba(0, 0, 0, 0.55);
    margin-bottom: 30px;
}
.title-underline > span{
    border-bottom: 2px solid rgba(0, 0, 0, 0.39);
    padding-bottom: 10px;
}
/* little screen */
@media screen and (max-width:762px) {
    .title-underline{
        font-size: 15px;
    }
}
/**
 * OAUTH oauth buttons style
 */
.btn-social>:first-child {
    border-right: 1px solid rgb(243, 247, 249);
}
.btn-social {
    border: none;
    margin-right: 3px;
    margin-left: 13px;
}


/***************************************
 * OPENING SITE
 ****************************************/
.home-photo-content{
    border-bottom: solid 3px #ffffff;
    background-image: url("../img/background_opening.png");
    background-repeat: no-repeat;
    background-position: center;
    min-height: 500px;
}

.home-middle-content-blue{
    background-color: #004C6E;
    min-height: 461px;
    padding-top: 50px;
    padding-bottom: 50px;
}
.home-middle-content-red{
    background-color: #E2007A;
    min-height: 461px;
}

@media screen and (max-width:762px) {
    .home-middle-content-red {
        background-color: #D10171;
        min-height: 360px;
    }
    .home-middle-content-blue {
        background-color: #004C6E;
        min-height: 360px;
    }
}
.margin-vertical{
    margin-bottom: 70px;
    margin-top: 50px;
}
.text-white{
    color: white;
}
.amatic-title{
    font-family: amatic_scregular;
    font-size: 53px;
    font-weight: bold;
    letter-spacing: -0.5px;
}
.amatic-title small{
    font-size: 65%;
    color: inherit;
    font-weight: bold;
}
.amatic-text{
    font-family: amatic_scregular;
}
.arrow-absolute{
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}
.margin-phrase-share{
    margin-top:70px;
}
.text-here-we-are{
    font-size: 18px;
}
/* little screen */
@media screen and (max-width:762px) {
    .margin-phrase-share{
        margin-top:10px;
    }
    .text-here-we-are{
        font-size: 15px;
    }
    .amatic-title{
        font-size: 45px;
    }

}
/* ------ COMING SOON -- coming soon ------ */
.coming-soon{
    background-color: rgba(0, 76, 110, 0.29);
    /*min-width: 380px;*/
    margin-top: 97px;
    padding: 20px 45px;
    /*border: 2px solid #737373;*/
    border-radius: 7px;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
}

.coming-soon h2{
    font-size: 44px;
    font-family: ubuntulight;
    color: white;
}
.coming-soon h4{
    font-size: 17px;
    font-family: ubunturegular;
}
/* little screen */
@media screen and (max-width:762px) {
    .coming-soon{
        margin-top: 0px;
        margin-bottom: 10px;
        width: 100%;
        padding: 20px 15px;
    }
    .coming-soon h2{
        font-size: 33px;
    }
    .coming-soon h4{
        font-size: 17px;
        font-family: ubunturegular;
    }
}
.coming-counter > div{
    display: inline-block;
    border-radius: 7px;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    background-color: #004C6E;
    color: white;
    width: 60px;
    height: 82px;
    margin-bottom: 20px;
    margin-right: 5px;
    margin-left: 5px;
}
.coming-counter > div h1 {
    margin-top: 3px;
    margin-bottom: -3px;
}
.coming-counter > div div {
    text-transform: uppercase;
    font-family: ubuntulight;
    font-size: 11px;
}
/* little screen */
@media screen and (max-width:762px) {
    .coming-counter > div{
        margin-right: 0px;
        margin-left: 0px;
    }
}

/**************************************
 * social logos
 **************************************/
.circle-social{
    display: inline-block;
    padding-top: 6px;
    color: #737373;
    border: 2px solid #737373;
    border-radius: 50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    height: 38px;
    width: 38px;
    text-align: center;
    font-size: 18px;
    vertical-align: middle;
}

.circle-social:hover, .circle-social:focus, .circle-social:active{
    background-color: #737373;
    color: white;
}

.circle-social-vertical{
    display: block;
    margin-bottom: 3px;
}

.circle-social-primary{
    color: #004C6E;
    border: 2px solid #004C6E;
}
.circle-social-primary:hover, .circle-social-primary:focus, .circle-social-primary:active{
    background-color: #004C6E;
    color: white;
}

.circle-social-danger{
    color: #E2007A;
    border: 2px solid #E2007A;
}
.circle-social-danger:hover, .circle-social-danger:focus, .circle-social-danger:active{
    /*background-color: #E2007A;*/
    color: transparent;
    border: 2px solid #E2007A;
}

/**************************************
 * Footer copyright
 **************************************/
footer.copyright{
    background-color: #004C6E;
    padding-top: 37px;
    padding-bottom: 25px;
    border-top: solid 4px #E2007A;
    font-family: ubunturegular;
    color: rgba(255, 255, 255, 0.5);
    font-size: 10.5px;
    letter-spacing: 1.1px;
}

footer a{
    color: white;
    font-family: ubuntulight;
    font-size: 12px;
}
/*  FOOTER */
@media (min-width: 768px){
    #navbar-collapse-up2europe .nav>li:after {
        content: '|';
        position: absolute;
        top: 17px;
    }
    #navbar-collapse-up2europe .nav>li:first-child {
        content: '';
    }
}

/**************************************
 * Header menu
 **************************************/
@media (min-width: 768px){
    #navbar-collapse-top-menu .nav>li:first-child {
        border-right: none;
        padding-top: 11px;
        margin-right: 8px;
    }

    #navbar-collapse-top-menu .nav>li {
        border-right: 1px solid #e4e4e4;
        height: 35px;
    }
    #navbar-collapse-top-menu .nav>li:last-child {
        border-right: none;
        
    }
    #navbar-collapse-top-menu .navbar-nav>li>a {
        padding-top: 8px;
    }
    #navbar-collapse-top-menu .navbar-nav>li>a.menu-item {
        margin: 0px 10px;
    }
}
@media (max-width: 768px) {
    #navbar-top-menu .menu-item {
        text-align: right;
        padding-left: 0px;
    }
}
@media screen and (min-width:767px) and (max-width:1024px) {

    #navbar-collapse-top-menu .nav>li:last-child {
        border-right: none;
        margin-left: 10px;
    }
    /*#navbar-collapse-top-menu .navbar-nav>li>a {*/
        /*padding-top: 6px;*/
    /*}*/
    #navbar-collapse-top-menu .navbar-nav>li>a.menu-item {
        font-size: 13px;
        margin: 0px 0px;
    }
}
#navbar-collapse-top-menu .nav>li:first-child {
    color: rgba(128, 128, 128, 0.509804);
}
#navbar-top-menu .navbar-toggle .icon-bar {
     background-color: #262626;
 }
#navbar-top-menu .navbar-toggle {
    border-color: rgba(88, 88, 88, 0.51);
}
#navbar-top-menu .menu-item{
    margin-bottom: 0;
    font-size: 16px;
    /*font-weight: 400;*/
    line-height: 1.42857143;
}

#navbar-top-menu .nav>li>a:focus, #navbar-top-menu .nav>li>a:hover {
    background: none;
    text-decoration: underline;
    color: #575756;
}

.menu-item-selected{
    font-weight: bold;
}


/*******************************************************************
 *   Template HOME PAGE
 *******************************************************************/
.home-background-color{
    background: -webkit-linear-gradient(left, #D1DFE5, #D1DFE5, #ABC4D0, #ABC4D0);
    background: -o-linear-gradient(right, #D1DFE5, #D1DFE5, #ABC4D0, #ABC4D0);
    background: -moz-linear-gradient(right, #D1DFE5, #D1DFE5, #ABC4D0, #ABC4D0);
    background: linear-gradient(to right, #D1DFE5, #D1DFE5, #ABC4D0, #ABC4D0);
}
.home-map-content{
    border-bottom: solid 5px #E2007A;
    background: url("../img/background_map.png") no-repeat center;

}
.map-margin-content{
    min-height: 500px;
}
/* little screen */
@media screen and (max-width: 767px){
    .map-margin-content{
        padding-top: 40px;
        margin-bottom: 20px;
    }
}



/*********************************
-----------------------------------
>>>  NEW CSS for new homepage
---------------------------------
*********************************/
.panel-right-eu{
    background-color: rgba(39, 37, 37, 0.5);
    padding: 13px 45px 40px 45px;
    height: 569px;
    margin-top: 44px;
    margin-bottom: 44px;
    color: white;
}
.search-eu-project-container{
    /*display: table;*/
    height: 351px;
    /*overflow: hidden;*/
    padding-top: 80px;

}



.search-eu-project .input-group input{
    box-shadow: 0px 7px 28px -2px rgb(205, 216, 220) inset;
}

.container-search-engine .input-group input{
    /*height: 45px;*/
    border: 1px solid #004c6e;
    box-shadow: none;
}

.container-search-engine{
    background: #f3f7f9;
    /*border-bottom: 1px solid #b7d4e3;*/
}

.container-eu-project-list{
    background: linear-gradient(to right,#fff 55%, #f3f7f9 33%);
    min-height: 500px;
}
@media screen and (max-width: 767px){
    .container-eu-project-list{
        background: #fff;
    }
}



.container-eu-project-page{
    background: linear-gradient(to right,#fff 60%, #f3f7f9 33%);
}
@media screen and (max-width: 767px){
    .container-eu-project-page{
        background: #fff;
    }
}




.search-eu-project .input-group, .search-eu-project-container .input-group{
    box-shadow: 0px 10px 9px -8px rgba(0, 76, 110, 0.37);
    border-radius: 5px;
}
.border-shadow{
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
}
.attach-picture{
    font-size: 3.3em;
    float: right;
    margin-left: 15px;
    position: relative;
    top: -3px;
}

.background-eu-projects{
    background-repeat: no-repeat;
    background-color: black;
    background-size: 110% ;
    background-position: center;
    border-bottom: 4px solid #e2007a;
}


.search-eu-project .nav-tabs>li.active>a {
    color: #004C6E;
    margin-right: 0px;
}
.search-eu-project .nav-tabs>li>a{
    border: none;
    color: #fff;
    text-shadow: 1px 1px 1px black;
}
.search-eu-project .nav-tabs>li.active>a, .search-eu-project .nav-tabs>li.active>a:focus, .search-eu-project .nav-tabs>li.active>a:hover {
    border: none;
    border-top: 4px solid #E2007A;
    box-shadow: 6px -4px 10px -2px rgba(0, 0, 0, 0.45);
    z-index: 1;
    text-shadow: none;
}
.search-eu-project .nav-tabs>li {
    margin-bottom: -2px;
    font-family: ubunturegular;
    font-size: 15px;;
    /*background: rgba(0, 0, 0, 0.65);*/
}

.border-form-engine {
    /* border: 3px solid rgb(255, 255, 255); */
    padding: 12px;
    border-radius: 10px;
    background: rgb(255, 255, 255);
    box-shadow: 2px 2px 10px 4px rgba(0, 0, 0, 0.45);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    background-image: linear-gradient(#FFF, #FFF, #FFF, #E4ECEF);
}
.border-form-engine-eu {
    padding: 12px;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.65);
    box-shadow: 2px 2px 10px 4px rgba(0, 0, 0, 0.45);
    background-image: linear-gradient(#FFF, #FFF, #FFF, #E4ECEF);
}

.remove-border-bottom {
    border-bottom: none;
}




/*
  Round logo to JOIN UP HOMEPAGE
*/

.main_eu_logo{
    /*background: rgba(255, 255, 255, 0.95);*/
    /*background: rgb(255, 255, 255);*/
    background-image: linear-gradient(#E4ECEF, #FFF, #FFF);
    width: 101px;
    height: 101px;
    -moz-border-radius: 324px;
    -webkit-border-radius: 324px;
    border-radius: 324px;
    box-shadow: 0px 2px 12px 1px rgba(77, 67, 67, 0.31);
    padding: 12px;
    /* text-align: center; */
    color: #004C6E;
    margin-left: auto;
    margin-right: auto;
    margin-top: -16px;
    cursor: pointer;
    position: relative;
    bottom:27px;
}

.main_eu_logo:hover {
    border: 4px solid #FFF;
    background-image: linear-gradient(#E4ECEF, #FFF, #FFF);
}
.main_eu_logo img:hover {
    opacity: 0;
    /*display: none;*/
}
.main_eu_logo img{
    width: 105px;
    margin-top: -18px;
    margin-left: -15px;
}


.main_eu_logo_close{
    margin-top: 34px;
    font-size: 40px;
    margin-bottom: -26px;

}

.main_eu_logo_close img{
    opacity: 0.4;
}
.main_eu_logo_close img:hover{
    opacity: 1;
}

.search-eu-project-container-h1{
    font-size: 35px;
    margin-bottom: -39px;
    color: #fff;
    text-shadow: 1px 1px 10px black;
    margin-top: 100px;
}

/**********************************
 HOME PAGE RESPONSIVE directive
***********************************/
/* for ipad & Tablet */
@media screen and (min-width:767px) and (max-width:990px) {
    .background-eu-projects{
        background-size: 150% ;
    }
    .search-eu-project-container-h1{
        font-size: 27px;
    }
    .footer-info-eu-project {
        zoom: 85%
    }

}

/* for little screen */
@media screen and (max-width:767px) {
    .background-eu-projects{
        background-size: 200% ;
    }
    .border-form-engine{
        box-shadow: none;
        margin-top: -82px;
    }
    .border-form-engine-eu{

        margin-top: -82px;
    }

    .footer-info-eu-project {
        zoom: 73%
    }
    .main_eu_logo{
        bottom: 3px;
    }
    .search-eu-project-container .search-eu-project{
        /*margin-top: 61px;*/
        position: relative;
        top: -120px;
    }
    .search-eu-project-container {
        height: 275px;

        /*margin-top: 81px;*/
    }
    .search-eu-project-container-h1{
        font-size: 28px;
        /*position: absolute;*/
    }

}

@media screen and (min-width:1400px) {
    .search-eu-project-container {
        height: 351px;
        padding-top: 110px;
    }
}



.flag-size{
    width: 82px;
    height: 67px;
    top: -5px;
    overflow: hidden;
    left: -4px;
}

.flag-position{
    width: 100%;
    position: relative;
}
.flag-position-text{
    position: absolute;
    left: 106px;
    top: -2px;
    color: white;
    font-size: 16px;
}
.flag-position-text strong{
    margin-bottom: 12px;
}

.flag-position-text span{
    color: rgba(255, 255, 255, 0.71);
    font-size: 11px;
    display: block;
    line-height: 1.8;
}

.no-round-border{
    border-radius: 0px;
}


.image-flag{
    background-image: url(ressources/img/flag_eu.png);
    background-repeat: no-repeat;
    background-position: 120% 30px;
}
.image-stars{
    background-image: url(ressources/img/stars_eu.png);
    background-repeat: no-repeat;
    background-position: 8px 5px;
    background-size: 33px;
    width: 50px;
    border-color: #004c6e;
    background-color: #f3f7f9;
    padding-right: 37px;
}
.image-flag-ec{
    float: right;
    margin-right: 0px;
    margin-top: -3px;
    width: 74px;
    height: 45px;
    margin-left: 23px;
}
.propose-project{
    color: #FFF;
    position: relative;
    top: 13px;
}
.propose-project:hover{
    color: rgba(255, 255, 255, 0.71);
}
.footer-info-eu-project{
    background: rgba(0, 0, 0, 0.65);
    height: 97px;
    padding: 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
a .view_detail_line{
    display: inline;
    color: white;
}
a .view_detail_line:hover{
    text-decoration: underline;
}


/***********************************
 * European Project Page
 ***********************************/
.eu-project-page .panel-group .panel-heading+.panel-collapse>.list-group,.eu-project-page  .panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: none;
}
.eu-project-page .panel-primary > .panel-heading, .eu-project-page  .panel-danger > .panel-heading {
    /*border: none;*/
    /*background-color: transparent;*/
    padding-bottom: 25px;
}
.european-project-main .panel-title{
    line-height: 1.5;
    font-size: 27px;
    font-family: ubuntulight;
}
.european-project-main .panel-title .label{
    top: -2px;
    position: relative;
    font-size: 15px;
}
.european-project-main .panel-heading {
    padding: 20px;
    min-height: 66px;
}
.partner-info .list-group {
    margin-bottom: 0px;
}
ul.no-border{
    margin-bottom: 0px;
}
.no-border li{
    position: relative;
    display: block;
    padding: 4px 5px;
    margin-bottom: -1px;
}
.title-coordinator{
    margin-bottom: 16px;
    /*margin-top: 59px;*/
    font-family: ubuntumedium;
    font-weight: 200;
    font-size: 25px;
    margin-left: 13px;

}


/**********************************
Result eu project page item
**********************************/
.round_border_partnership{
    top: 10px;
    position: relative;
    width: 215px;
}

/* for little screen */
@media screen and (max-width:767px) {
    .round_border_partnership{
        width: 126px;
    }

}

.tooltip-inner {
    background-color: #e2007a;
    box-shadow: 2px 2px 10px 3px rgba(136, 136, 136, 0.43);
    font-size: 15px;
    font-family: ubuntulight;
}
.tooltip.top .tooltip-arrow {
    border-top-color: #e2007a;
}



.arrow-footer-eu{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 21px 17px 21px;
    border-color: transparent transparent rgba(0, 0, 0, 0.65) transparent;
    position: absolute;
    top: -37px;
    left: 23px;
}




/**********************************
    RECENT PARAGRAPH
***********************************/

.recent-paragraph-call{
    margin-top: 80px;
    margin-bottom: 65px;
    min-height: 600px;
    position: relative;
}
.recent-paragraph-partner{
    margin-top: 80px;
    margin-bottom: 0px;
    min-height: 600px;
    position: relative;
}
.recent-paragraph-consultant{
    margin-top: 80px;
    margin-bottom: 0px;
    min-height: 600px;
    position: relative;
}
.recent-paragraph-idea{
    margin-top: 60px;
    margin-bottom: 24px;
    min-height: 600px;
    position: relative;
}

/* little screen */
@media screen and (max-width:767px) {
    .recent-paragraph-partner, .recent-paragraph-consultant, .recent-paragraph-idea{
        margin-top: 0px;
        margin-bottom: 40px;
    }
}

.paragraph-radial-background{
    background: #e5edf0; /* For browsers that do not support gradients */
    background: -webkit-radial-gradient(circle, white 0%, #e5edf0 26%); /* Safari 5.1-6.0 */
    background: -o-radial-gradient(circle, white 0%, #e5edf0 26%); /* For Opera 11.6-12.0 */
    background: -moz-radial-gradient(circle, white 0%, #e5edf0 26%); /* For Firefox 3.6-15 */
    background: radial-gradient(circle, white 0%, #e5edf0 26%); /* Standard syntax */
}
.home-middle-paragraph {
    /*background: #E4ECEF;*/
    background-image: linear-gradient(#E4ECEF, white, #E4ECEF);
    /*border-bottom: 4px solid #004c6e;*/
    /*background: radial-gradient(circle, white 0%, #e5edf0 40%); */
}
.home-middle-paragraph-sky {
    background: #E4ECEF;
}
.home-middle-paragraph-pink {
    background: #fce5f1;
}
.home-middle-paragraph-sky2 {
    background-image: linear-gradient(#E4ECEF, #E4ECEF, white);
}
.home-middle-paragraph-sky3 {
    background-image: linear-gradient(white, white, #E4ECEF);
}
/**************************************
 * other paragraph on home page
 **************************************/
.home-middle-content{
    background-image:linear-gradient(#E4ECEF, white, white);
}

.elem-paragraph{
    font-family: ubuntumedium;
    font-weight: 200;
    font-size: 34px;
    margin-top: 100px;
    margin-bottom: 50px;
}
.elem-paragraph small{
    display: block;
    font-family: ubuntulight;
    letter-spacing: 1px;
}



.share_ideas{
    margin-top: 0px;
    font-family: amatic_scregular;
    font-weight: bold;
    font-size: 55px;
    line-height: 0.85;
    letter-spacing: -1px;
}



/*********************************
    Call carousel css
*********************************/

.cornice-call{
    overflow-y: hidden;
    overflow-x: hidden;
    /* max-width: 250px; */
    min-height: 98px;
    /* height: 250px; */
    /* width: 250px; */
    border: 2px solid white;
    background-color: white;
}
.call-paragraph{
    font-family: ubuntumedium;
    font-weight: 200;
    font-size: 34px;
}


.call-paragraph small{
    display: block;
    font-family: ubuntulight;
    letter-spacing: 1px;
}

.call-mini-heading{
    margin-top: 10px;
    border-top: 3px solid #DDD;
    padding-top: 0px;
    border-bottom: 3px solid #DDD;
    padding-bottom: 15px;
}

.call-body{
    font-family: ubuntulight;
    margin-top: 12px;
}
.call-title{
    font-family: ubuntumedium;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.7;
}
.call-title a{
    color: black;
}
.call-title a:hover{
    text-decoration: none;
}
.call-title small{
    font-family: ubuntulight;
    color: #afafaf;
    font-size: 75%;
    display: block;
    margin-top: 7px;
    line-height: 1.7;
}






.overflow_body{
    overflow-y: hidden; height:  125px;
}
/* for little screen */
@media screen and (max-width:767px) {
    .overflow_body{
        overflow-y: visible;
    }
}


.logo-amatic{
    background-image: url(ressources/img/logo_eu_amatic.png);
    background-repeat: no-repeat;
    background-position: 11px 8px;
    background-size: 100px;
}

.expiration{
    top: -10px;
    padding: 4px 9px;
    border-radius: 5px;
    position: relative;
    font-size: 11px;
    border: 3px solid #999797;
    color: #999797;
    margin-bottom: 24px;
    font-family: ubuntulight;
    letter-spacing: 1.3px;
    background: white;
    box-shadow: 7px 0px white;
}
.stars{
    font-size: 7.5px;
    position: relative;
    top: -6px;
    padding: 7px;
}


/**
    WIDGET ROUND homepage
**/

.widget-round{
    font-family: ubuntumedium;
    text-transform: uppercase;
    border-radius: 82px;
    width: 110px;
    position: absolute;
    right: 22%;
    top: 0px;
    background: #c5c5c5;
    color: #8d8d8d;
    height: 110px;
    padding-top: 20px;
    font-size: 10px;
    font-weight: bold;
    -ms-transform: rotate(20deg); /* IE 9 */
    -webkit-transform: rotate(20deg); /* Chrome, Safari, Opera */
    transform: rotate(20deg);
    line-height: 1.45;
}
.widget-round span{
    color: white;
}

/* for little screen */
@media screen and (min-width:767px) and (max-width:990px) {
    .widget-round{
        right: 14%;
    }
}



/**
    CAROUSEL Homepage
**/
.carousel-control {
    top: 42%;
    height: 24%;
    width: 8%;
    color: #e5edf0;
    opacity: 1;
    font-size: 70px;
    text-shadow: none;
}
.carousel-control:hover, .carousel-control:focus {
    color: #e5edf0;
}



.carousel-control-white{
    color: #fff;
}
.carousel-control-white:hover, .carousel-control-white:focus  {
    color: #fff;
}





.carousel-control.right, .carousel-control.left{
    background: none;
}

.carousel-control.right {
    right: -100px;
    width: 179px;
}
.carousel-control.left {
    left: -100px;
    width: 179px;
}

.carousel-control.right span{
    right: -20px;
}
.carousel-control.left span{
    left: -20px;
}


/* for little screen */
@media screen and (min-width:767px) and (max-width:990px) {
    .carousel-control.right {
        right: -32px;

    }
    .carousel-control.left {
        left: -32px;

    }
}



.mini-small-easy{
    display: block;
    font-size: 16px;
    position: relative;
    top: 21px;
    text-shadow: none;
    font-family: ubuntulight;
}







/***************************************
 * RECENT PARTNERS/CONSULTANTS homepage
 ****************************************/
/*.profile-paragraph{*/
    /*font-family: ubuntu;*/
    /*font-size: 24px;*/
    /*padding-bottom: 9px;*/
    /*margin-bottom: 26px;*/
    /*width: 99%;*/
/*}*/
/*.profile-paragraph-partners{*/
    /*border-bottom: 4px solid #E2007A;*/
/*}*/
/*.profile-paragraph-consultants{*/
    /*border-bottom: 3px solid #004C6E;*/
/*}*/
/* biggest screen */
@media (min-width: 767px) {
    .circle-profile{
        margin-top: 37px;
    }
}

.user-picture-home{
    border-radius: 75px;
    max-height: 72px;
    max-width: 76px;
    overflow-y: hidden;
    overflow-x: hidden;
    background-color: white;
}
.user-picture-home-partner{
    border: 3px solid #e2007a;
    /*background-color: #e2007a;*/
}
.user-picture-home-consultant{
    border: 3px solid #004C6E;
    /*background-color: #004C6E;*/
}
.user-picture-home .img-circle{

    margin-top: -2px;
}
.profile-title-home{
    margin-top: -14px;
    margin-bottom: 4px;
}
.profile-title-home a{
    font-family: ubuntumedium;
    color: black;
    font-size: 15px;
    margin-bottom: 7px;

}
.info-profile-home{
    position: absolute;
    left: 105px;
    top: 13px;
}
.panel-profile-home{
    position: relative;
    margin-bottom: 46px;
    /*margin-right: 25px;*/
}
.all_button_profile{
    margin-top:46px;
    margin-bottom: 78px;
}
.profile-marker-home{
    font-size: 16px;
    position: relative;
    top: 3px;
    left: -2px;
}








/***************************************
 * CIRCLE round DIV "Share your ideas and let..."
 ****************************************/
.main_slogan {
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.95);
    width:324px;
    height:324px;
    -moz-border-radius:324px;
    -webkit-border-radius:324px;
    border-radius: 324px;
    box-shadow: 2px 2px 10px 3px rgba(136, 136, 136, 0.43);
    padding:45px;
    text-align:center;
    color:#004C6E;
}
.main_slogan h1{
    margin-top: 0px;
    font-family: amatic_scregular ;
    font-weight: bold;
    font-size: 55px;
    line-height: 0.85;
    letter-spacing: -1px;
}
/* biggest screen */
@media (min-width: 767px) {
    .main-column{
        margin-top: 98px;
        display: flex;
    }
}
/* little screen */
@media screen and (min-width:767px) and (max-width:1024px) {
    /* font changes with screen size to fit in buttons */
    .main-column{
        margin-top: 130px;
        display: flex;
    }
}

/* little screen */
@media screen and (max-width:1024px){
    .main_slogan{
        width:254px;
        height:254px;
    }
    .main_slogan h1{
        font-size: 40px;
    }
}
@media screen and (max-width:767px) {
    .main-column {
        margin-top: 25px;
        margin-bottom: 50px;
    }

}


/********************************************
 * Buttons left and right on the map
 *********************************************/
.home-button{
    width: 100%;
    margin: 0 auto;
    display: inline-block;
    height: 110px;
    -moz-border-radius:70px;
    -webkit-border-radius:70px;
    border-radius: 70px;
    border: 0.22em solid white;
    box-shadow: 2px 2px 10px 3px rgba(136, 136, 136, 0.43);
    text-align: center;
    margin-top: -49px;
}
.home-button h3{
    font-size: 21px;
    letter-spacing: 1.1px;
    margin-top: -13px;
}
.home-button h3 small{
    font-family: ubuntulight;
    font-size: 58%;
    color: rgba(255, 255, 255, 0.8);
}

.home-h1-eu-network{
    font-family: amaticbold;
    font-size: 40px;
    text-shadow: 0 -2px 11px rgba(28, 58, 73, 0.37);
}

/* little screen */
@media screen and (min-width:900px) and (max-width:1024px) {
    .home-button{
        zoom: 90%;
    }
}
@media screen and (min-width:767px) and (max-width:900px) {
    .home-button h3{
        font-size: 18px;
    }
    /*.home-button{*/
        /*height: 95px;*/
    /*}*/
    .home-button{
        zoom: 80%;
    }
}

@media screen and (max-width:767px){
    .home-button-first span {
        float: left!important;
    }
    .home-button{
        zoom: 70%;
        border-width: 3px;
        margin-bottom: 91px;
    }
    .home-h1-eu-network{
        margin-bottom: 93px;
    }
    .main_eu_logo_close{
        margin-top: -29px;
        font-size: 40px;
        margin-bottom: -48px;
    }

}

.border-behind{
    -moz-border-radius:70px;
    -webkit-border-radius:70px;
    border-radius: 70px;
    box-shadow: 2px 2px 10px 3px rgba(136, 136, 136, 0.43);
    border: 3px solid white;
    width: 90px;
    height: 90px;
    margin-top: -47px;
    margin-left: auto;
    margin-right: auto;
    display: table;
}
.button-baloon{
    -moz-border-radius:70px;
    -webkit-border-radius:70px;
    border-radius: 70px;
    width: 84px;
    height: 84px;
    margin-top: -47px;
    margin-left: auto;
    margin-right: auto;
    display: table;
}
.button-pink{
    background: -webkit-linear-gradient(to bottom, #E2007A, #E2007A, #E2007A, rgba(226, 0, 122, 0), rgba(226, 0, 122, 0)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(to bottom, #E2007A, #E2007A, #E2007A, rgba(226, 0, 122, 0), rgba(226, 0, 122, 0)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(to bottom, #E2007A, #E2007A, #E2007A, rgba(226, 0, 122, 0), rgba(226, 0, 122, 0)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom, #E2007A, #E2007A, #E2007A, rgba(226, 0, 122, 0), rgba(226, 0, 122, 0)); /* Standard syntax */
}
.button-blue{
    background: -webkit-linear-gradient(to bottom, #004C6E, #004C6E, #004C6E, rgba(0, 76, 110, 0), rgba(0, 76, 110, 0)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(to bottom, #004C6E, #004C6E, #004C6E, rgba(0, 76, 110, 0), rgba(0, 76, 110, 0)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(to bottom, #004C6E, #004C6E, #004C6E, rgba(0, 76, 110, 0), rgba(0, 76, 110, 0)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom, #004C6E, #004C6E, #004C6E, rgba(0, 76, 110, 0), rgba(0, 76, 110, 0)); /* Standard syntax */
}

.button-baloon span{
    margin-left: auto;
    margin-right: auto;
    display: table;
    margin-top: 22px;
    font-size: 38px;
    color: rgba(255, 255, 255, 0.76);
}

/* little screen */
@media screen and (max-width: 767px){
    .column-button{
        padding-top: 60px;
        margin-bottom: 40px;
        display: inline;
    }
}
/* biggest screen */
@media (min-width: 767px) {
    .column-button{
        margin-top: 223px;
    }
}




/***************************************
 * Arrow down homepage
 ***************************************/
.arrow-down {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 17px 17px 0 17px;
    border-color: #E2007A transparent transparent transparent;
    margin-right: auto;
    margin-left: auto;
    z-index: 1;
}
.arrow-down-pink{
    border-color: #E2007A transparent transparent transparent;
}
.arrow-down-white{
    border-color: white transparent transparent transparent;
}
.arrow-down-blue{
    border-color: #004C6E transparent transparent transparent;
}
.arrow-down-sky{
    border-color: #e5edf0 transparent transparent transparent;
}
.arrow-down-clear-sky{
    border-color: #fafbfc transparent transparent transparent;
}
/* menu flash */
.arrow-margin-top{
    margin-top: 28px;
    border-width: 14px 15px 0 15px;
}


/**
 * shadow on homepage panels
 */
.panel-shadow{
    /*box-shadow: 0px 4px 6px -3px rgba(0, 0, 0, 0.5);*/
    box-shadow: 0px 4px 14px -3px rgba(0, 0, 0, 0.5);
}

/*******************************************************************
    END Template HOME PAGE
********************************************************************/


.middle-content{
    margin: 30px auto;
    display: table;
}






/***************************************
 * recent PROJECT
 ***************************************/
.circle-down{
    position: absolute;
}








/******************************
 * Column reduce padding left or right
 ******************************/
.column_reduce_right{
    padding-right: 0px;
}
.column_reduce_left{
    padding-left: 0px;
}
.remove-padding {
    padding: 0px;
}
.remove-padding-list li{
    padding: 0px;
}

/* little screen */
@media screen and (max-width: 767px){
    .column_reduce_right_xs{
        padding-right: 0px;
    }
    .column_reduce_left_xs{
        padding-left: 0px;
    }
    .remove-padding_xs {
        padding: 0px;
    }
}




/* *************************
  Template Default Layout
**************************** */








/****************************************
 *  Search Skills Form on home page
 ****************************************/

#main_form_search .large-form{
    min-height: 44px !important;
    font-family: ubuntumedium;
    font-size: 16px;
}

#main_form_search .large-form input{
    height: 42px;
    /*box-shadow: 0px 7px 28px -2px rgb(205, 216, 220) inset;*/
    padding-left: 16px!important;

    font-family: ubunturegular!important;
    font-size: 15px!important;
}

#main_form_search .large-form-widget{
    min-height: 44px !important;
    font-family: ubuntumedium;
    font-size: 15px;
}
#main_form_search .large-form-widget input{
    height: 42px;
    padding-left: 16px!important;

    font-family: ubunturegular!important;
    font-size: 15px!important;
}

/*  placeholder */
#main_form_search select::-webkit-input-placeholder {
    font-family: ubuntumedium;
}
#main_form_search select:-moz-placeholder {
    font-family: ubuntumedium;
}
#main_form_search select::-moz-placeholder {
    /* FF 19+ */
    font-family: ubuntumedium;
}
#main_form_search select:-ms-input-placeholder {
    /* IE 10+ */
    font-family: ubuntumedium;
}





/* ---------------------------- */
/* ------ Resultats page ------ */
/* ---------------------------- */
.result-item{
    height: 180px;
}
.zoom_category{
    font-size: initial; box-shadow: 2px 3px 10px -1px rgba(12, 11, 11, 0.75);   border: 1px solid rgba(6, 6, 6, 0.61);
}
.zoom_category_mini{
    font-size: initial; box-shadow: 2px 3px 10px -1px rgba(12, 11, 11, 0.75);  border: 1px solid rgba(6, 6, 6, 0.61);
}
.similar{
    padding-top: 4px;
    padding-bottom: 4px;
}

.affix {
    top: 15px;
    /*max-width: 533px;*/
    width: auto;
    margin-right: 20px;
}
@media screen and (max-width: 1024px){
    .affix {
        top: 15px;
        width: auto;
        margin-right: 20px;
    }
}
@media screen and (min-width: 1025px){
    .affix {
        top: 15px;
        max-width: 533px;
    }
}

@-moz-document url-prefix()  {

    .affix {
        width: 533px;
    }
    @media screen and (max-width: 1024px){
        .affix {
            width: 450px;
        }
    }
    @media screen and (max-width: 920px){
        .affix {
            max-width: 400px;
        }
    }

}



.toolbar-right .pagination{
    display: inherit;
    margin: 0px;
}
.result-line hr {
    margin-top: 10px;
    margin-bottom: 5px;
    border: 0; border-top: 1px solid #bfcbd1;
}
.toggle_hide{
    display: none;
}
/* Map : do not remove this directive !!!! because => map default height:0px */
#map-canvas {
    height: 480px;
}
.map-canvas {
    height: 250px;
}
#map-canvas-loading{
    text-align: center;
    position: absolute;
    top: 200px;
    color: rgb(255, 255, 255);
    left: 45%;
    /* right: 23%; */
    width: 69px;
    height: 69px;
    background: rgba(0, 76, 110, 0.29);
    font-size: 39px;
    border-radius: 18px;
    padding-top: 8px;
}

/* little screen */
@media screen and (min-width:767px) and (max-width:1024px) {
    .result-calls-panel #map-canvas {
        margin-left: -20px;
        margin-right: -20px;
    }
}

.height-zero {
    height: 0px!important;
}
/* for alert button and type:profession */
.button-margin-bottom{
    margin-bottom: 10px;
}

.user_profile_border{
    border: 1px solid #AAA;
    box-shadow: -1px 5px 10px 1px rgba(0, 0, 0, 0.5),
    -1px 2px 20px rgba(255, 255, 255, 0.2) ;
    background-color: #f6f6f6;
    z-index: 1;
}

.user_profile_border_call{
    box-shadow: -1px 5px 10px 1px rgba(0, 0, 0, 0.5),
    -1px 2px 20px rgba(255, 255, 255, 0.2) ;
    z-index: 1;
}

/* dropdown menu with two columns */
@media screen and (max-width: 991px){
    .columns{
        height: 150px;
        overflow:scroll;
    }
}
@media screen and (min-width: 992px){
    .columns{
        -moz-column-count:2; /* Firefox */
        -webkit-column-count:2; /* Safari and Chrome */
        column-count:2;
        min-width: 300px;
    }
}



/********************************
 Call Results
**/
/* Calendar point */
.event-point{
    cursor: pointer !important;
}
.result-calls-panel #map-canvas-loading{
    top: 174px;
}
.fc-widget-content{
    background: #FFF !important;
}
.fc-state-highlight{
    background: #97B6C4 !important;
    color: white;
}

/********************************/
/* submit an Idea modal box */
/********************************/
.border_between{
    border-right: 1px solid lightslategray;
    padding-right: 30px;

}
.circle_ou
{
    position: absolute;
    left: 50%;
    margin-left: -15px;
    width: 30px;
    height: 30px;
    border-radius: 25px;
    font-size: 11px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    background: #004C6E;
    z-index: 2;
    top: 40%;
}
/* little screen */
@media screen and (max-width:762px) {
    .border_between{
        border-right: none;
        border-bottom: 1px solid lightslategray;
        padding-bottom: 30px;
        margin-bottom: 30px;
        padding-right: 15px;
    }
}

/* Loading Icon rotate infinitely */
.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}
@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}
@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

.fa-spin {
    -webkit-animation: fa-spin 0.6s infinite linear;
    animation: fa-spin 0.6s infinite linear;
}


/* USER PROFILE ------------- */
/* Profile page elements */
.photo_linkbutton{
    margin-left: 10px;
    margin-top: -78px;
    background-color: rgba(255, 255, 255, 0.60);
}
.clean_panel {
    background: none;
    border-color: #A8A4A4;
}
.clean_panel .panel-body{
    padding: 5px;
}
.inline-block{
    display:inline-block;
}




/* ----------- Expertise --------- */
/* Expertise list on public working profile */
.expertise_profile{
    margin-top: 10px;
}
.expertise_results{
    line-height: 1.3;
    display: inline-block;
    margin-bottom: 3px;
    border: 1px solid lightgray;
    color: #585858;
    border-radius: 0px;
}
/*
 for Expertises
Label NOBEL supposed to be better then PRIMARY
*/
.label-nobel {
    background-color: #435971;
}




/**********************************
    Profile backoffice Menu
    to have vertical menu navbar
***********************************/

@media (min-width: 768px) {
    .sidebar-nav .navbar .navbar-collapse {
        padding: 0;
        max-height: none;
    }
    .sidebar-nav .navbar ul {
        float: none;
    }
    .sidebar-nav .navbar ul:not {
        display: block;
    }
    .sidebar-nav .navbar li {
        float: none;
        display: block;
    }
    .sidebar-nav .navbar li a {
        padding-top: 12px;
        padding-bottom: 12px;
    }
}


.sonata-user-show{
    min-height: 600px;
}

/* On Profile Message Conversation */
/* this property fix the height on overflow vertical */
.body_conversation{
    /*height: 500px;*/
    /*overflow-y: scroll;*/
}
.body_conversation .messages{
    box-shadow: -1px 5px 10px 1px rgba(0, 0, 0, 0.5),
    -1px 2px 20px rgba(255, 255, 255, 0.2) ;
}
.body_conversation .messages pre{
     background-color: #fff;
     border: 0px;
}

.cornice-account-message{
    overflow: hidden;
    max-width: 60px;
    min-width: 60px;
    height: 60px;
    /*border: 2px solid white;*/
    top: -29px;
    position: absolute;
    right: 17px;
    box-shadow: 0px -3px 12px -6px rgba(0, 0, 0, 0.5), 3px 4px 1px rgba(255, 255, 255, 0.2);
}

.cornice-account-conversation {
    overflow: hidden;
    max-width: 60px;
    min-width: 60px;
    height: 60px;
    /*border: 2px solid white;*/
    /*position: absolute;*/
    box-shadow: 0px -3px 12px -6px rgba(0, 0, 0, 0.5), 3px 4px 1px rgba(255, 255, 255, 0.2);
}
.cornice-account{
    float: left;
    overflow: hidden;
    width: 35px;
    height: 35px;
    box-shadow: 0px -3px 12px -6px rgba(0, 0, 0, 0.5), 3px 4px 1px rgba(255, 255, 255, 0.2);
}
/*.name-account{*/
    /*float: left;*/
    /*margin-top: 9px;*/
    /*margin-left: 5px;*/
/*}*/


/**
    Google autocompletion bug
    http://stackoverflow.com/questions/10957781/google-maps-autocomplete-result-in-bootstrap-modal-dialog
    in case autocomplete is in a modal box
*/
.pac-container {
    z-index: 1051 !important;
}


/*
 Flash message container
 position Fixed
*/
.flash-container{
    position: fixed;
    z-index: 19;
    width: 50%;
    margin: 5% auto;
    left: 0;
    right: 0;
    /*border-width: 25px;*/
    /*-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);*/
    /*box-shadow: 0 5px 15px rgba(0,0,0,.5);*/
    /*border: 1px solid rgba(0,0,0,.2);*/
    /*border-radius: 6px;*/
}
/* little screen */
@media screen and (max-width: 767px){
    .flash-container{
        top: 10px;
        width: 90%;
    }
}
/*biggest screen */
@media (min-width: 767px) {
    .flash-container{
        top: -20px;
    }
}





/* --------------------------- */
/* --------- HISTORY --------- */
/* --------------------------- */

/* for little screen */
@media screen and (max-width:767px) {
    .history .nav-tabs>li>a {
        padding: 7px 8px;
        margin-top: 20px;
    }
}
.history .nav-tabs>li.active>a {
    color: #004C6E;
}
.history .nav-tabs {
     border-bottom: none;
}
.history .nav-tabs>li.active>a, .history .nav-tabs>li.active>a:focus, .history .nav-tabs>li.active>a:hover {
    border-top: 4px solid #E2007A;
    z-index: 1;
}
.history.nav-tabs>li {
    margin-bottom: -2px;
}
.label-history{
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 1;
    border-radius: initial;
    width: 70px;
    /*height: 30px;*/

}
.label-danger-inverted{
    color: #E2007A;
    /*border: 1px solid #E2007A;*/
    background: white;
    border-radius: 0%;
}
.label-primary-inverted{
    color: #004C6E;
    /*border: 1px solid #004C6E;*/
    background: white;

}
.row-fix{
    min-height: 30px;
}
.cornice-history {
    overflow: hidden;
    width: 40px;
    height: 40px;
    /*border: 2px solid white;*/
    /*position: absolute;*/
    box-shadow: 0px -3px 12px -6px rgba(0, 0, 0, 0.5), 3px 4px 1px rgba(255, 255, 255, 0.2);
}
.logo-title-history{
    vertical-align: middle;
    margin: auto;
    margin-left: 0px;
    margin-right: 0px;
    display: inline-flex;
    margin-bottom: 5px;
}
.logo-page-line{
    /*border-right: 1px solid #d4d4d4;*/
    min-width: 55px;
    min-height: 40px;
}







/* ---------------------------------------------- */
/* --------- Placeholder search on text --------- */
/* ---------------------------------------------- */
.label-placeholder{
    border: 1px solid #8a8a8a;
    border-radius: 3px;
    padding: 3px;
    /*font-weight: bold;*/
    color: #626262;
    box-shadow: 3px 3px 1px -2px rgba(0, 0, 0, 0.1), 3px 4px 1px rgba(255, 255, 255, 0.2);
}
.enter-placeholder{
    position: absolute;
    z-index: 3;
    right: 100px;
    top: 13px;
    color: #a3a3a3;
}

/* for little screen */
@media screen and (max-width:767px) {
    .enter-placeholder{
        right: 60px;
        top: 15px;
    }
}
.soft-danger{
    color: #E2007A;
}






/* ---------------------------------------------------------- */
/* ------ Announce label on top right corner for CALL ------- */
/* ---------------------------------------------------------- */
.announce-label{
    float: right;
    position: relative;
    top: 24px;
    height: 16px;
    right: -8px;
    border-radius: 0;
    padding: 3px;
    z-index: 2;
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2), 3px 4px 1px rgba(255, 255, 255, 0.2);
}
.announce-label::before {
    display: block;
    content: " ";
    position: absolute;
    left: -13px;
    top: 0;
    border: 8px solid transparent;
    border-right: 5px solid #004A6D;
}

.announce-label-primary::before {
    border-right: 5px solid #004A6D;
}
.announce-label-warning::before {
    border-right: 5px solid #e76b08;
}
.announce-label-danger::before {
    border-right: 5px solid #E2007A;
}




/* ------------------------------------------- */
/* ------ Calendare NEW Label for Call ------- */
/* ------------------------------------------- */
.event-point span.spot-last{
    display: none;
}
.event-last span.spot-last{
    display: block;
    height: 12px;
    width: 19px;
    padding: 1px;
    /*border-radius: 100%;*/
    /*border: 1px solid #e2007a;*/
    position: absolute;
    top: 3px;
    right: -6px;
    background-color: #004A6D;
    font-size: 7px;
    color: white;
}
.event-last span.spot-last::before {
    display: block;
    content: " ";
    position: absolute;
    left: -11px;
    top: 0;
    border: 6px solid transparent;
    border-right: 5px solid #004A6D;
}



.expert_class{
    border:2px solid #004A6D;
}
.expert_class img{
    margin-left: -2px;
    margin-top: -2px;
}
.expert_gold{
    color: #ceb169;
    font-size: 20px;
    position: relative;
    right: 20px;
    bottom: -49px;
}

.service-certificate{
    font-size: 35px;
    color: #6694a8;
}

.service-certificate-blue{
    background: #004C6E;
}
.service-certificate:hover{
    text-shadow: none;
}

.icon-tool-profile{
    display: inline-block;
    /*margin:20px;*/
    vertical-align: middle;
    cursor: pointer;
    max-width: 78px;
    min-width: 60px;
}

.panel-footer-service-mini{
    border-bottom: 3px solid #b79e61;
    padding: 0px;
}

.radial-background{
    background: #e5edf0;
    background: -webkit-radial-gradient(circle, white 0%, #e5edf0 40%);
    background: -o-radial-gradient(circle, white 0%, #e5edf0 40%);
    background: -moz-radial-gradient(circle, white 0%, #e5edf0 40%);
    background: radial-gradient(circle, white 0%, #e5edf0 40%);
}