body { font-family: Arial !important;}
form .error {border-color:red !important;}


td,th  {white-space: nowrap;}

.input-group select{
    position: relative;
    top: 1px;
}
select:hover {
	cursor: pointer;
}
select {
	/*-webkit-appearance: none;*/
}
select.useSelect2 {
    height: 32px !important;
}


.editableform-loading {
    background: url('/assets/img/loading.gif') center center no-repeat;  
    height: 25px;
    width: auto; 
    min-width: 25px; 
}
	
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
	
.navbar {
  min-height: 60px;
  background: #fff;
  border-bottom: 3px solid #FC0D1B;
}		

.ace-nav > li {
  height: 60px;
  line-height: 60px;
}
.user-info {
  top: 13px;
  max-width : none;
}

.ace-nav > li > a {
  background-color: #f9f9f9;
  border: 1px solid #e0e0e0;
}
.ace-nav > li.open > a {
  background-color: #fff !important;
  border: 1px solid #e0e0e0;
}
.ace-nav > li > a:hover,
.ace-nav > li > a:focus {
  background-color: #fff;
  border: 1px solid #e0e0e0 !important;
}
.ace-nav > li > a,
.ace-nav > li.open > a,
.ace-nav > li > a > [class*="icon-"] {
  color: #585858 !important;
}

.btn-xs {
    border-width: 1px;
}
.btn-sm {
    border-width: 2px;
}


.dropdown-navbar {
	width: initial;
}


.btn-colorpicker {
    width: 100%;
}


.colorlabel {
	display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #ddd;
    font-size: 85%;
}
.btn-colorpicker {
    border: 1px solid #ddd;
}



div.infosdiv {
	padding: 4px 2px 5px;
	border: 1px solid #e0e2e5;
	background-color: #f8fafc;
}

div.infosdiv div.infodiv {
	display: inline-block;
	padding: 4px 12px!important;
}

td div.infodiv {
	display: block;
}

th div.infodiv {
    display: inline-block;
    padding: 0px 5px!important;
}

.select2-container .select2-choice {
    height: 32px;
    line-height: 30px;
    border: 1px solid #d5d5d5;
    background: #FFF;
}
.select2-container-multi .select2-choices {
    overflow-y: auto;
    max-height: 300px;
}
.select2-drop {
    border-color: #d5d5d5;
    background: #FFF;
}
.select2-drop.select2-without-search .select2-search {
    display: none !important;
}
.select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit {
    background: transparent;
}
.select2-container .select2-choice abbr {
    top: 6px;
}
.select2-container .select2-choice .select2-chosen {
    line-height: 30px;
}
.select2-container-active .select2-choice, 
.select2-container-active .select2-choices, 
.select2-dropdown-open.select2-drop-above .select2-choice, 
.select2-dropdown-open.select2-drop-above .select2-choices, 
.select2-container-multi.select2-container-active .select2-choices {
    border-color: #d5d5d5;
}


.select2-container.form-control {
	height: auto; 
	padding: 0; 
	border: none;
}

.form-filtres .select2-container{
    min-width:200px !important;
}

.form-filtres .select2-container-multi .select2-choices .select2-search-field input {
    width: 100px !important;
}

.form-control.form-label-inline {
	width: initial;	
}

tr.v-align-center > td,
tr.v-align-center > th,
th.v-align-center,
td.v-align-center {
    vertical-align: middle !important;
}

tr.info {
	background-color: #d9edf7;
}
tr.light {
	background-color: #e7e7e7;
}

.btn.btn-white {
    border-width: initial; 
    border-color: #fff;
}

.header-none {
    height: 1px;
	min-height: initial;
    border: none;
}


.datepicker-dropdown { z-index: 1150 !important; }
.blockUI { z-index: 1150!important; }
.tooltip { z-index: 1150!important; }

.tooltip-inner {
	max-width: none;
	text-align: left;
}


.btn {
	margin-left: 1px;
}
.btn-group .btn + .btn-group, .btn-group .btn-group + .btn-group, .btn-group .btn-group + .btn {
	margin-left: 0px;
}
.btn.btn-link {
    color: #000!important;
}
.btn.btn-link.no-padding {
     padding: 0!important;
 }
.btn.btn-link:hover {
    text-decoration: none;
}


.progress {
	min-width: 75px;
	white-space: nowrap;
}
.btn .progress::before {
	position: initial;
}
.btn .progress {
	margin-bottom:-5px;
	display: inline-block;
}

.btn.progress.active::after {
	border-bottom: none;
}


.table-focus th {text-align:center; background: white !important; margin:0; padding:0 5px !important;}

.table-situation th, .table-situation td {border: 1px solid #DDD !important;}
/*.table-situation thead tr:first-child th {border-top: 1px solid #DDD !important;}*/
.table-situation thead tr:last-child th {border-bottom: 3px solid #DDD !important;}
.table-situation td.title {border-left: hidden !important; border-right: hidden !important; height:50px !important;vertical-align: bottom !important;}
.table-situation td.separator {border-left: hidden !important; border-right: hidden !important; height:70px !important; vertical-align: bottom !important;}
.table-situation thead th {text-align:center; background: white !important; margin:0; padding:0 5px !important;}
.table-situation th.header1 {text-align: center; font-size:14px; font-weight: bold; height:25px;}
.table-situation th.header2 {height:20px; font-size:12px; line-height: 12px;}
.table-situation th.header3 {height:22px; font-size:12px; line-height: 12px;}
.table-situation th.headerRED {background:#FC0D1B !important; color:white;}
.table-situation th.headerRED a {color:white;}
.table-situation th.headerRED a:hover {color:#c1c1c1;}
.table-situation th.headerBLACK {background:#000 !important; color:white;}
.table-situation th.headerBLACK a {color:white;}
.table-situation th.headerBLACK a:hover {color:#c1c1c1;}
.table-situation th.headerGREEN {background:#1AAF54 !important; color:white;}
.table-situation th.headerGREEN a {color:white;}
.table-situation th.headerGREEN a:hover {color:#c1c1c1;}

.table-situation td.libelle {text-align:left; font-size: 12px;}
.table-situation td.montant, .table-situation td.ratio, .table-situation td.controle {text-align: right;}
.table-situation td.ratio, .table-situation td.ratio input {font-size: 9px !important;}
.table-situation td.montant, .table-situation td.controle {font-size: 12px !important; line-height: 14.4px;}

.table-situation td {height:27px !important; padding: 3px !important; vertical-align: middle !important;}
.table-situation th {vertical-align: middle !important;}

.table-situation th.montant, .table-situation td.montant {width: 65px;}
.table-situation th.ratio, .table-situation td.ratio {width: 30px;}
.table-situation th.controle, .table-situation td.controle {width: 30px;}
.table-situation th.mensualisation-btn, .table-situation td.mensualisation-btn {width: 20px; border-right: hidden !important;}
.table-situation td.controle i {margin-left: 3px;}

.table-montants td {height:31px; padding:1px !important; font-size: 13px !important;}
.table-montants thead tr:first-child th {border-top: 2px solid #ddd !important;}
.table-montants tbody tr:first-child td {border-top: none;}
.table-montants td input {font-size: 13px !important;}
.table-montants tr td.montant {width: 125px;}
.table-montants tr td.montant span {margin-right: 5px;}

.table-datasArticle {margin-bottom : 4px;}

.table-datasArticle tr.dataArticleChild {background-color: #efefef!important;}
.table-datasArticle tr.dataNotIntegrated {
    /*background-color: #efcc93 !important;*/
    background-color: #fdf1de !important;
}
.table-datasArticle tr.dataNotIntegrated.selected {
    /*background-color: #e2ba65 !important;*/
    background-color: #efcc93 !important;
}
.table-datasArticle tr.dataUpdatedAfterIntegration {
    /*background-color: #85c4ec !important;*/
    background-color: #aecde2 !important;
}
.table-datasArticle tr.dataUpdatedAfterIntegration.selected {
    /*background-color: #5cace4 !important;*/
    background-color: #85c4ec !important;
}
.table-datasArticle tr.selected {background-color: #d4d4d4;}

.table-datasArticle td {
    font-size: 12px;
    padding: 3px !important;
    position: relative;
}
.table-datasArticle td .btn-detail-reel{
    position: absolute;
    left: 1px;
    top: 0px;
}
.table-datasArticle td.cell-without-input {
	padding-left: 8px !important;
}
.table-datasArticle td.cell-input input {
    padding: 3px !important;
}

.legend-color-dataArticle {
    width: 14px;
    height: 9px;
    display: inline-block;
    border: 1px solid #ddd;
}
.legend-color-dataArticle.integrated {
    background-color: #ffffff;
}
.legend-color-dataArticle.notIntegrated {
    background-color: #fdf1de !important;
}
.legend-color-dataArticle.updatedAfterIntegration {
    background-color: #aecde2 !important;
}

div.inline-block {
	display: inline-block;
}

table.table-not-bordered td {
	border: none !important;
}
table tr.no-border {
    border: none !important;
}
table tr.no-border td, table tr.no-border th {
    border: none !important;
}
table td.no-border, table th.no-border {
	border: none !important;
}

table td.no-border-top, table th.no-border-top {
    border-top: none !important;
}
table td.no-border-bottom, table th.no-border-bottom {
    border-bottom: none !important;
}
table td.no-border-left, table th.no-border-left {
    border-left: none !important;
}
table td.no-border-right, table th.no-border-right {
    border-right: none !important;
}

table th.double-border-right, table td.double-border-right {
    border-right-width: 4px !important;
}
table th.double-border-left, table td.double-border-left {
    border-left-width: 4px !important;
}
table th.double-border-top, table td.double-border-top {
    border-top-width: 4px !important;
}
table th.double-border-bottom, table td.double-border-bottom {
    border-bottom-width: 4px !important;
}

table th.triple-border-right, table td.triple-border-right {
    border-right-width: 6px !important;
}
table th.triple-border-left, table td.triple-border-left {
    border-left-width: 6px !important;
}
table th.triple-border-top, table td.triple-border-top {
    border-top-width: 6px !important;
}
table th.triple-border-bottom, table td.triple-border-bottom {
    border-bottom-width: 6px !important;
}


tr.updated td {
    -webkit-animation: updategreen linear 1s 2;
    animation: updategreen linear 1s 2;
}
td.updated {
    -webkit-animation: updategreen linear 1s 2;
    animation: updategreen linear 1s 2;
}


@-webkit-keyframes updategreen {
    50% { background-color: #daf587; }
}
@keyframes updategreen {
    50% { background-color: #daf587; }
}

@-webkit-keyframes updatered {
    50% { background-color: #d15b47; }
    100% { background-color: #d15b47; }
}
@keyframes updatered {
    50% { background-color: #d15b47; }
    100% { background-color: #d15b47; }
}

@-webkit-keyframes updategray {
    50% { background-color: #bfbdbd; }
    100% { background-color: #bfbdbd; }
}
@keyframes updategray {
    50% { background-color: #bfbdbd; }
    100% { background-color: #bfbdbd; }
}



table td.cell-input {
    padding: 0 !important;
    
}
table td.cell-input:hover {
    background: #e6e6e4!important;
}

table td.cell-input input, table td.cell-input select {
    /*color: #393939;*/
}
table td.cell-input input:hover, table td.cell-input select:hover {
    color: #393939;
}


table td.cell-input input,
table td.cell-input select,
table td.cell-input .select2-container,
table td.cell-input .select2-container .select2-choice  {
	width: 100%;
	height: 32px;
	font-size: inherit;
    color: inherit;
	border: none!important;
    background-color: transparent!important;
    border-radius: 0;
}
table td.cell-input input:focus,
table td.cell-input select:focus {
    background-color: transparent!important;
}

table tr.loading,
table tr.loading input,
table tr.loading select,
table tr.loading .select2-container.select2-container-disabled .select2-choice {
    cursor: wait!important;
}

table td.cell-input .select2-container-active .select2-choice {
	border-color: #4492c9!important;
	/*color: #393939;*/
}
table td.cell-input .select2-choice {
   border-color: transparent!important;
   background-color: transparent!important;
   /*color: #393939;*/
}
table td.cell-input .select2-container .select2-choice .select2-arrow {
   background-color: transparent!important;
}
table td.cell-input .select2-container {
   background-color: transparent!important;
}
table td.cell-input .select2-container .select2-choice .select2-arrow b:before, 
table td.cell-input .select2-container .select2-choice abbr:before, .select2-search-choice-close:before{
   /*color: #393939;*/
}

table td.cell-indent {
	padding-left: 35px!important;
}



table th.sortable.sorted.asc a::after {
    content: "\f0d8";
    
    font-family: FontAwesome;
    font-size: 12px;
    display: inline;
    margin-left: 5px;
}
table th.sortable.sorted.desc a::after {
    content: "\f0d7";
    
    font-family: FontAwesome;
    font-size: 12px;
    display: inline;
    margin-left: 5px;
}


.widget-body .table thead:first-child tr {
    background: #f2f2f2;
}


.dropdown-hover:hover > .dropdown-menu {
	display: block;
	position: relative;
	top: -5px;
}

.dropdown-menu li .dropdown-info li a:hover, 
.dropdown-menu li .dropdown-info li a:focus, 
.dropdown-menu li .dropdown-info li a:active, 
.dropdown-menu li .dropdown-info li.active a, 
.dropdown-menu li .dropdown-info li.active a:hover{
	background: #6FB3E0!important;
	color: white!important;
}


.profile-info-row{min-height: 32px;}
.profile-info-name{width:180px;}
.profile-info-value{margin-left:190px;}


td.editableValue, span.editableValue {
	cursor: pointer;
}
td.editableValue:hover, span.editableValue:hover {
    background: #e6e6e4!important;
    cursor: pointer;
}
td.editableValue span, span.editableValue {
	border-bottom: 2px dotted #ddd;
	width: 100%;
    /*min-width: 50px;*/
    display: inline-block;
}
td.editableValue span:empty, span.editableValue:empty {
	position: relative;
	top: 6px;
}



.importedValue {
	cursor: pointer;
}
.importedValue:hover {
    background: #e6e6e4!important;
    cursor: pointer;
}


.font-weight-bold {
	font-weight: bold!important;
}
.font-weight-normal {
	font-weight: normal!important;
}
.font-weight-light {
	font-weight: lighter!important;
}
.font-italic {
	font-style: italic!important;
}

/*
WORKFLOW CLASSES
*/

.i-inProcess{
    color: #6FB3E0;
}

.i-prevalidated{
    color: #FFB752;
}

.i-validated{
    color: #87B87F;
}


.label-inProcess{
    background-color: #6FB3E0!important;
}

.label-prevalidated{
    background-color: #FFB752!important;
}

.label-validated{
    background-color: #87B87F!important;
}

.label-inProcess:before, .label-inProcess:after{
    border-color: #6FB3E0!important;
}

.label-prevalidated:before, .label-prevalidated:after{
    border-color: #FFB752!important;
}

.label-validated:before, .label-validated:after{
    border-color: #87B87F!important;
}


.btn-deprevalidate{
    background-color: #6FB3E0!important;
    border-color: #6FB3E0;
}

.btn-deprevalidate:hover, .btn-deprevalidate:focus{
    background-color: #4F99C6!important;
    border-color: #6FB3E0;
}

.btn-prevalidate{
    background-color: #FFB752!important;
    border-color: #FFB752;
}

.btn-prevalidate:hover, .btn-prevalidate:focus{
    background-color: #E59729!important;
    border-color: #FFB752;
}

.btn-validate{
    background-color: #87B87F!important;
    border-color: #87B87F;
}

.btn-validate:hover, .btn-validate:focus{
    background-color: #629B58!important;
    border-color: #87B87F;
}

.btn-devalidate{
    background-color: #6FB3E0!important;
    border-color: #6FB3E0;
}

.btn-devalidate:hover, .btn-devalidate:focus{
    background-color: #4F99C6!important;
    border-color: #6FB3E0;
}


.transparent .widget-toolbar>.nav-tabs>li.active>a {
    border-top-color: #FC0D1B;
}
.tabs-left>.nav-tabs>li.active>a, .tabs-left>.nav-tabs>li.active>a:focus, .tabs-left>.nav-tabs>li.active>a:hover {
    border-left: 2px solid #FC0D1B;
}
.nav-tabs>li>a:hover {
    color: #FC0D1B;
}
.widget-box.transparent>.widget-header {
    color: #393939;
    border-bottom: 1px solid #DDD !important;
}
.transparent .widget-toolbar>.nav-tabs>li.active>a {
    border-right: 1px solid #DDD !important;
    border-left: 1px solid #DDD !important;
}

input[type=checkbox].ace.ace-switch.ace-switch-6:checked+.lbl::before {
    background-color: #FC0D1B;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    border-top: 2px solid #FC0D1B;
}
.btn-back-message-list:hover {
    color: #000;
}

/* menu color */
.nav-list > li > a:hover:before {
  background-color: #FC0D1B;
}
.nav-list > li.active:after {
  border: 2px solid #FC0D1B;
}
.nav-list li.active > a:after {
  border-right-color: #FC0D1B;
}


.nav-list > li > a:focus,
.nav-list > li > a:hover {
  color: #000;
}


.nav-list > li.active > a, 
.nav-list > li.active > a:hover, 
.nav-list > li.active > a:focus, 
.nav-list > li.active > a:active,
.nav-list > li > .submenu li.open > a {
	color: #000;
}
.nav-list > li.open > a {
	color: #000;
}
.menu-min .nav-list > li.active > a,
.menu-min .nav-list > li:hover > a {
	color: #000;
}
.menu-min .nav-list > li.open:hover > a {
    color: #000;
}
.menu-min .nav-list>li.active>.submenu {
    border-left-color: #ff0000;
}
.nav-list > li .submenu > li.active > a,
.nav-list > li .submenu > li > a:hover,
.nav-list > li .submenu > li.active > a > [class*="icon-"]:first-child {
    color: #000;
}

.nav-list > li > .submenu li.open > a,
.nav-list > li > .submenu li.open > a .arrow {
    color: #000;
}
.nav-list > li > .submenu li > .submenu li.active > a,
.nav-list > li > .submenu li > .submenu li.active > a > [class*="icon-"]:first-child {
	color: #000;
}
.nav-list > li > .submenu li > .submenu > li a:hover,
.nav-list > li > .submenu li > .submenu > li a:hover [class*="icon-"] {
	color: #000;
	text-decoration: none;
}


.nav-list > li a:hover > .arrow,
.nav-list > li.active > a > .arrow,
.nav-list > li.open > a > .arrow {
  color: #000;
}

.nav-lang-flag {
    height: 15px;
}

.dropdown-menu.dropdown-close.pull-right {
    right: 0px;
}

a {
    color: #000000;
}
a:hover {
    color: #ff0000;
    text-decoration: none;
}
a:focus {
    color: #000000;
    text-decoration: none;
}


.pagination > li > a {
	color: #000000;
}

.table thead tr th {
    font-size: 13px;
}

.table thead tr {
    color: #000000;
}

.table thead th {
    background-color: #f2f2f2;
}

:focus {
    outline: none !important;
}




/*
    LOGIN
*/ 

.login-layout .login-box {
	padding: 2px;
    background-color: #FC0D1B;
    position: inherit;
    width: 340px;
    margin: auto;
}

@media only screen and (max-width: 480px){
	.login-layout .login-box .widget-main {
	    padding: 16px 36px 16px 36px;
	}
}
.login-layout {
    background-color: #fff !important;
}
.login-layout .main-content {
    min-height: 100%;
    padding: 0;
    margin: 0;
}

.login-title-img {
	width:480px;
	margin: 80px 15px 15px 15px;
}
.login-subtitle {
	font-size: 18px;
	color: #707070;
	margin: 30px 15px;
}
.login-icon {
	width: 85px;
	display: inline-block;
}
.login-icon-left {
    margin: 15px 0;
}
.login-icon-center {
    margin: 15px 90px;
}
.login-icon-right {
    margin: 15px 0;
}

.login-right-img {
    min-height: 775px;
	height: -webkit-fill-available;
	/*margin: auto;*/
    display: block;
}

.login-left-block {
    min-height: 775px;
    height: -webkit-fill-available;
}
.login-right-block {
    min-height: 775px;
    height: -webkit-fill-available;
}
@media only screen and (max-width: 790px) {
    .login-right-block {
        display: none;
    }
}

.login-footer-img {
	width: 200px;
	margin-top: auto;
}

.main-content.withoutSidenav {
    min-height: 100%;
    padding: 0;
    margin: 0;
}

.layout-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
}
.layout-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
}
.layout, .layout-column, .layout-row {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.flex {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    box-sizing: border-box;
}


/*
    ACCORDION
*/

.accordion-style1.panel-group .panel-heading .accordion-toggle.collapsed {
    color: #000000;
}
.accordion-style1.panel-group .panel-heading .accordion-toggle {
	color: #ff0000;
}
.accordion-style1.panel-group .panel-heading .accordion-toggle:hover {
	color: #ff0000;
}
.accordion-style1.panel-group .panel-heading .accordion-toggle:focus {
	color: #ff0000;
}




/*
    DIVERS
*/

.header-color-dark a, .header-color-dark a:hover, .header-color-dark a:focus {
    color: #fff;
}




.width-max {
    width: 100% !important;
}
.height-max {
    height: 100% !important;
}



/*
	DROPDOWN SUBMENU
*/


.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}



/*
	COMMENTS
*/


    
.commentdiv {
    position: relative;
}
.commentdiv>.body {
	/*min-height: 66px;*/
    /*border: 1px solid #999da2; */
    padding: 5px 8px 8px;
    /*border-left-width: 5px;*/
    margin-top: 6px;
    border-bottom: 1px solid #000;
}
.commentdiv>.body>.name {
    display: block;
    font-weight: bold;
    color: #000;
}
.commentdiv>.body>.time {
	display: block;
    font-size: 11px;
    color: #999da2;
}
.commentdiv>.body>.text {
    display: block;
    position: relative;
    margin-top: 5px;
    padding-left: 7px;
    font-size: 13px;
    white-space: pre;
}
.commentdiv .tools {
    position: absolute;
    right: 5px;
    top: 5px;
}





.commentdiv .commentdiv>.body {
    border-left: 5px solid #FC0D1B;  
    /*border-left-width: 5px;*/
    background-color: #ececec;
}
.commentdiv .commentdiv {
    padding-left: 7px;
}
.commentdiv .commentdiv>.body>.text {
    /*padding-bottom: 0;*/
}




/*
	MODAL
*/

.modal-header {
    background-color: #FAFAFA;
}
.modal-body {
    background-color: #FAFAFA;
}

.modal {
    overflow-y: auto;
}

body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
    margin-right: 0;
}

/*
.modal .modal-body {
	overflow-y: auto;
	max-height: 500px
}
*/

.modal-footer {
    margin-top: 0;
}


.modal-open {
    overflow: initial;
}

.modal-sm {
    width: 300px;
}

.modal-lg {
    width: 900px;
}


/*
	MODAL-LEFT & MODAL-RIGHT
*/

	.modal-right, .modal-left {
		position: fixed;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    left: 0;
	    z-index: 1040;
	    display: none;
    }
    .modal-left .modal-dialog,
	.modal-right .modal-dialog {
	    padding: 0;
		height: 100%;
		width: 500px;
	}
	.modal-right .modal-dialog {
		position: fixed;
	    right: 0;
    	left: initial;
		border-left: 1px solid #e5e5e5;
	}
	.modal-left .modal-dialog {
		position: fixed;
	    right: initial;
    	left: 0;
		border-right: 1px solid #e5e5e5;
	}
	
	

	.modal-left .modal-content,
	.modal-right .modal-content {
		height: 100%;
		border: none;
	}
	
	.modal-left .modal-body,
	.modal-right .modal-body {
		overflow-y: auto;
	    height: 100%;
	    padding-bottom: 120px;
		   /*
		position: fixed;
    	top: 50px;
    	*/
	}
	
	.modal-left .modal-header,
	.modal-right .modal-header {
		
	}
	
	.modal-left .modal-footer,
	.modal-right .modal-footer {
		margin-top: 0; 
		position: fixed;
    	bottom: 0;
		width: 500px;
	}
	
	


/* ----- MODAL STYLE ----- */

    
    .modal-left .modal-dialog,
	.modal-right .modal-dialog {
		-webkit-transform: translate3d(0%, 0, 0);
		    -ms-transform: translate3d(0%, 0, 0);
		     -o-transform: translate3d(0%, 0, 0);
		        transform: translate3d(0%, 0, 0);
	}
	.modal-right.fade .modal-dialog {
		-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
		   -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
		     -o-transition: opacity 0.3s linear, right 0.3s ease-out;
		        transition: opacity 0.3s linear, right 0.3s ease-out;
	}
	
	
	
	/*
	MODAL-LEFT & MODAL-RIGHT
*/

	.modal.left .modal-dialog,
	.modal.right .modal-dialog {
	    padding: 0;
		width: 500px;
	}
	.modal.right .modal-dialog {
		position: fixed;
	    right: 0;
    	left: initial;
	}
	.modal.left .modal-dialog {
		position: fixed;
	    right: initial;
    	left: 0;
	}
	
	
	
	
	
	
/*

*/
.sidebar:before {
    display: none;
}




/*
	TINYMCE
*/


.mce-ico {
    font-size: 13px !important;
    width: 13px !important;
    height: 13px !important;
}

.mce-colorbutton .mce-preview {
    margin-top: 5px !important;
    width: 10px !important;
    margin-left: -18px !important;
}

.mce-menubtn span {
    line-height: 14px !important;
}


.mce-btn button {
	padding: 4px 6px !important;
    line-height: 15px !important;
}

.mce-container, .mce-container *, .mce-widget, .mce-widget *, .mce-reset {
    font-size: 13px !important;
}

.mce-btn .mce-caret {
    margin-top: 6px !important;
}

.mce-listbox .mce-caret {
    margin-top: -2px !important;
}

.dropdown-export li a:hover, 
.dropdown-export li a:focus, 
.dropdown-export li a:active {
    background: inherit;
    color: #000000;
}