/* ============================================================================= */
/*  Assistive color
/* ============================================================================= */
/* Mixins
*******************************************************************************/
/* Class
*******************************************************************************/

.assistive-ftmode1 .assistive-target * {
    color: #edca00 !important;
    background-color: #007484 !important; }

.assistive-ftmode1 .assistive-target *:before, .assistive-tmode3 .assistive-target *:after {
    color: #edca00 !important;
    background-color: transparent !important; }

.assistive-ftmode1 .assistive-target [class^="icon-"], .assistive-tmode3 .assistive-target [class*=" icon-"] {
    color: #edca00 !important;
    background-color: transparent !important; }


.assistive-ftmode2 .assistive-target * {
    color: #fff !important;
    background-color: #000 !important; }

.assistive-ftmode2 .assistive-target *:before, .assistive-tmode3 .assistive-target *:after {
    color: #fff !important;
    background-color: transparent !important; }

.assistive-ftmode2 .assistive-target [class^="icon-"], .assistive-tmode3 .assistive-target [class*=" icon-"] {
    color: #fff !important;
    background-color: transparent !important; }


.assistive-ftmode3 .assistive-target * {
    color: #FFFF00 !important;
    background-color: #000 !important; }

.assistive-ftmode3 .assistive-target *:before, .assistive-tmode3 .assistive-target *:after {
    color: #FFFF00 !important;
    background-color: transparent !important; }

.assistive-ftmode3 .assistive-target [class^="icon-"], .assistive-tmode3 .assistive-target [class*=" icon-"] {
    color: #FFFF00 !important;
    background-color: transparent !important; }


.assistive-tmode1 .assistive-target * {
    color: #000 !important;
    background-color: #fff !important; }

.assistive-tmode1 .assistive-target *:before, .assistive-tmode3 .assistive-target *:after {
    color: #000 !important;
    background-color: transparent !important; }

.assistive-tmode1 .assistive-target [class^="icon-"], .assistive-tmode3 .assistive-target [class*=" icon-"] {
    color: #000 !important;
    background-color: transparent !important; }


.assistive-tmode2 .assistive-target * {
    color: #FF0000 !important;
    background-color: #fff !important; }

.assistive-tmode2 .assistive-target *:before, .assistive-tmode3 .assistive-target *:after {
    color: #FF0000 !important;
    background-color: transparent !important; }

.assistive-tmode2 .assistive-target [class^="icon-"], .assistive-tmode3 .assistive-target [class*=" icon-"] {
    color: #FF0000 !important;
    background-color: transparent !important; }


.assistive-tmode3 .assistive-target * {
    color: #0000FF !important;
    background-color: #fff !important; }

.assistive-tmode3 .assistive-target *:before, .assistive-tmode3 .assistive-target *:after {
    color: #0000FF !important;
    background-color: transparent !important; }

.assistive-tmode3 .assistive-target [class^="icon-"], .assistive-tmode3 .assistive-target [class*=" icon-"] {
    color: #0000FF !important;
    background-color: transparent !important; }


/*********************************************************/
/*                    ACCESSIBILITE                      */
/*********************************************************/


.mce-flow-layout-item.mce-resizehandle.mce-last, .mce-ico.mce-i-resize{

    background: transparent !important;
}

/**** assistive-ftmode1 ****/

.assistive-ftmode1 .assistive-target .assistive-tool-btn-ftmode1 {
    color: #edca00 !important;
    background: #007484 !important; }

.assistive-ftmode1 .assistive-target .assistive-tool-btn-ftmode2 {
    color: #fff !important;
    background: #000 !important; }

.assistive-ftmode1 .assistive-target .assistive-tool-btn-ftmode3 {
    color: #FFFF00 !important;
    background: #000 !important; }

.assistive-ftmode1 .assistive-target .assistive-tool-btn-tmode1 {
    color: #000 !important;
    background: #fff !important; }

.assistive-ftmode1 .assistive-target .assistive-tool-btn-tmode2 {
    color: #FF0000 !important;
    background: #fff !important; }

.assistive-ftmode1 .assistive-target .assistive-tool-btn-tmode3 {
    color: #0000FF !important;
    background: #fff !important; }

.assistive-ftmode1 .assistive-target .modal-content{
    border:solid 2px #edca00;
}

.assistive-ftmode1 .assistive-target.menu-row .container{
    border-top: 1px solid #edca00;
    border-bottom: 1px solid #edca00;
}

.assistive-ftmode1 .assistive-target.top-toolbar .container{
    border-bottom: 1px dashed #edca00;
}

.assistive-ftmode1 .assistive-target .modal-footer {
    border-top: 1px solid #edca00;
}

.assistive-ftmode1 .assistive-target .modal-header {
    border-bottom: 1px solid #edca00;
}

.assistive-ftmode1 .assistive-target .tab-content,
.assistive-ftmode1 .assistive-target .tabs-group .nav-tabs > li > a{

    border-color:#edca00;
}

.assistive-ftmode1 .assistive-target .tabs-group .nav-tabs {
    border-bottom-color:#edca00;
}

.assistive-ftmode1 .assistive-target .tabs-group .nav-tabs > li.active > a{
    border-bottom: solid 1px #007484;
}

.assistive-ftmode1 .assistive-target .tabs-group .nav-tabs > li.disabled > a{
    background: repeating-linear-gradient(
        45deg, #edca00, #edca00 1px, #007484 1px, #007484 10px);
    min-height: 100%;
}

.assistive-ftmode1 .assistive-target .form-panel.root-container {
    border: 1px solid #edca00;
    border-top: none;
}

.assistive-ftmode1 .assistive-target .fieldset-content{
    border-color:#edca00;
}
.assistive-ftmode1 .assistive-target legend{
    border-bottom-color:#edca00;
}

.assistive-ftmode1 .assistive-target .btn-info{
    border-color:#edca00;
}

.assistive-ftmode1 .assistive-target .btn{
    border-color:#edca00;
}

.assistive-ftmode1 .assistive-target .form-input-error{
    border:solid 5px #edca00;
}

.assistive-ftmode1 .assistive-target .alert-danger,
.assistive-ftmode1 .assistive-target .alert-primary,
.assistive-ftmode1 .assistive-target .alert-success,
.assistive-ftmode1 .assistive-target .alert-warning{
    border:solid 5px #edca00;
}

.assistive-ftmode1 .assistive-target .panel-heading{
    border:solid 1px #edca00;
    border-bottom-style: dashed;
}

.assistive-ftmode1 .assistive-target .panel .panel-title{
    border: none;
}

.assistive-ftmode1 .assistive-target .panel-collapse{
    border:solid 1px #edca00;
    border-top:none;
}

.assistive-ftmode1 .assistive-target .panel .panel-title a::before{
    border-right: dashed 1px #edca00;
}

.assistive-ftmode1 .assistive-target .menu-item{
    border:solid 1px #edca00;
    border-top:none;
}

.assistive-ftmode1 .assistive-target .menu-item:first-child{
    border-top:solid 1px #edca00;
}

.assistive-ftmode1 .assistive-target .navbar-nav > .menu-item{
    border:none;
    border-right:solid 1px #edca00;
}

.assistive-ftmode1 .assistive-target .dropdown-submenu > a::after {
    border-left-color: #edca00;
}

.assistive-ftmode1 .assistive-target .bootstrap-datetimepicker-widget{
    border:solid 1px;
}

.assistive-ftmode1 .assistive-target .table-responsive th{

    border:solid 1px #edca00 !important;
    font-weight: bold;
}

.assistive-ftmode1 .assistive-target tbody {
    border-bottom: solid 1px #edca00;
}

.assistive-ftmode1 .assistive-target .table-responsive tr td{

    border-bottom:dashed 1px #edca00 !important;

}

.assistive-ftmode1 .assistive-target .table > tbody > tr > th{

    border-top: none;
}

.assistive-ftmode1 .assistive-target .table > tbody > tr > td {
    padding: 8px;
    line-height: 1.5;
    vertical-align: top;
    border-top: dashed 1px #edca00 !important;
    border-left: dashed 1px #edca00 !important;
    border-right: dashed 1px #edca00 !important;
}

.assistive-ftmode1 .assistive-target .dropdown-export .dropdown-menu{
    border:solid 1px #edca00 !important;
}

.assistive-ftmode1 .assistive-target .dropdown-export .dropdown-menu a:hover,
.assistive-ftmode1 .assistive-target .btn-wide:hover,
.assistive-ftmode1 .assistive-target .btn-sm:hover,
.assistive-ftmode1 .assistive-target .btn-primary:hover,
.assistive-ftmode1 .assistive-target .nav-tabs li:not(.active):not(.disabled) a:hover
{
    background-image: radial-gradient(circle, #edca00, #edca00 1px, #007484 1px, #007484);
    background-size: 7px 7px;
}

.assistive-ftmode1 .assistive-target .progress-area{
    border:solid 2px #edca00;
}

.assistive-ftmode1 .assistive-target .progress .progress-bar{
    background-color:#edca00 !important;
}

.assistive-ftmode1 .assistive-target .assistive-target  .btn-tooltip{
    background-color:#edca00 !important;
    color:#016677 !important;
}

.assistive-ftmode1 .assistive-target  .btn-tooltip::before {
    border-color: transparent #edca00 transparent transparent;
}

.assistive-ftmode1 .assistive-target  .tooltip-box {
    border: 1px solid #edca00;
}

.assistive-ftmode1 .assistive-target  .tooltip-box::after {
    background: #edca00;
    border-bottom: 1px solid #edca00;
    border-right: 1px solid #edca00;
}

/*********************************************************/
/*                    AIDE EN LIGNE                      */
/*********************************************************/

.assistive-ftmode1 .assistive-target .page-aide .header .page-title,
.assistive-ftmode1 .assistive-target .page-aide .header .page-title ::before,
.assistive-ftmode1 .assistive-target .page-aide .header .page-title ::after {
    color: #016677 !important;
    background-color: #edca00 !important;
}

.assistive-ftmode1 .assistive-target .page-aide .header .page-title [class*="icon-"] {

    color: #016677 !important;
    border-right: 1px solid #016677;
}

.assistive-ftmode1 .assistive-target .page-aide .wrapper{

    border-left: solid 1px #edca00;
    border-right: solid 1px #edca00;
}

.assistive-ftmode1 .assistive-target .page-aide .aide-btn-panel{

    border-top: #edca00 solid 1px;
    border-bottom: #edca00 solid 1px;
}

.assistive-ftmode1 .assistive-target .aide-btn-panel .btn-info{

    color: #016677 !important;
    background-color: #edca00 !important;
}

.assistive-ftmode1 .assistive-target .aide-btn-panel .btn-info:hover
{
    background-image: radial-gradient(circle, #016677, #016677 1px, #edca00 1px, #edca00);
    background-size: 7px 7px;
}

/**** assistive-ftmode2 ****/

.assistive-ftmode2 .assistive-target .assistive-tool-btn-ftmode1 {
    color: #edca00 !important;
    background: #007484 !important; }

.assistive-ftmode2 .assistive-target .assistive-tool-btn-ftmode2 {
    color: #fff !important;
    background: #000 !important; }

.assistive-ftmode2 .assistive-target .assistive-tool-btn-ftmode3 {
    color: #FFFF00 !important;
    background: #000 !important; }

.assistive-ftmode2 .assistive-target .assistive-tool-btn-tmode1 {
    color: #000 !important;
    background: #fff !important; }

.assistive-ftmode2 .assistive-target .assistive-tool-btn-tmode2 {
    color: #FF0000 !important;
    background: #fff !important; }

.assistive-ftmode2 .assistive-target .assistive-tool-btn-tmode3 {
    color: #0000FF !important;
    background: #fff !important; }

.assistive-ftmode2 .assistive-target .modal-content{
    border:solid 2px #fff;
}

.assistive-ftmode2 .assistive-target.menu-row .container{
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
}

.assistive-ftmode2 .assistive-target.top-toolbar .container{
    border-bottom: 1px dashed #FFF;
}

.assistive-ftmode2 .assistive-target .tab-content,
.assistive-ftmode2 .assistive-target .tabs-group .nav-tabs > li > a{

    border-color:#fff;
}

.assistive-ftmode2 .assistive-target .tabs-group .nav-tabs > li.active > a{
    border-bottom: solid 1px #000;
}

.assistive-ftmode2 .assistive-target .tabs-group .nav-tabs > li.disabled > a{
    background: repeating-linear-gradient(
        45deg, #fff, #fff 1px, #000 1px, #000 10px);
    min-height: 100%;
}

.assistive-ftmode2 .assistive-target .form-panel.root-container {
    border: 1px solid #fff;
    border-top: none;
}

.assistive-ftmode2 .assistive-target .fieldset-content{
    border-color:#fff;
}
.assistive-ftmode2 .assistive-target legend{
    border-bottom-color:#fff;
}

.assistive-ftmode2 .assistive-target .btn-info{
    border-color:#fff;
}

.assistive-ftmode2 .assistive-target .btn{
    border-color:#fff;
}

.assistive-ftmode2 .assistive-target .form-input-error{
    border:solid 5px #fff;
}

.assistive-ftmode2 .assistive-target .alert-danger,
.assistive-ftmode2 .assistive-target .alert-primary,
.assistive-ftmode2 .assistive-target .alert-success,
.assistive-ftmode2 .assistive-target .alert-warning{
    border:solid 5px #fff;
}

.assistive-ftmode2 .assistive-target .panel-heading{
    border:solid 1px #fff;
    border-bottom-style: dashed;
}

.assistive-ftmode2 .assistive-target .panel .panel-title{
    border: none;
}

.assistive-ftmode2 .assistive-target .panel-collapse{
    border:solid 1px #fff;
    border-top:none;
}

.assistive-ftmode2 .assistive-target .panel .panel-title a::before{
    border-right: dashed 1px #fff;
}

.assistive-ftmode2 .assistive-target .menu-item{
    border:solid 1px #fff;
    border-top:none;
}

.assistive-ftmode2 .assistive-target .menu-item:first-child{
    border-top:solid 1px #fff;
}

.assistive-ftmode2 .assistive-target .navbar-nav > .menu-item{
    border:none;
    border-right:solid 1px #fff;
}

.assistive-ftmode2 .assistive-target .dropdown-submenu > a::after {
    border-left-color: #fff;
}

.assistive-ftmode2 .assistive-target .bootstrap-datetimepicker-widget{
    border:solid 1px;
}

.assistive-ftmode2 .assistive-target .table-responsive th{

    border:solid 1px #fff !important;
    font-weight: bold;
}

.assistive-ftmode2 .assistive-target tbody {
    border-bottom: solid 1px #fff;
}

.assistive-ftmode2 .assistive-target .table-responsive tr td{

    border-bottom:dashed 1px #fff !important;

}

.assistive-ftmode2 .assistive-target .table > tbody > tr > th{

    border-top: none;
}

.assistive-ftmode2 .assistive-target .table > tbody > tr > td {
    padding: 8px;
    line-height: 1.5;
    vertical-align: top;
    border-top: dashed 1px #fff !important;
    border-left: dashed 1px #fff !important;
    border-right: dashed 1px #fff !important;
}

.assistive-ftmode2 .assistive-target .dropdown-export .dropdown-menu{
    border:solid 1px #fff !important;
}

.assistive-ftmode2 .assistive-target .dropdown-export .dropdown-menu a:hover,
.assistive-ftmode2 .assistive-target .btn-wide:hover,
.assistive-ftmode2 .assistive-target .btn-sm:hover,
.assistive-ftmode2 .assistive-target .btn-primary:hover,
.assistive-ftmode2 .assistive-target .nav-tabs li:not(.active):not(.disabled) a:hover
{
    background-image: radial-gradient(circle, #fff, #fff 1px, #000 1px, #000);
    background-size: 7px 7px;
}

.assistive-ftmode2 .assistive-target .progress-area{
    border:solid 2px #fff;
}

.assistive-ftmode2 .assistive-target .progress .progress-bar{
    background-color:#fff !important;
}

.assistive-ftmode2 .assistive-target .assistive-target  .btn-tooltip{
    background-color:#fff !important;
    color:#000 !important;
}

.assistive-ftmode2 .assistive-target  .btn-tooltip::before {
    border-color: transparent #fff transparent transparent;
}

.assistive-ftmode2 .assistive-target  .tooltip-box {
    border: 1px solid #fff;
}

.assistive-ftmode2 .assistive-target  .tooltip-box::after {
    background: #fff;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
}

/*********************************************************/
/*                    AIDE EN LIGNE                      */
/*********************************************************/

.assistive-ftmode2 .assistive-target .page-aide .header .page-title,
.assistive-ftmode2 .assistive-target .page-aide .header .page-title ::before,
.assistive-ftmode2 .assistive-target .page-aide .header .page-title ::after {
    color: #000 !important;
    background-color: #fff !important;
}

.assistive-ftmode2 .assistive-target .page-aide .header .page-title [class*="icon-"] {

    color: #000 !important;
    border-right: 1px solid #000;
}

.assistive-ftmode2 .assistive-target .page-aide .wrapper{

    border-left: solid 1px #fff;
    border-right: solid 1px #fff;
}

.assistive-ftmode2 .assistive-target .page-aide .aide-btn-panel{

    border-top: #fff solid 1px;
    border-bottom: #fff solid 1px;
}

.assistive-ftmode2 .assistive-target .aide-btn-panel .btn-info{

    color: #000 !important;
    background-color: #fff !important;
}

.assistive-ftmode2 .assistive-target .aide-btn-panel .btn-info:hover{

    background-image: radial-gradient(circle, #000, #000 1px, #fff 1px, #fff);
    background-size: 7px 7px;
}

/**** assistive-ftmode3 ****/

.assistive-ftmode3 .assistive-target .assistive-tool-btn-ftmode1 {
    color: #edca00 !important;
    background: #007484 !important; }

.assistive-ftmode3 .assistive-target .assistive-tool-btn-ftmode2 {
    color: #fff !important;
    background: #000 !important; }

.assistive-ftmode3 .assistive-target .assistive-tool-btn-ftmode3 {
    color: #FFFF00 !important;
    background: #000 !important; }

.assistive-ftmode3 .assistive-target .assistive-tool-btn-tmode1 {
    color: #000 !important;
    background: #fff !important; }

.assistive-ftmode3 .assistive-target .assistive-tool-btn-tmode2 {
    color: #FF0000 !important;
    background: #fff !important; }

.assistive-ftmode3 .assistive-target .assistive-tool-btn-tmode3 {
    color: #0000FF !important;
    background: #fff !important; }

.assistive-ftmode3 .assistive-target .modal-content{
    border:solid 2px #FFFF00;
}

.assistive-ftmode3 .assistive-target.menu-row .container{
    border-top: 1px solid #FFFF00;
    border-bottom: 1px solid #FFFF00;
}

.assistive-ftmode3 .assistive-target.top-toolbar .container{
    border-bottom: 1px dashed #FFFF00;
}

.assistive-ftmode3 .assistive-target .modal-footer {
    border-top: 1px solid #FFFF00;
}

.assistive-ftmode3 .assistive-target .modal-header {
    border-bottom: 1px solid #FFFF00;
}

.assistive-ftmode3 .assistive-target .tab-content,
.assistive-ftmode3 .assistive-target .tabs-group .nav-tabs > li > a{

    border-color:#FFFF00;
}

.assistive-ftmode3 .assistive-target .tabs-group .nav-tabs {
    border-bottom-color:#FFFF00;
}

.assistive-ftmode3 .assistive-target .tabs-group .nav-tabs > li.active > a{
    border-bottom: solid 1px #000;
}

.assistive-ftmode3 .assistive-target .tabs-group .nav-tabs > li.disabled > a{
    background: repeating-linear-gradient(
        45deg, #FFFF00, #FFFF00 1px, #000 1px, #000 10px);
    min-height: 100%;
}

.assistive-ftmode3 .assistive-target .form-panel.root-container {
    border: 1px solid #FFFF00;
    border-top: none;
}

.assistive-ftmode3 .assistive-target .fieldset-content{
    border-color:#FFFF00;
}
.assistive-ftmode3 .assistive-target legend{
    border-bottom-color:#FFFF00;
}

.assistive-ftmode3 .assistive-target .btn-info{
    border-color:#FFFF00;
}

.assistive-ftmode3 .assistive-target .btn{
    border-color:#FFFF00;
}

.assistive-ftmode3 .assistive-target .form-input-error{
    border:solid 5px #edca00;
}

.assistive-ftmode3 .assistive-target .alert-danger,
.assistive-ftmode3 .assistive-target .alert-primary,
.assistive-ftmode3 .assistive-target .alert-success,
.assistive-ftmode3 .assistive-target .alert-warning{
    border:solid 5px #edca00;
}

.assistive-ftmode3 .assistive-target .panel-heading{
    border:solid 1px #FFFF00;
    border-bottom-style: dashed;
}

.assistive-ftmode3 .assistive-target .panel .panel-title{
    border: none;
}

.assistive-ftmode3 .assistive-target .panel-collapse{
    border:solid 1px #FFFF00;
    border-top:none;
}

.assistive-ftmode3 .assistive-target .panel .panel-title a::before{
    border-right: dashed 1px #FFFF00;
}

.assistive-ftmode3 .assistive-target .menu-item{
    border:solid 1px #FFFF00;
    border-top:none;
}

.assistive-ftmode3 .assistive-target .menu-item:first-child{
    border-top:solid 1px #FFFF00;
}

.assistive-ftmode3 .assistive-target .navbar-nav > .menu-item{
    border:none;
    border-right:solid 1px #FFFF00;
}

.assistive-ftmode3 .assistive-target .dropdown-submenu > a::after {
    border-left-color: #edca00;
}

.assistive-ftmode3 .assistive-target .bootstrap-datetimepicker-widget{
    border:solid 1px;
}

.assistive-ftmode3 .assistive-target .table-responsive th{

    border:solid 1px #edca00 !important;
    font-weight: bold;
}

.assistive-ftmode3 .assistive-target tbody {
    border-bottom: solid 1px #edca00;
}

.assistive-ftmode3 .assistive-target .table-responsive tr td{

    border-bottom:dashed 1px #edca00 !important;

}

.assistive-ftmode3 .assistive-target .table > tbody > tr > th{

    border-top: none;
}

.assistive-ftmode3 .assistive-target .table > tbody > tr > td {
    padding: 8px;
    line-height: 1.5;
    vertical-align: top;
    border-top: dashed 1px #edca00 !important;
    border-left: dashed 1px #edca00 !important;
    border-right: dashed 1px #edca00 !important;
}

.assistive-ftmode3 .assistive-target .dropdown-export .dropdown-menu{
    border:solid 1px #edca00 !important;
}

.assistive-ftmode3 .assistive-target .dropdown-export .dropdown-menu a:hover,
.assistive-ftmode3 .assistive-target .btn-wide:hover,
.assistive-ftmode3 .assistive-target .btn-sm:hover,
.assistive-ftmode3 .assistive-target .btn-primary:hover,
.assistive-ftmode3 .assistive-target .nav-tabs li:not(.active):not(.disabled) a:hover
{
    background-image: radial-gradient(circle, #edca00, #edca00 1px, #000 1px, #000);
    background-size: 7px 7px;
}

.assistive-ftmode3 .assistive-target .progress-area{
    border:solid 2px #edca00;
}

.assistive-ftmode3 .assistive-target .progress .progress-bar{
    background-color:#edca00 !important;
}

.assistive-ftmode3 .assistive-target .assistive-target  .btn-tooltip{
    background-color:#FFFF00 !important;
    color:#000 !important;
}

.assistive-ftmode3 .assistive-target  .btn-tooltip::before {
    border-color: transparent #FFFF00 transparent transparent;
}

.assistive-ftmode3 .assistive-target  .tooltip-box {
    border: 1px solid #FFFF00;
}

.assistive-ftmode3 .assistive-target  .tooltip-box::after {
    background: #FFFF00;
    border-bottom: 1px solid #FFFF00;
    border-right: 1px solid #FFFF00;
}


/*********************************************************/
/*                    AIDE EN LIGNE                      */
/*********************************************************/

.assistive-ftmode3 .assistive-target .page-aide .header .page-title,
.assistive-ftmode3 .assistive-target .page-aide .header .page-title ::before,
.assistive-ftmode3 .assistive-target .page-aide .header .page-title ::after {
    color: #000 !important;
    background-color: #edca00 !important;
}

.assistive-ftmode3 .assistive-target .page-aide .header .page-title [class*="icon-"] {

    color: #000 !important;
    border-right: 1px solid #000;
}

.assistive-ftmode3 .assistive-target .page-aide .wrapper{

    border-left: solid 1px #edca00;
    border-right: solid 1px #edca00;
}

.assistive-ftmode3 .assistive-target .page-aide .aide-btn-panel{

    border-top: #edca00 solid 1px;
    border-bottom: #edca00 solid 1px;
}

.assistive-ftmode3 .assistive-target .aide-btn-panel .btn-info{

    color: #000 !important;
    background-color: #edca00 !important;
}

.assistive-ftmode3 .assistive-target .aide-btn-panel .btn-info:hover{

    background-image: radial-gradient(circle, #000, #000 1px, #edca00 1px, #edca00);
    background-size: 7px 7px;
}

/**** assistive-tmode1 ****/

.assistive-tmode1 .assistive-target .assistive-tool-btn-ftmode1 {
    color: #edca00 !important;
    background: #007484 !important; }

.assistive-tmode1 .assistive-target .assistive-tool-btn-ftmode2 {
    color: #fff !important;
    background: #000 !important; }

.assistive-tmode1 .assistive-target .assistive-tool-btn-ftmode3 {
    color: #FFFF00 !important;
    background: #000 !important; }

.assistive-tmode1 .assistive-target .assistive-tool-btn-tmode1 {
    color: #000 !important;
    background: #fff !important; }

.assistive-tmode1 .assistive-target .assistive-tool-btn-tmode2 {
    color: #FF0000 !important;
    background: #fff !important; }

.assistive-tmode1 .assistive-target .assistive-tool-btn-tmode3 {
    color: #0000FF !important;
    background: #fff !important; }

.assistive-tmode1 .assistive-target .modal-content{
    border:solid 2px #000;
}

.assistive-tmode1 .assistive-target.menu-row .container{
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.assistive-tmode1 .assistive-target.top-toolbar .container{
    border-bottom: 1px dashed #000;
}

.assistive-tmode1 .assistive-target .modal-footer {
    border-top: 1px solid #000;
}

.assistive-tmode1 .assistive-target .modal-header {
    border-bottom: 1px solid #000;
}
.assistive-tmode1 .assistive-target .tab-content,
.assistive-tmode1 .assistive-target .tabs-group .nav-tabs > li > a{

    border-color:#000;
}

.assistive-tmode1 .assistive-target .nav-tabs {
    border-bottom: 1px solid #000;
}

.assistive-tmode1 .assistive-target .form-panel.root-container {
    border: 1px solid #000;
    border-top: none;
}

.assistive-tmode1 .assistive-target .tabs-group .nav-tabs > li.active > a{
    border-bottom: solid 1px #fff;
}

.assistive-tmode1 .assistive-target .tabs-group .nav-tabs > li.disabled > a{
    background: repeating-linear-gradient(
        45deg, #000, #000 1px, #fff 1px, #fff 10px);
    min-height: 100%;
}

.assistive-tmode1 .assistive-target .fieldset-content{
    border-color:#000;
}
.assistive-tmode1 .assistive-target legend{
    border-bottom-color:#000;
}

.assistive-tmode1 .assistive-target .btn-info{
    border-color:#000;
}

.assistive-tmode1 .assistive-target .btn{
    border-color:#000;
}

.assistive-tmode1 .assistive-target .form-input-error{
    border:solid 5px #000;
}

.assistive-tmode1 .assistive-target .alert-danger,
.assistive-tmode1 .assistive-target .alert-primary,
.assistive-tmode1 .assistive-target .alert-success,
.assistive-tmode1 .assistive-target .alert-warning{
    border:solid 5px #000;
}

.assistive-tmode1 .assistive-target .panel-heading{
    border:solid 1px #000;
    border-bottom-style: dashed;
}

.assistive-tmode1 .assistive-target .panel .panel-title a::before{
    border-right: dashed 1px #000;
}

.assistive-tmode1 .assistive-target .panel-collapse{
    border:solid 1px #000;
    border-top:none;
}

.assistive-tmode1 .assistive-target .menu-item{
    border:solid 1px #000;
    border-top:none;
}

.assistive-tmode1 .assistive-target .menu-item:first-child{
    border-top:solid 1px #000;
}

.assistive-tmode1 .assistive-target .navbar-nav > .menu-item{
    border:none;
    border-right:solid 1px #000;
}

.assistive-tmode1 .assistive-target .dropdown-submenu > a::after {
    border-left-color: #000;
}

.assistive-tmode1 .assistive-target .bootstrap-datetimepicker-widget{
    border:solid 1px;
}

.assistive-tmode1 .assistive-target .table-responsive th{

    border:solid 1px #000 !important;
    font-weight: bold;
}

.assistive-tmode1 .assistive-target tbody {
    border-bottom: solid 1px #000;
}

.assistive-tmode1 .assistive-target .table-responsive tr td{

    border-bottom:dashed 1px #000 !important;

}

.assistive-tmode1 .assistive-target .table > tbody > tr > th{

    border-top: none;
}

.assistive-tmode1 .assistive-target .table > tbody > tr > td {
    padding: 8px;
    line-height: 1.5;
    vertical-align: top;
    border-top: dashed 1px #000 !important;
    border-left: dashed 1px #000 !important;
    border-right: dashed 1px #000 !important;
}

.assistive-tmode1 .assistive-target .dropdown-export .dropdown-menu{
    border:solid 1px #000 !important;
}

.assistive-tmode1 .assistive-target .dropdown-export .dropdown-menu a:hover,
.assistive-tmode1 .assistive-target .btn-wide:hover,
.assistive-tmode1 .assistive-target .btn-sm:hover,
.assistive-tmode1 .assistive-target .btn-primary:hover,
.assistive-tmode1 .assistive-target .nav-tabs li:not(.active):not(.disabled) a:hover
{
    background-image: radial-gradient(circle, #000, #000 1px, #fff 1px, #fff);
    background-size: 7px 7px;
}

.assistive-tmode1 .assistive-target .progress-area{
    border:solid 2px #000;
}

.assistive-tmode1 .assistive-target .progress .progress-bar{
    background-color:#000 !important;
}

.assistive-tmode1 .assistive-target .assistive-target  .btn-tooltip{
    background-color:#000 !important;
    color:#fff !important;
}

.assistive-tmode1 .assistive-target  .btn-tooltip::before {
    border-color: transparent #000 transparent transparent;
}

.assistive-tmode1 .assistive-target  .tooltip-box {
    border: 1px solid #000;
}

.assistive-tmode1 .assistive-target  .tooltip-box::after {
    background: #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
}

/*********************************************************/
/*                    AIDE EN LIGNE                      */
/*********************************************************/

.assistive-tmode1 .assistive-target .page-aide .header .page-title,
.assistive-tmode1 .assistive-target .page-aide .header .page-title ::before,
.assistive-tmode1 .assistive-target .page-aide .header .page-title ::after {
    color: #fff !important;
    background-color: #000 !important;
}

.assistive-tmode1 .assistive-target .page-aide .header .page-title [class*="icon-"] {

    color: #fff !important;
    border-right: 1px solid #fff;
}

.assistive-tmode1 .assistive-target .page-aide .wrapper{

    border-left: solid 1px #000;
    border-right: solid 1px #000;
}

.assistive-tmode1 .assistive-target .page-aide .aide-btn-panel{

    border-top: #000 solid 1px;
    border-bottom: #000 solid 1px;
}

.assistive-tmode1 .assistive-target .aide-btn-panel .btn-info{

    color: #fff !important;
    background-color: #000 !important;
}

.assistive-tmode1 .assistive-target .aide-btn-panel .btn-info:hover{

    background-image: radial-gradient(circle, #fff, #fff 1px, #000 1px, #000);
    background-size: 7px 7px;
}

/**** assistive-tmode2 ****/

.assistive-tmode2 .assistive-target .assistive-tool-btn-ftmode1 {
    color: #edca00 !important;
    background: #007484 !important; }

.assistive-tmode2 .assistive-target .assistive-tool-btn-ftmode2 {
    color: #fff !important;
    background: #000 !important; }

.assistive-tmode2 .assistive-target .assistive-tool-btn-ftmode3 {
    color: #FFFF00 !important;
    background: #000 !important; }

.assistive-tmode2 .assistive-target .assistive-tool-btn-tmode1 {
    color: #000 !important;
    background: #fff !important; }

.assistive-tmode2 .assistive-target .assistive-tool-btn-tmode2 {
    color: #FF0000 !important;
    background: #fff !important; }

.assistive-tmode2 .assistive-target .assistive-tool-btn-tmode3 {
    color: #0000FF !important;
    background: #fff !important; }

.assistive-tmode2 .assistive-target .modal-content{
    border:solid 2px #FF0000;
}

.assistive-tmode2 .assistive-target.menu-row .container{
    border-top: 1px solid #FF0000;
    border-bottom: 1px solid #FF0000;
}

.assistive-tmode2 .assistive-target.top-toolbar .container{
    border-bottom: 1px dashed #FF0000;
}

.assistive-tmode2 .assistive-target .modal-footer {
    border-top: 1px solid #FF0000;
}

.assistive-tmode2 .assistive-target .modal-header {
    border-bottom: 1px solid #FF0000;
}

.assistive-tmode2 .assistive-target .tab-content,
.assistive-tmode2 .assistive-target .tabs-group .nav-tabs > li > a{

    border-color:#FF0000;
}

.assistive-tmode2 .assistive-target .nav-tabs {
    border-bottom: 1px solid #FF0000;
}

.assistive-tmode2 .assistive-target .form-panel.root-container {
    border: 1px solid #FF0000;
    border-top: none;
}

.assistive-tmode2 .assistive-target .tabs-group .nav-tabs > li.active > a{
    border-bottom: solid 1px #fff;
}

.assistive-tmode2 .assistive-target .tabs-group .nav-tabs > li.disabled > a{
    background: repeating-linear-gradient(
        45deg, #FF0000, #FF0000 1px, #fff 1px, #fff 10px);
    min-height: 100%;
}

.assistive-tmode2 .assistive-target .fieldset-content{
    border-color:#FF0000;
}
.assistive-tmode2 .assistive-target legend{
    border-bottom-color:#FF0000;
}

.assistive-tmode2 .assistive-target .btn-info{
    border-color:#FF0000;
}

.assistive-tmode2 .assistive-target .btn{
    border-color:#FF0000;
}

.assistive-tmode2 .assistive-target .form-input-error{
    border:solid 5px #FF0000;
}

.assistive-tmode2 .assistive-target .alert-primary,
.assistive-tmode2 .assistive-target .alert-success,
.assistive-tmode2 .assistive-target .alert-warning{
    border:solid 5px #FF0000;
}
.assistive-tmode2 .assistive-target .alert-danger{
    border:solid 5px #FF0000;
}

.assistive-tmode2 .assistive-target .panel-heading{
    border:solid 1px #FF0000;
    border-bottom-style: dashed;
}

.assistive-tmode2 .assistive-target .panel .panel-title a::before{
    border-right: dashed 1px #FF0000;
}

.assistive-tmode2 .assistive-target .panel-collapse{
    border:solid 1px #FF0000;
    border-top:none;
}

.assistive-tmode2 .assistive-target .menu-item{
    border:solid 1px #FF0000;
    border-top:none;
}

.assistive-tmode2 .assistive-target .menu-item:first-child{
    border-top:solid 1px #FF0000;
}

.assistive-tmode2 .assistive-target .navbar-nav > .menu-item{
    border:none;
    border-right:solid 1px #FF0000;
}

.assistive-tmode2 .assistive-target .dropdown-submenu > a::after {
    border-left-color: #FF0000;
}

.assistive-tmode2 .assistive-target .bootstrap-datetimepicker-widget{
    border:solid 1px;
}

.assistive-tmode2 .assistive-target .table-responsive th{

    border:solid 1px #FF0000 !important;
    font-weight: bold;
}

.assistive-tmode2 .assistive-target tbody {
    border-bottom: solid 1px #FF0000;
}

.assistive-tmode2 .assistive-target .table-responsive tr td{

    border-bottom:dashed 1px #FF0000 !important;

}

.assistive-tmode2 .assistive-target .table > tbody > tr > th{

    border-top: none;
}

.assistive-tmode2 .assistive-target .table > tbody > tr > td {
    padding: 8px;
    line-height: 1.5;
    vertical-align: top;
    border-top: dashed 1px #FF0000 !important;
    border-left: dashed 1px #FF0000 !important;
    border-right: dashed 1px #FF0000 !important;
}

.assistive-tmode2 .assistive-target .dropdown-export .dropdown-menu{
    border:solid 1px #FF0000 !important;
}

.assistive-tmode2 .assistive-target .dropdown-export .dropdown-menu a:hover,
.assistive-tmode2 .assistive-target .btn-wide:hover,
.assistive-tmode2 .assistive-target .btn-sm:hover,
.assistive-tmode2 .assistive-target .btn-primary:hover,
.assistive-tmode2 .assistive-target .nav-tabs li:not(.active):not(.disabled) a:hover
{
    background-image: radial-gradient(circle, #FF0000, #FF0000 1px, #fff 1px, #fff);
    background-size: 7px 7px;
}

.assistive-tmode2 .assistive-target .progress-area{
    border:solid 2px #FF0000;
}

.assistive-tmode2 .assistive-target .progress .progress-bar{
    background-color:#FF0000 !important;
}

.assistive-tmode2 .assistive-target .assistive-target  .btn-tooltip{
    background-color:#FF0000 !important;
    color:#fff !important;
}

.assistive-tmode2 .assistive-target  .btn-tooltip::before {
    border-color: transparent #FF0000 transparent transparent;
}

.assistive-tmode2 .assistive-target  .tooltip-box {
    border: 1px solid #FF0000;
}

.assistive-tmode2 .assistive-target  .tooltip-box::after {
    background: #FF0000;
    border-bottom: 1px solid #FF0000;
    border-right: 1px solid #FF0000;
}

/*********************************************************/
/*                    AIDE EN LIGNE                      */
/*********************************************************/

.assistive-tmode2 .assistive-target .page-aide .header .page-title,
.assistive-tmode2 .assistive-target .page-aide .header .page-title ::before,
.assistive-tmode2 .assistive-target .page-aide .header .page-title ::after {
    color: #fff !important;
    background-color: #FF0000 !important;
}

.assistive-tmode2 .assistive-target .page-aide .header .page-title [class*="icon-"] {

    color: #fff !important;
    border-right: 1px solid #fff;
}

.assistive-tmode2 .assistive-target .page-aide .wrapper{

    border-left: solid 1px #FF0000;
    border-right: solid 1px #FF0000;
}

.assistive-tmode2 .assistive-target .page-aide .aide-btn-panel{

    border-top: #FF0000 solid 1px;
    border-bottom: #FF0000 solid 1px;
}

.assistive-tmode2 .assistive-target .aide-btn-panel .btn-info{

    color: #fff !important;
    background-color: #FF0000 !important;
}

.assistive-tmode2 .assistive-target .aide-btn-panel .btn-info:hover{

    background-image: radial-gradient(circle, #fff, #fff 1px, #FF0000 1px, #FF0000);
    background-size: 7px 7px;
}

/**** assistive-tmode3 ****/

.assistive-tmode3 .assistive-target .assistive-tool-btn-ftmode1 {
    color: #edca00 !important;
    background: #007484 !important; }

.assistive-tmode3 .assistive-target .assistive-tool-btn-ftmode2 {
    color: #fff !important;
    background: #000 !important; }

.assistive-tmode3 .assistive-target .assistive-tool-btn-ftmode3 {
    color: #FFFF00 !important;
    background: #000 !important; }

.assistive-tmode3 .assistive-target .assistive-tool-btn-tmode1 {
    color: #000 !important;
    background: #fff !important; }

.assistive-tmode3 .assistive-target .assistive-tool-btn-tmode2 {
    color: #FF0000 !important;
    background: #fff !important; }

.assistive-tmode3 .assistive-target .assistive-tool-btn-tmode3 {
    color: #0000FF !important;
    background: #fff !important; }

.assistive-tmode3 .assistive-target .modal-content{
    border:solid 1px #0000FF;
}

.assistive-tmode3 .assistive-target.menu-row .container{
    border-top: 1px solid #0000FF;
    border-bottom: 1px solid #0000FF;
}

.assistive-tmode3 .assistive-target.top-toolbar .container{
    border-bottom: 1px dashed #0000FF;
}

.assistive-tmode3 .assistive-target .modal-footer {
    border-top: 1px solid #0000FF;
}

.assistive-tmode3 .assistive-target .modal-header {
    border-bottom: 1px solid #0000FF;
}

.assistive-tmode3 .assistive-target .tab-content,
.assistive-tmode3 .assistive-target .tabs-group .nav-tabs > li > a{

    border-color:#0000FF;
}

.assistive-tmode3 .assistive-target .nav-tabs {
    border-bottom: 1px solid #0000FF;
}

.assistive-tmode3 .assistive-target .form-panel.root-container {
    border: 1px solid #0000FF;
    border-top: none;
}

.assistive-tmode3 .assistive-target .tabs-group .nav-tabs > li.active > a{
    border-bottom: solid 1px #fff;
}

.assistive-tmode3 .assistive-target .tabs-group .nav-tabs > li.disabled > a{
    background: repeating-linear-gradient(
        45deg, #0000FF, #0000FF 1px, #fff 1px, #fff 10px);
    min-height: 100%;
}

.assistive-tmode3 .assistive-target .fieldset-content{
    border-color:#0000FF;
}
.assistive-tmode3 .assistive-target legend{
    border-bottom-color:#0000FF;
}

.assistive-tmode3 .assistive-target .btn-info{
    border-color:#0000FF;
}

.assistive-tmode3 .assistive-target .btn{
    border-color:#0000FF;
}

.assistive-tmode3 .assistive-target .form-input-error{
    border:solid 5px #0000FF;
}

.assistive-tmode3 .assistive-target .alert-danger,
.assistive-tmode3 .assistive-target .alert-primary,
.assistive-tmode3 .assistive-target .alert-success,
.assistive-tmode3 .assistive-target .alert-warning{
    border:solid 5px #0000FF;
}

.assistive-tmode3 .assistive-target .panel-heading{
    border:solid 1px #0000FF;
    border-bottom-style: dashed;
}

.assistive-tmode3 .assistive-target .panel .panel-title a::before{
    border-right: dashed 1px #0000FF;
}

.assistive-tmode3 .assistive-target .panel-collapse{
    border:solid 1px #0000FF;
    border-top:none;
}

.assistive-tmode3 .assistive-target .menu-item{
    border:solid 1px #0000FF;
    border-top:none;
}

.assistive-tmode3 .assistive-target .menu-item:first-child{
    border-top:solid 1px #0000FF;
}

.assistive-tmode3 .assistive-target .navbar-nav > .menu-item{
    border:none;
    border-right:solid 1px #0000FF;
}

.assistive-tmode3 .assistive-target .dropdown-submenu > a::after {
    border-left-color: #0000FF;
}

.assistive-tmode3 .assistive-target .bootstrap-datetimepicker-widget{
    border:solid 1px;
}

.assistive-tmode3 .assistive-target .table-responsive th{

    border:solid 1px #0000FF !important;
    font-weight: bold;
}

.assistive-tmode3 .assistive-target tbody {
    border-bottom: solid 1px #0000FF;
}

.assistive-tmode3 .assistive-target .table-responsive tr td{

    border-bottom:dashed 1px #0000FF !important;

}

.assistive-tmode3 .assistive-target .table > tbody > tr > th{

    border-top: none;
}

.assistive-tmode3 .assistive-target .table > tbody > tr > td {
    padding: 8px;
    line-height: 1.5;
    vertical-align: top;
    border-top: dashed 1px #0000FF !important;
    border-left: dashed 1px #0000FF !important;
    border-right: dashed 1px #0000FF !important;
}

.assistive-tmode3 .assistive-target .dropdown-export .dropdown-menu{
    border:solid 1px #0000FF !important;
}

.assistive-tmode3 .assistive-target .dropdown-export .dropdown-menu a:hover,
.assistive-tmode3 .assistive-target .btn-wide:hover,
.assistive-tmode3 .assistive-target .btn-sm:hover,
.assistive-tmode3 .assistive-target .btn-primary:hover,
.assistive-tmode3 .assistive-target .nav-tabs li:not(.active):not(.disabled) a:hover
{
    background-image: radial-gradient(circle, #0000FF, #0000FF 1px, #fff 1px, #fff);
    background-size: 7px 7px;
}

.assistive-tmode3 .assistive-target .progress-area{
    border:solid 2px #0000FF;
}

.assistive-tmode3 .assistive-target .progress .progress-bar{
    background-color:#0000FF !important;
}

.assistive-tmode3 .assistive-target .assistive-target  .btn-tooltip{
    background-color:#0000FF !important;
    color:#fff !important;
}

.assistive-tmode3 .assistive-target  .btn-tooltip::before {
    border-color: transparent #0000FF transparent transparent;
}

.assistive-tmode3 .assistive-target  .tooltip-box {
    border: 1px solid #0000FF;
}

.assistive-tmode3 .assistive-target  .tooltip-box::after {
    background: #0000FF;
    border-bottom: 1px solid #0000FF;
    border-right: 1px solid #0000FF;
}


/*********************************************************/
/*                    AIDE EN LIGNE                      */
/*********************************************************/

.assistive-tmode3 .assistive-target .page-aide .header .page-title,
.assistive-tmode3 .assistive-target .page-aide .header .page-title ::before,
.assistive-tmode3 .assistive-target .page-aide .header .page-title ::after {
    color: #fff !important;
    background-color: #0000FF !important;
}

.assistive-tmode3 .assistive-target .page-aide .header .page-title [class*="icon-"] {

    color: #fff !important;
    border-right: 1px solid #fff;
}

.assistive-tmode3 .assistive-target .page-aide .wrapper{

    border-left: solid 1px #0000FF;
    border-right: solid 1px #0000FF;
}

.assistive-tmode3 .assistive-target .page-aide .aide-btn-panel{

    border-top: #0000FF solid 1px;
    border-bottom: #0000FF solid 1px;
}

.assistive-tmode3 .assistive-target .aide-btn-panel .btn-info{

    color: #fff !important;
    background-color: #0000FF !important;
}

.assistive-tmode3 .assistive-target .aide-btn-panel .btn-info:hover{

    background-image: radial-gradient(circle, #fff, #fff 1px, #0000FF 1px, #0000FF);
    background-size: 7px 7px;
}