/* 
    Created on : 14 juil. 2016, 09:18:35
    Author     : dpiette
*/


@media (min-width: 1200px) {
    .modal-lg {
        width: 1200px;
    }
}

@media (min-width: 1400px) {
    .modal-lg {
        width: 1400px;
    }
}

#applicationContenu {
    background-color: #fcfcfc;
}

label1 {
	min-width: 150px !important;
	border-bottom: dotted 1px #c0c0c0 !important;
}

.btn-group label1 {
	min-width: 15px !important;
}

.panel {
    margin-bottom: 5px;
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 4px;
    /*-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);*/
    border-color: var(--panel-border-clr);  
    background-color: var(--panel-bg-color);

}

.panel .pagination {
    padding: 0px;
    margin: 0px;
}

.shadow {
    box-shadow: inset 0px 0px 1px 6px rgba(63,63,63, .45);
    border-radius: 10px;
}


.panel-body {
    padding: 5px;
    background-color: var(--panel-body-bg-color);
    color: var(--panel-body-txt-color);

}
.panel-heading {
    padding: 3px 15px;
    border-bottom: 1px solid var(--panel-border-clr);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: var(--panel-head-bg-color);
    color: var(--panel-head-txt-color);

}

.fa1 {
    font-size: 11pt;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
    background-color: var(--panel-title-bg-color);
    color: var(--panel-title-txt-color);
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: var(--panel-footer-bg-color);
    color: var(--panel-footer-txt-color);
}

#menuSpecifique, #menuSpecifique .container{
    padding-left: 0px;
    padding-right: 0px;
}

.panel-menu {
    border-top: none;
    margin-top: -1px;
    margin-left: -1px;
    border-radius: 0px 0px 4px 4px;



}



.panel-menu > .panel-heading{
    background-color: var(--nav-bar-action-bg-color);
    border-bottom: solid 1px var(--nav-bar-action-border-color);
    border-right: solid 1px var(--nav-bar-action-border-color);
    color: var(--nav-bar-action-color);
    font-weight: bold;
}

.panel-menu > .panel-body {
    padding: 0px;
}

.panel-menu > .panel-body > .row {
    margin-left: 0px;
    margin-right: 3px;
}

.panel-menu dt {
    margin: 0px;
    width: auto;
    float: left;
    font-weight: normal;
    margin-right: 5px;
    /*width: 20px;*/
}

.panel-menu dd {
    padding: 0px;
    margin-left: 20px;
    padding-left: 5px;
    padding-top: 2px;
    margin-bottom: 2px;
    line-height: 100%;
}
.panel-menu dd span.text-warning {
    color: var(--menu-span-color);
}

.blocfooter {
    position: absolute;
    bottom: 0px;
    width: 100%;

}
.panel-footer, .panel-footer>.panel-heading {
    padding: 0px 0px;
}

.panel-groupe>.panel-heading {
    background-color: var(--nav-bar-action-bg-color);
    color: #fff;
}


span.flag {
    /*position: absolute;*/
    top: 0px;
    left: 1px;
    border-radius: 4px 0px 0px 4px;
    padding: 2px 0px;
    max-height: 18px;
    max-width: 20px;
    min-height: 18px;
    min-width: 20px;
    text-align: center;
    border: solid 0px #555;

}

span.obligatoire {
    color: var(--color-flag-obligatoire) !important;
    background-color: var(--bg-color-flag-obligatoire);
}

span.span-input {
    background-color: var(--bg-color-flag-spaninput);
    border-radius: 4px 4px 0px 0px;
}


.input-group-addon {
    padding: 0px !important;
}
.font-normal {
    font-weight: normal;
}


.bullePanel p {
    margin-top: 10px;
}

.bullePanel {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 3 3 3 0 #c6c6c6;
    font-family: helvetica,arial,cursive;
}
.bullePanel.dirl:after { 
    content: ''; 
    position: absolute; 
    right: -20px; 
    top: 5px; 
    width: 0; 
    height: 0; 
    border: 10px solid transparent; 
    border-left-color: #00688d; 
}

.bullePanel.dirr:before { 
    content: ''; 
    position: absolute; 
    left: -20px; 
    top: 5px; 
    width: 0; 
    height: 0; 
    border: 10px solid transparent; 
    border-right-color: #00688d; 
}
.bullePanel.dirt:before { 
    content: ''; 
    position: absolute; 
    right: 200px; 
    top: -25px; 
    width: 0; 
    height: 0; 
    border: 10px solid transparent; 
    border-bottom-color: #9e000a; 
}

.bullePanel.dirb:before { 
    content: ''; 
    position: absolute; 
    right: 200px; 
    width: 0; 
    height: 0; 
    border: 10px solid transparent; 
    border-top-color: #9e000a; 
    bottom: -25px;
}

.selectedCell {
    position: relative;
}

.ui-tabs-panel {
    background-color: #f5f8f9 !important;
    border: solid 1px #a6c9e2 !important;
}

.panel-primary-dark {
    background-color: #c6c6c6;
}

.tab-content label {
    /*min-width: 120px ;*/
    border-bottom: dotted 1px #c6c6c6 !important;
}
.modal-dephi {
	margin: 30px 60px;
}

.modal-footer {
    padding: 0px !important;
}

.tree {
    border: solid 1px #00688d;
    background-color: #a6c9e2;
    border-radius: 3px;
    padding : 3px;
}

.tree-primary {
    background-color: #F5F5F5;
}

.tree div {
    background-color: #fff;
}
.tree-header {
    padding-left: 5px;
} 


.tabs-nav {
	list-style: none;
    line-height: 1.5em;
}


#tabs .nav>li>a, #tabs .nav>li.tab {
    padding: 2px 15px;
    margin-top: 0px;
}

#tabs .nav-tabs>li.active>a, #tabs .nav-tabs>li.active>a:focus, #tabs .nav-tabs>li.active>a:hover {
    border-left: solid 1px #aaa; 
    border-top: solid 1px #aaa; 
    border-right: solid 1px #aaa; 
}

/* Onglet ajouté avec un label */
#tabs .nav>li.tab {
    border-radius: 4px 4px 0px 0px;
}
#tabs .nav>li.tab>span {
    font-size: 90%;
}

.infosO, .infosC {
    padding-bottom: 1px;
}

.colonLeft::before {
    content: ':';
    margin-right: 5px;
    margin-left: 5px;
}
.colonRight::after {
    content: ':';
    margin-right: 5px;
    margin-left: 5px;
}

.bgWhite {
    background-color: #fff;
}


.liste .span {
    margin-top: 10px;
}
.input-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;

}

.msgerreur {
    background-color: #fff;
}

@media only screen and (min-width:768px) {
    .supprimePanel {
        width: 50%;
        display: inline-block;
    }
    
    #_wysiwygEditContainer {
    	width: 80%;
    }
}

@media only screen and (max-width:767px) {
    #_wysiwygEditContainer {
    	width: 100%;
    }
}
	

.popover-title {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+0,8f0222+44,6d0019+100;Brown+Red+3D */
    background: #a90329; /* Old browsers */
    background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */

    font-weight: bold;
    color: #fff;
}

.frozenLayer {
    background-image: linear-gradient(45deg, #c6c6c6 25%, #666 25%, #666 50%, #c6c6c6 50%, #c6c6c6 75%, #666 75%);
    background-size: 120px 120px;    
    opacity: 0.5;
}

.frozenSpinner {
    width: 50%;
    background: #fff;
    border: solid 3px #31708f;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
}

/* Compatibility with bootstrap 4.x */
.border-bottom {
	border-bottom: solid 1px;
} 
.border-secondary {
	border-color: #c6c6c6;
}