/* latin */
/*
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 300;
  src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightItalic'), url(../fonts/ssp/SourceSansPro-LightItalic.ttf) format('truetype');
}
*/

/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'), url(../fonts/ssp/SourceSansPro-Italic.ttf) format('truetype');
}

/* latin */
/*
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 600;
  src: local('Source Sans Pro SemiBold Italic'), local('SourceSansPro-SemiBoldItalic'), url(../fonts/ssp/SourceSansPro-SemiBoldItalic.ttf) format('truetype');
}
*/

/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(../fonts/ssp/SourceSansPro-Light.ttf) format('truetype');
}

/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(../fonts/ssp/SourceSansPro-Regular.ttf) format('truetype');
}
/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url(../fonts/ssp/SourceSansPro-SemiBold.ttf) format('truetype');
}

/* latin */
/*
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(../fonts/ssp/SourceSansPro-Bold.ttf) format('truetype');
}
*/
.mt-15{
	margin-top:15px;
}
.table-label {
    background: #00c0ef !important;
    width: 100%;
    padding: 5px;
    text-align: left;
    color: white;
    font-size: 11pt !important;
}
input[type='password']{
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        border-radius: 0;
    box-shadow: none;
    border-color: #d2d6de;
}
input[type='password']:focus {
    border-color: #3c8dbc;
    box-shadow: none;
        outline: 0;
}
.btn-success,.btn-info,.cancel-button{
	border-color: transparent;
}
.btn-success {
    background-color: #5dcc0a;
}
.cancel-button{
    background-color: orange;
    color: white;
}
.form-container {
    background: #fdfdfd;
}
div#report-error {
    display: block;
    width: 98%;
    height: auto !important;
    padding: 10px;
    text-align: center;
    margin: auto;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    font-size: 11pt;
    font-weight: 600;
}
.report-div p {
    margin: 10px 0px;
}
div#report-success {
    display: block;
    width: 98%;
    height: auto !important;
    padding: 10px;
    text-align: center;
    margin: auto;
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
    font-size: 11pt;
    font-weight: 600;
}
.gc-container .table-container {
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
    background: #fdfdfd;
}
.header-tools .floatL a.btn.btn-secondary {
    border: none;
    border-radius: 0px;
    background-color: #28a745;
    color: white;
    font-size: 10pt;
}
.gc-container a.search-button {
    width: 40px !important;
    border-radius: 20px;
    background-color: #007bff;
}
.gc-container a.search-button.search-button-big {
    width: 180px !important;
    outline:0px;
}
.delete-selected-button,.delete-row {
    background-color: #dd4b39;
    border: none;
    border-radius: 0px;
    padding: 6px;
    font-size: 9pt;
}
.delete-selected-button .text-danger,.delete-row .text-danger {
    color: white !important;
}
.gc-refresh {
    color: #2E2E2E;
}
.edit-button-gc,.edit-mobile,.edit-button-gc:hover,.edit-mobile:hover {
    border: none;
    background-color: #00c0ef;
    color: white;
    font-size: 9pt;
/*     border-radius: 0px; */
}
input[type=checkbox], input[type=radio] {
    margin: 8px 0px 0px;
}
.gc-container span.page-number-input-container {
    padding: 1.5px 10px !important;
}
.pagination {
    margin: 10px 0;
}
.settings-button,.settings-button:hover {
    background: #2E2E2E;
    color: white !important;
    padding: 5px;
}
a.clear-filtering.dropdown-item {
    color: #2E2E2E;
}
.gc-bootstrap-dropdown, .gc-bootstrap-dropdown:focus, .gc-bootstrap-dropdown:hover {
/*     border-radius: 13px; */
/*     padding: 2px 7px; */
    background-color: #212d31;
    color: white;
    margin: 5px;
    display: block;
    font-size: 10pt;
    width:100%;
}
a.dropdown-item.edit-mobile {
    padding: 6px;
    margin-right: 10px;
}
.read-button,.read-button:hover,.read-button:focus {
    background: orange;
    padding: 4.5px 5px;
    color: white;
    margin-right: 5px;
}
span.state-activate .fa-check-circle {
    color: #00a65a;
    font-size: 12pt;
}
span.state-activate .fa-times-circle {
    color: #dd4b39;
    font-size: 12pt;
}
div.libre {
    background-color: #00a65a;
    padding: 6px 12px;
    color: white;
    border-radius: 15px;
    font-size: 9.5pt;
    font-weight: 700;
    min-width: 85px;
    text-align:center;
}
div.reserve {
    background-color: #f39c12;
    padding: 6px 12px;
    color: white;
    border-radius: 15px;
    font-size: 9.5pt;
    font-weight: 700;
    min-width: 85px;
    text-align:center;
}
div.vendu {
    background-color: #dd4b39;
    padding: 6px 12px;
    color: white;
    border-radius: 15px;
    font-size: 9.5pt;
    font-weight: 700;
    min-width: 85px;
    text-align:center;
}
@media all and (max-width:768px){
	div.libre .fa,div.reserve .fa,div.vendu .fa{
		display: none;
	}
}
.mt-20{
	margin-top:20px;
}
.chosen-container {
    width: 100% !important;
}
.chosen-container-active.chosen-with-drop .chosen-single,.chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #d2d6de !important;
}
.chosen-container .chosen-drop {
    border: 1px solid #d2d6de !important; 
}
.chosen-container-single .chosen-single {
    line-height: 32px !important;
    background: white !important;
}
.chosen-single div {
    top: 5px !important;
}
.chosen-container-single .chosen-single {
    height: 34px !important;
}
.gc-button-group.open>.dropdown-menu a {
    border-radius: 5px;
    padding: 2.5px 5px;
    background-color: #212d31;
    color: white;
    margin: 5px;
    display: block;
    font-size: 10pt;
}
.gc-button-group.open >.dropdown-menu {
    z-index: 99999;
}
a#addNote {
    background: #f39c12;
}
a#viewnotes{
	background: #00c0ef;
}
@media all and (max-width:992px){
	#prospectFilter #addNote,#filterPTimeline{
		width: 100%;
		margin-top:10px;
	}
}
#submitbox button[disabled] {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.loading .fa-spin {
    font-size: 45pt;
    margin-top: 30px;
}
.loading{
	text-align: center;
}
#result-csv-import .res {

    background: #F7F7F7;
    padding: 20px;
    max-height: 440px;
    overflow-y: scroll;

}
.response-result {

    padding: 5px;
    background: #2ca3e9;
    color: white;

}
#content-table table,#content-tableapp table {
    width: 100%;
}
#content-table table thead tr,#content-tableapp table thead tr{
    background-color: #F7F7F7;
}
 #content-table table,#content-table table tr, #content-tableapp table,#content-tableapp table tr {
    border: 1px solid #eaeaeac7;
}
#content-table table tr th, #content-table table tr td,#content-tableapp table tr th, #content-tableapp table tr td {
    padding: 5px;
    text-align: center;
}
div#modal-loading {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999999999;
    background: #ffffff87;
}
div#contentloading {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
div#contentloading i.fa {
    font-size: 58pt;
}
div#contentloading p {
    font-size: 17pt;
    font-weight: 300;
}
.grocery-crud-table .only-desktops a.btn.btn-secondary {    
	background-color: #212d31;
    color: white;
    display: block;
    font-size: 10pt;
    width: 100%;
    margin-bottom: 5px;
}
.do-action a.res, .do-action a.ven {
    border-radius: 20px;
    background: #2e2e2e;
    color: white;
    padding: 2px;
    margin: 3px;
    display: block;
    text-align: center;
    font-size: 11px;
}
.reserve a,.vendu a {
    color: white;
}
.gc-export, .gc-print {
    color: black;
    border: 1px solid;
    border-radius: 20px;
}
div#item-list_wrapper{
	overflow-x: scroll;
}
.btns-res {
    margin: 2px;
    width: 100%;
}
span.expired {
    display: block;
    text-align: center;
    color: #ea0000;
    font-weight: 600;
}
span.available {
    display: block;
    text-align: center;
    color: #6bd12d;
    font-weight: 600;
}
.btn-group, .btn-group-vertical {
    position: relative;
    display: block;
    vertical-align: middle;
    width: 100%;
}
div#echeancier-container {
    background: #F7F7F7;
    padding: 10px;
    margin-bottom: 20px;
}
div#echeancier-container table {
    width: 100%;
    margin: 15px 0px;
    overflow-x: scroll;
}
div#echeancier-container table thead th {
    background: #4285f4;
    color: white;
    padding: 5px;
    font-weight: 500;
    font-size: 12pt;
    text-align: center;
}
input#numbernotif,input#editnumbernotif {
    max-width: 15%;
    display: inline-block;
}
select#notificationfactor,select#editnotificationfactor {
    max-width: 150px;
    display: inline-block;
    height: 35px;
}
table#echeancier-table tbody tr {
    text-align: center;
}
table#echeancier-table tbody tr td {
    border: 1px solid #dadada;
    border-top: none;
    padding: 5px;
}
button#submitvente {
    margin: auto;
    display: block;
    width: 100%;
    font-size: 12pt;
    text-transform: uppercase;
}
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a,.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a {
    overflow: initial; 
    text-overflow: initial;
    white-space: normal;
    word-break: break-word;
}
.navbar-nav>.notifications-menu>.dropdown-menu>li>.menu>li>small,.navbar-nav>.tasks-menu>.dropdown-menu>li>.menu>li>small {
    margin-right: 5px;
    color: #7f7f7f;
}
.single-task {
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 15px;
    position:relative;
    cursor: pointer;
}
.single-task span.delay {
    display: block;
    border-radius: 5px;
    border: 1px solid;
    padding: 3px 6px;
    width: 100%;
    text-align: center;

}
.single-task span.delay.delay-green {
    background: #5aac44;
    border-color: #5aac44;
}
div#bodytasks {
    background-color: #dfe3e6;
    padding: 10px;
    border-radius: 5px;
    max-width: 100%;
}
.single-task .title {
    margin-top: 0px;
    font-size: 13pt;
    width: 90%;
    font-weight: 600;
    text-transform: uppercase;
}

.single-task span.delay.delay-yellow {
    background: #e6c60d;
    border-color: #e6c60d;
}
.single-task span.delay.delay-red {
    background: #ec9488;
    border-color: #ec9488;
}
.single-task .delete-task {
    position: absolute;
    right: 10px;
    top: 5px;
    color: #F7F7F7;
    font-size: 12pt;
}
.single-task .echeance {
    display: block;
    width: 100%;
    margin-bottom: 5px;
}
.single-task span.delay.delay-blue {
    background-color: #001a35;
    border-color: #001a35;
}
span.contributors {
    font-size: 10px;
    display: block;
    text-align: center;
    margin-top: 6px;
}
.single-task .details {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000000bf;
    top: 0;
    left: 0;
    z-index: 9999;
}
.details-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #FFFFFF;
    color: black;
    padding: 15px;
    width: 80%;
}
.single-task .details .details-content .close-details {
    position: absolute;
    top: 0;
    right: 0;
    background: #23282b;
    padding: 2.5px 5px;
    border-color: transparent;
    color: white;
    z-index: 99999;
}
.single-task .details .details-content h5 {
    font-size: 17px;
    font-weight: 700;
    margin-top: 15px;
}
.single-task .details .details-content .desc {
    font-size: 13px;
    margin-bottom: 5px;
}
.single-task .details .details-content .echeance-details, .single-task .details .details-content .contri-details {
    display: block;
    font-size: 12px;
}
.single-task a.edit-task {
    position: absolute;
    right: 35px;
    top: 5px;
    color: #F7F7F7;
    font-size: 12pt;
}
.checkboxdone {
    border: 1px solid;
    padding: 0px 5px;
    border-radius: 5px;
    margin-top: 10px;
}
.checkboxdone.undone {
    border-color: #e48383;
    background-color: #d67464;
    color: white;
}
.checkboxdone.done {
    border-color: #59b12c;
    background-color: #16ad22;
    color: white;
}
.checkboxdone label {
    font-weight: 200;
    font-size: 12px;
    padding-left: 5px;
    display: inline-block;
}
.checkboxdone input[type=checkbox] {
    display: inline-block;
}
.dropdown.tasks-menu ul.menu li a {
    color: #444;
}
.global-notifs a {
    color: #2E2E2E;
}
li.dropdown.tasks-menu.open ul.menu li a ,li.dropdown.notifications-menu.open ul.menu li a {
    color: #282828;
}
.btn-group-xs>.btn, .btn-xs {
    padding: 1px 5px !important;
}
.btn-docs {
    width: 100%;
    border-radius: 3px !important;
    margin: 2px;
}
.btns-docs-vente .dropdown-menu a {
    color: white;
    margin-top: 5px;
}
.btns-docs-vente .dropdown-menu {
    padding: 5px;
    padding-right: 8px;
}
.errors-block {
    color: #dd4b39;
    border: 1px solid #dd4b39;
    padding: 5px;
    background: #fdfdfd;
    margin-bottom: 10px;
}
.errors-block p {
    margin: 0;
}
.success-block {
    border: 1px solid green;
    margin-bottom: 10px;
    padding: 10px;
    background: #caffba;
    color: black;
}
.success-block p {
    margin: 0;
}
button#form-button-save {
    display: none;
}
.dataTablesContainer {
    overflow-x: auto;
}
span.waiting {
    color: #4192bf;
    text-align: center;
    font-weight: bold;
    width: 100%;
    display: block;
}