/* --------------------------------------------------
   	Table of Contents
-----------------------------------------------------
	:: global layout
	:: box component style
	:: custom btn
	:: custom navbar : ordiges navbar
    :: customized css for extjs components
	:: flag style
	:: Header style
		:: Header breadcrumb
        :: Header search bar component
        :: Header topbar
		:: Header topnav
    :: Helper classes
    :: line separators
    :: modal section
	:: spacing helpers
	:: select2 style
    :: well style
    :: Uncategorised
    :: Ord icons
    :: Titles
        :: page title
    :: Portlet
    :: Notification
    :: color helpers

	Other Styles
    Helper classes
*/
:root {
    --piaEleven-primary-color: #162f4d;
    --piaEleven-primary-light-color: #5c6d82;
    --piaEleven-primary-darker-color: #061225;
    --piaEleven-secondary-color: #25476a;
    --piaEleven-accent-color: #061225;
    --piaEleven-background-color: #162f4d;

    --ordiges-primary-color: #ffffff;
    --ordiges-primary-darker-color: #fffdfd;
    --ordiges-primary-light-color: #b30000;
    --ordiges-accent-color: #b30000;
}

.stay-on-top {
    position: sticky;
    position: -webkit-sticky;
    top: 0px;
    z-index: 1000;
}

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

.fixed-footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
}

.fixed-left-column {
  position: sticky;
  left: 0px;
  background-color: #fafafa;
  border-right: 1px solid #bfbfbf;
}

.fixed-left-column-without-position {
    left: 0px;
    background-color: #fafafa;
    border-right: 1px solid #bfbfbf;
}

.padding-left-0 {
    padding-left: 0 !important;
}

.fixed-right-column {
  position: sticky;
  right: 0px;
  z-index: 10;
  background-color: #fafafa;
  border-left: 1px solid #bfbfbf;
}

.fixed-right-column-without-position {
    right: 0px;
    background-color: #fafafa;
    border-left: 1px solid #bfbfbf;
}

.width-right-column {
  width: 105px;
}

.first-col-50 {
  width: 50px;
  min-width: 50px;
  max-width: 50px;
  right: 32px;
}

.first-col-50-r-0 {
  width: 50px;
  min-width: 50px;
  max-width: 50px;
  right: 0px;
}

.second-col-15 {
  width: 15px;
  min-width: 15px;
  max-width: 15px;
  right: 0px;
}

/* -----------------------------------------
	:: custom navbar : ordiges navbar
----------------------------------------- */
.ord-navbar .navbar-inner {
    background-color: #a90000;
    background-image: -moz-linear-gradient(top, #b30000, #9a0000);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b30000), to(#9a0000));
    background-image: -webkit-linear-gradient(top, #b30000, #9a0000);
    background-image: -o-linear-gradient(top, #b30000, #9a0000);
    background-image: linear-gradient(to bottom, #b30000, #9a0000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb30000', endColorstr='#ff9a0000', GradientType=0);
    background-repeat: repeat-x;
    border: 1px solid #5c0000;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.navbar.ord-navbar .brand {
    color: #ffffff;
    text-shadow: 0 1px 0 #b30000;
}

.ord-navbar .navbar-link {
    color: #ffffff;
}

.ord-navbar .navbar-link:hover {
    color: #e5c5c5;
}

.navbar.ord-navbar .divider-vertical {
    border-left: 1px solid #9a0000;
    border-right: 1px solid #b30000;
}

.navbar.ord-navbar .dropdown-menu li > a{
    padding: 3px 10px;/*En test*/
}

.navbar.ord-navbar .btn-navbar {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #8f0000;
    background-image: -moz-linear-gradient(top, #9a0000, #800000);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9a0000), to(#800000));
    background-image: -webkit-linear-gradient(top, #9a0000, #800000);
    background-image: -o-linear-gradient(top, #9a0000, #800000);
    background-image: linear-gradient(to bottom, #9a0000, #800000);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9a0000', endColorstr='#ff800000', GradientType=0);
    border-color: #800000 #800000 #340000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .075);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .075);
}

.navbar.ord-navbar .btn-navbar:hover,
.navbar.ord-navbar .btn-navbar:active,
.navbar.ord-navbar .btn-navbar.active,
.navbar.ord-navbar .btn-navbar.disabled,
.navbar.ord-navbar .btn-navbar[disabled] {
    color: #ffffff;
    background-color: #800000;
}

.navbar.ord-navbar .btn-navbar:active,
.navbar.ord-navbar .btn-navbar.active {
    background-color: #4d0000   \9;
}

.dropdown-menu{
	z-index: 10000;
}

.test .btn-group {
    position: absolute;
}
.btn-group.btn-group-menu > button:first-child,
.btn-group.btn-group-menu > button:last-child,
.btn-group.btn-group-menu > button {
    background-color: #a90000;
    background-image: -moz-linear-gradient(top, #b30000, #9a0000);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b30000), to(#9a0000));
    background-image: -webkit-linear-gradient(top, #b30000, #9a0000);
    background-image: -o-linear-gradient(top, #b30000, #9a0000);
    background-image: linear-gradient(to bottom, #b30000, #9a0000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb30000', endColorstr='#ff9a0000', GradientType=0);
    background-repeat: repeat-x;
    color: #ffffff;
    height: 38px;
    border: 0;
    margin-left: 0;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-left-radius: 0px;
    margin-right: 0;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-right-radius: 0px;
	text-shadow: 0 0px 0px rgb(255 255 255 / 0%);
/* 	-webkit-box-shadow: inset 0 0px 0 rgb(255 255 255 / 0%), 0 0px 0px rgb(0 0 0 / 0%); */
/*     -moz-box-shadow: inset 0 0px 0 rgba(255,255,255,.2), 0 0px 0px rgba(0,0,0,.05); */
/*     box-shadow: inset 0 0px 0 rgb(255 255 255 / 0%), 0 0px 0px rgb(0 0 0 / 0%); */
}

.btn-group.btn-group-submenu > button:first-child,
.btn-group.btn-group-submenu > button:last-child,
.btn-group.btn-group-submenu > button, 
.btn-group.btn-group-submenu > a.btn {
    background-color: transparent;
    height: 30px;
    border: 0;
    margin-left: 0;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-left-radius: 0px;
    margin-right: 0;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-right-radius: 0px;
	text-shadow: 0 0px 0px rgb(255 255 255 / 0%);
}

.navbar-inner.navbar-submenu {
	background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
}

.btn-group.btn-group-menu > button:first-child a,
.btn-group.btn-group-menu > button a {
	color: #ffffff;
	text-decoration: none;
}

.btn-group.btn-group-menu .caret {
	border-top: 4px solid #ffffff;
}

.btn-group.btn-group-menu + .btn-group.btn-group-menu {
    margin-left: 0px;
}

.btn-group.btn-group-menu > button.active,
.btn-group.btn-group-menu > button:active,
.btn-group.btn-group-menu > button:focus,
.btn-group.btn-group-menu > button:hover {	
    background-color: #800000 !important;
    background-image: -moz-linear-gradient(top, #800000, #800000);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#800000), to(#800000));
    background-image: -webkit-linear-gradient(top, #800000, #800000);
    background-image: -o-linear-gradient(top, #800000, #800000);
    background-image: linear-gradient(to bottom, #800000, #800000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#800000', endColorstr='#800000', GradientType=0);
    background-repeat: repeat-x;
    color: #ffffff;
    height: 38px;
    border: 0;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-left-radius: 0px;
    margin-right: 0;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-right-radius: 0px;
	text-shadow: 0 0px 0px rgb(255 255 255 / 0%);
/*     -webkit-box-shadow: inset 0 0px 0 rgb(255 255 255 / 0%), 0 0px 0px rgb(0 0 0 / 0%); */
/*     -moz-box-shadow: inset 0 0px 0 rgba(255,255,255,.2), 0 0px 0px rgba(0,0,0,.05); */
/*     box-shadow: inset 0 0px 0 rgb(255 255 255 / 0%), 0 0px 0px rgb(0 0 0 / 0%); */
}

#mainMenu div {
	display: none;
}

homeMenuItem,
#mainMenu div:nth-child(1), 
#mainMenu div:nth-child(2),
#mainMenu div:nth-child(3),
#mainMenu div:nth-child(4),
#mainMenu div:nth-child(5),
#mainMenu div:nth-child(6),
#mainMenu div:nth-child(7) {
	display: inline-block;
}
			
#otherMenu li {
	display: block;
}				

#otherMenu li.otherMenuItem:nth-child(1), 
#otherMenu li.otherMenuItem:nth-child(2),
#otherMenu li.otherMenuItem:nth-child(3),
#otherMenu li.otherMenuItem:nth-child(4),
#otherMenu li.otherMenuItem:nth-child(5),
#otherMenu li.otherMenuItem:nth-child(6),
#otherMenu li.otherMenuItem:nth-child(7) {
	display: none;
}

.navbar.ord-navbar .btn-group > .active > a:active,
.navbar.ord-navbar .btn-group > .active > a:hover,
.navbar.ord-navbar .btn-group > .active > a:focus {
    color: #ffffff;
    background-color: #800000;
}

.navbar.ord-navbar .btn-group > li > a {
    color: #ffffff;
    text-shadow: 0 1px 0 #b30000;
    padding: 10px;/*En test*/

}

.navbar.ord-navbar .btn-group > li > a:focus,
.navbar.ord-navbar .btn-group > li > a:hover {
    background-color: #800000;
    color: #e5c5c5;
}

.navbar.ord-navbar .btn-group li.dropdown > a:hover .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}

.navbar.ord-navbar .btn-group li.dropdown.open > .dropdown-toggle,
.navbar.ord-navbar .btn-group li.dropdown.active > .dropdown-toggle,
.navbar.ord-navbar .btn-group li.dropdown.open.active > .dropdown-toggle {
    background-color: #800000;
    color: #ffffff;
}

.navbar.ord-navbar .btn-group li.dropdown > .dropdown-toggle .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}

.navbar.ord-navbar .btn-group li.dropdown.open > .dropdown-toggle .caret,
.navbar.ord-navbar .btn-group li.dropdown.active > .dropdown-toggle .caret,
.navbar.ord-navbar .btn-group li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}

.navbar.ord-navbar .nav > .active > a,
.navbar.ord-navbar .nav > .active > a:hover,
.navbar.ord-navbar .nav > .active > a:focus {
    color: #ffffff;
    background-color: #800000;
}

.navbar.ord-navbar .nav > li > a {
    color: #ffffff;
    text-shadow: 0 1px 0 #b30000;
    padding: 10px;/*En test*/

}

.navbar.ord-navbar .nav > li > a:focus,
.navbar.ord-navbar .nav > li > a:hover {
    background-color: #800000;
    color: #e5c5c5;
}

.navbar.ord-navbar .nav li.dropdown > a:hover .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}

.navbar.ord-navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar.ord-navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar.ord-navbar .nav li.dropdown.open.active > .dropdown-toggle {
    background-color: #800000;
    color: #ffffff;
}

.navbar.ord-navbar .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}

.navbar.ord-navbar .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar.ord-navbar .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar.ord-navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}

/* -----------------------------------------
	:: global layout
----------------------------------------- */
/*
	#header
		.tpbar
			.container
				.span12
		.breadcrumbs
			.container
				.span12
		.top-nav
			.container
				.span12
		.header-bottom
			.container
				.span12
	#main
		.container
			.span12
    #footer
		.container
			.span12
*/

.container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
    width: 960px;
}

.navbar .menu {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

.header .container > .row > .span12,
.main .container > .row > .span12,
#footer .container > .row > .span12 {
    margin: 0 10px 0 30px;
}

/*corriger prob de decalage dans le header */
.header .navbar-inner {
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shaow: none;
    box-shadow: none;
    padding-right: 0;
    padding-left: 0;
    min-height: 25px;
}

.header .navbar {
    margin-bottom: 0;
}

.topbar {
    background-color: #363636;
    background-image: -moz-linear-gradient(top, #3c3c3c, #2f2f2f);
    background-image: -ms-linear-gradient(top, #3c3c3c, #2f2f2f);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3c3c3c), to(#2f2f2f));
    background-image: -webkit-linear-gradient(top, #3c3c3c, #2f2f2f);
    background-image: -o-linear-gradient(top, #3c3c3c, #2f2f2f);
    background-image: linear-gradient(top, #3c3c3c, #2f2f2f);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c3c3c', endColorstr='#2f2f2f', GradientType=0);
    -webkit-box-shadow: inset 0 0 2px 2px #414141;
    -moz-box-shadow: inset 0 0 2px 2px #414141;
    box-shadow: inset 0 0 2px 2px #414141;
    padding: 0px 10px;
}

.breadcrumbs {
    height: 27px;
    border: 1px solid #222222;
    border-top: 0;
    background: #222222;
    -webkit-box-shadow: inset 0 0 2px 1px #313131, 0 1px 5px #080808;
    -moz-box-shadow: inset 0 0 2px 1px #313131, 0 1px 5px #080808;
    box-shadow: inset 0 0 2px 1px #313131, 0 1px 5px #080808;
}

.top-nav {
    margin-top: 20px;
}

.top-nav .container {
    /*background-color: #a90000;*/
    /*background-image: -moz-linear-gradient(top, #b30000, #9a0000);*/
    /*background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b30000), to(#9a0000));*/
    /*background-image: -webkit-linear-gradient(top, #b30000, #9a0000);*/
    /*background-image: -o-linear-gradient(top, #b30000, #9a0000);*/
    /*background-image: linear-gradient(to bottom, #b30000, #9a0000);*/
    /*background-repeat: repeat-x;*/
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb30000', endColorstr='#ff9a0000', GradientType=0);*/
    border: 1px solid #5c0000;
}

.top-nav .container,
.header-bottom .container {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}

.header-bottom {
    margin-top: 7px;
}

.header-bottom .container {   /*todo : remove it*/
    background-color: #fafafa;
    background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
    background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
    border: 1px solid #d4d4d4;
}

.min-height-auto {
	min-height :auto !important;
}

.p-0 {
	padding: 0px !important;
}

.p-5 {
	padding: 5px !important;
}

.p-10 {
	padding: 20px;
}

.p-20 {
	padding: 20px;
}

.pt-0 {
	padding-top: 0px !important;
}

.mt-0 {
	margin-bottom: 0px !important;
}

.mt-2 {
    margin-top: 2px;
}

.mt-5 {
    margin-top: 5px;
}

.mt-7 {
    margin-top: 7px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-15,
.main {
    margin-top: 15px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-22 {
    margin-top: 22px;
}

.mt-23 {
    margin-top: 23px;
}

.mt-25 {
    margin-top: 25px;
}

.m-15 {
	margin: 15px;
}

.m-10 {
	margin: 10px !important;
}

.ml-5 {
    margin-left: 5px;
}

.ml-10 {
	margin-left: 10px;
}

.ml-35 {
    margin-left: 35px !important;
}

.mr-0 {
	margin-right: 0px !important;
}

.mr-5 {
	margin-right: 5px;
}

.mr-10 {
	margin-right: 10px;
}

.mr-15 {
	margin-right: 15px;
}

.ml-20 {
	margin-left: 20px;
}

.mb-0 {
	margin-bottom: 0px !important;
}

.mb-20 {
	margin-bottom: 20px;
}

.mb-40 {
    margin-bottom: 40px;
}

.ml-0 {
	margin-left: 0px;
}

.ml-auto {
    margin-left: auto;
}

.p-10 {
	padding-left: 10px !important;
}

.pl-0 {
	padding-left: 0px !important;
}

.pl-20 {
	padding-left: 20px;
}

.pr-0 {
	padding-right: 0px;
}

.pb-0 {
	padding-bottom: 0px !important;
}

.height-100px {
	height: 100px;
}

.height-20px {
	height: 20px !important;;
}

.table-signaletique {
	margin: 15px;
	width: 97%;
	border: 1px solid #ddd;
}

ul .children-menu-signaletique{
    display:none;
}

ul .parent-menu-signaletique{
    list-style: none;
    display: block;
}

.title-page-config {
	font-size: 21px;
	color: #666666;
	font-family: inherit;
    font-weight: bold;
    text-rendering: optimizelegibility;
    margin-top: 10px;
    margin-left: 10px;
}

.title-table {
    font-size: 21px;
    color: #666666;
    font-family: inherit;
    font-weight: bold;
    margin-top: 10px;
    float: left;
    margin-bottom: 15px;
    margin-left: 10px;
}

.mb-10 {
	margin-bottom: 10px !important;
}

.mb-50 {
	margin-bottom: 50px;
}

.ml-10 {
	margin-left: 10px;
}

.ml-16 {
    margin-left: 1em !important;
}

.p-10 {
	padding: 10px;
}

.pt-5 {
    padding-top: 5px !important;
}

.pt-10 {
	padding-top: 10px !important;
}

.fs-12 {
	font-size: 12px;
}

.fs-15 {
	font-size: 15px;
}

.main > .container {
    background-color: #FFFFFF;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.main .container > .row > .span12 {
    padding: 20px 0 40px 0;
}

.main > .container.ord-unauthenticated {
    background-color: transparent;
}

.main > .container.ord-unauthenticated > .row > .span12 {
    padding: 0;

}

/* -----------------------------------------
	:: Header search bar component
----------------------------------------- */
.ord-search-main {
    padding: 10px 0;
    vertical-align: middle;
}

.ord-search-main table{
    width: 100%;
}

.ord-adv-search-main{
    padding: 0 10px;
    background-color: #FAFAFA;
    background-image: linear-gradient(to bottom, #FFFFFF, #F2F2F2);
    background-repeat: repeat-x;
}

.header .navbar-inner.ord-search-main{
    padding-left: 10px;
    padding-right: 10px;
}

.ord-search-main form,
.ord-search-main td > *,
.ord-search-main .help-block,
.ord-search-main .input-append,
.navbar .btn, .navbar .btn-group,
.ord-search-main .control-group,
.ord-search-main .control-label{
    margin-top: 0;
    margin-bottom: 0;
}

/*todo : to change*/
.ord-search-main.ord-order-search-bar form > *,
.ord-search-main.ord-receipt-search-bar form > *{
    float: left;
    margin-left: 10px;
}

.ord-search-main.ord-invoice-search-bar .control-label{
    width: 268px;
}

.ord-search-main.ord-invoice-search-bar .controls{
     margin-left: 268px;
 }

.ord-search-main .form-horizontal .control-label{
    text-align: left;
}
/* -----------------------------------------
   :: box component style v 1.3
----------------------------------------- */
.ord-box {
    background-color: #ffffff;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 20px;
}

.ord-box1 {
    padding: 10px;
}

.ord-box1.ord-box-small {
    padding: 5px;
}

.ord-box-header {
    padding: 10px 10px 0;
}

.ord-box .ord-box-header.ord-box-header-bordred {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.ord-box .ord-box-header.ord-box-header-backgrounded {
    border-radius: 3px 3px 0 0;
    margin: -1px;
    padding: 10px 11px;
}

.ord-box.ord-box-small .ord-box-header.ord-box-header-bordred {
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
}

.ord-box.ord-box-small .ord-box-header.ord-box-header-backgrounded {
    padding: 5px 6px;
}

.ord-box-small .ord-box-header {
    padding: 5px 5px 0;
}

.ord-box1 .ord-box-header {
    padding: 0;
}

.ord-box1.ord-box-small .ord-box-header {
    padding: 0;
}

.ord-box-header h1,
.ord-box-header h2,
.ord-box-header h3,
.ord-box-header h4,
.ord-box-header h5,
.ord-box-header h6 {
    margin: 0;
    line-height: 20px;
}

.ord-box-body {
    padding: 10px;
}

.ord-box-small .ord-box-body {
    padding: 5px;
}

.ord-box1 .ord-box-body {
    padding: 10px 0;
}

.ord-box1.ord-box-small .ord-box-body {
    padding: 5px 0;
}

.ord-box-footer {
    padding: 0 10px 10px;
    text-align: right;
}

.ord-box .ord-box-footer.ord-box-footer-bordred {
    border-top: 1px solid #ddd;
    padding-top: 10px;
}

.ord-box.ord-box-small .ord-box-footer.ord-box-footer-bordred {
    border-top: 1px solid #ddd;
    padding-top: 5px;
}

.ord-box-small .ord-box-footer {
    padding: 0 5px 5px;
}

.ord-box1 .ord-box-footer {
    padding: 0;
}

.ord-box1.ord-box-small .ord-box-footer {
    padding: 0;
}

.ord-box.ord-like-modal .ord-box-footer {
    padding: 14px 15px 15px;
    background-color: #f5f5f5;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    -moz-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
}

.ord-box-footer:before,
.ord-box-footer:after {
    display: table;
    line-height: 0;
    content: "";
}

.ord-box-footer:after {
    clear: both;
}

.ord-box-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px;
}

.ord-box-footer .btn-block + .btn-block {
    margin-left: 0;
}

.ord-box-footer > .btn-link,
.ord-box-header.text-right > .btn-link {
    padding-right: 0;
}

.ord-box-header > .btn-link,
.ord-box-footer.text-left > .btn-link {
    padding-left: 0;
}

.ord-box-footer .btn-link, .ord-box-header .btn-link {
    padding-top: 0;
    padding-bottom: 0;
}

.ord-box-body ul {
    margin: 0;
}

.ord-box-info {
    background: none repeat scroll 0 0 #F2FBFF;
    border: 1px solid #BECBD1;
}

/*
	TODO : gestion de l'espace qui separe le contenu du body du box
    differents cas possible
    links only
    contenu complex
    contenu avec ou sans un line separator
    ...
    pour le moment c'est géré manuellement
*/

/* -----------------------------------------
   :: custom btn
----------------------------------------- */
/* grey btn */
.ord-btn-grey.active {
    color: rgba(255, 255, 255, 0.75);
}

.ord-btn-grey {
    color: #ffffff;
    background: #999999;
    background: -moz-linear-gradient(top, #E6E6E6 0%, #BDBDBD 2%, #999999 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E6E6E6), color-stop(2%, #BDBDBD), color-stop(100%, #999999));
    background: -webkit-linear-gradient(top, #E6E6E6 0%, #BDBDBD 2%, #999999 100%);
    background: -o-linear-gradient(top, #E6E6E6 0%, #BDBDBD 2%, #999999 100%);
    background: -ms-linear-gradient(top, #E6E6E6 0%, #BDBDBD 2%, #999999 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E6E6E6', endColorstr='#999999', GradientType=0);
    background: linear-gradient(top bottom, #E6E6E6 0%, #BDBDBD 2%, #999999 100%);
    background-repeat: repeat-x;
    border-color: #888;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.ord-btn-grey:hover,
.ord-btn-grey:active,
.ord-btn-grey.active,
.ord-btn-grey.disabled,
.ord-btn-grey[disabled] {
    color: #fff;
    background: #888888;
}

.btn-group.open .ord-btn-grey.dropdown-toggle {
    background-color: #888888;
}

.ord-btn-grey .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}


/* -----------------------------------------
	:: customized css for extjs components
----------------------------------------- */
.x-grid-button-export-xml, /* todo: remove*/
.x-grid-button-exportXML {
    background-image: url(../img/extjs/icon_xml.gif) !important
}

.x-grid-button-load-cart {
    background-image: url(../img/extjs/load-cart-16-16.png) !important
}

.x-grid-button-details-preference {
    background-image: url(../img/extjs/preferences-detail-16-16.png) !important
}

.x-grid-button-exportXLS, /* todo: remove*/
.x-grid-button-export-xls {
    background-image: url(../img/extjs/icon_xls.gif) !important
}

.x-grid-button-copy {
    background-image: url(../img/extjs/people_copy.gif) !important
}

.x-grid-button-edit {
    background-image: url(../img/extjs/people_edit.gif) !important
}

.x-grid-button-editArt {
    background-image: url(../img/extjs/people_edit.gif) !important
}

.x-grid-button-add {
    background-image: url(../img/extjs/add.gif) !important
}

.x-grid-button-delete {
    background-image: url(../img/extjs/delete.gif) !important
}

.x-grid-button-disconnect {
    background-image: url(../img/extjs/disconnect.gif) !important
}

.x-grid-button-info {
    background-image: url(../img/extjs/information.gif) !important
}

.x-grid-button-tvaplus {
    background-image: url(../img/extjs/bt_TvaPlus.gif) !important
}

.x-grid-button-tvaminus {
    background-image: url(../img/extjs/bt_TvaMinus.gif) !important
}

.x-grid-button-extourn {
    background-image: url(../img/extjs/extourne.gif) !important
}

.x-butoon-accept {
    background-image: url(../img/extjs/accept.gif) !important
}

.x-butoon-close {
    background-image: url(../img/extjs/cancel.gif) !important
}

.x-butoon-save {
    background-image: url(../img/extjs/disk.gif) !important
}

.x-butoon-zoomIn {
    background-image: url(../img/extjs/zoom_in.gif) !important
}

.x-button-option {
    background-image: url(../img/extjs/option.gif) !important
}

.x-button-search {
    background-image: url(../img/extjs/search.gif) !important
}

.x-button-moreinfo {
    background-image: url(../img/extjs/ico_cat_moreinfo.gif) !important;
    width: 20px !important
}

.x-button-lessinfo {
    background-image: url(../img/extjs/ico_cat_hideinfo.gif) !important;
    width: 20px !important
}

.x-grid-button-check {
    background-image: url(../img/extjs/check.gif) !important
}

.x-grid-button-integrate {
    background-image: url(../img/extjs/integrate.gif) !important
}

.x-form-button-lookup {
    background-image: url(../img/extjs/form_extrasearch.gif) !important
}

/* -----------------------------------------
   :: flag style
   calculate flag position
   column y - 1 * 36
   line   x - 1 * 31
----------------------------------------- */
[class^="flag-"], [class*=" flag-"] {
    display: inline-block;
    margin-top: 2px;
    width: 16px;
    height: 11px;
    line-height: 11px;
    vertical-align: text-top;
    background-image: url("../../application/img/flags.png");
    background-repeat: no-repeat;
    background-position: -36px -434px;
}

.flag-de {
    background-position: 0 -1705px;
}

.flag-en,
.flag-gb {
    background-position: -36px -434px;
}

.flag-fr { /* position : column=2 - line=13 */
    background-position: -36px -372px;
}

.flag-nl {
    background-position: -72px -1086px;
}

.flag-it {
    background-position: -36px -1178px;
}

.flag-pl { /* position : column=3 - line=49  */
    background-position: -72px -1488px; 
}

/* -----------------------------------------
	:: header breadcrumb
----------------------------------------- */
.breadcrumbs .breadcrumb {
    background: none repeat scroll 0 0 transparent;
    border-radius: 0 0 0 0;
    margin: 0;
    padding: 2px 0;
}

.breadcrumbs .breadcrumb  > li {
    text-shadow: 0 0 0 transparent;
}

.breadcrumbs  .breadcrumb > li > a {
    color: #888888;
}

.breadcrumbs .breadcrumb > li > .divider {
    padding: 0 10px;
    color: #888888;
}

.breadcrumbs  .breadcrumb  > li > a i {
    opacity: 0.3;
    filter: alpha(opacity=30);
    padding-right: 2px;
}

.breadcrumbs .breadcrumb > li > a:hover,
.breadcrumbs .breadcrumb > li.active {
    color: #ffffff;
}

.breadcrumbs  .breadcrumb > li > a:hover i {
    opacity: 1;
    filter: alpha(opacity=100);
}

/*@temporary*/
/* show search bar component in a modal*/
.ord-search-main-in-modal{
    margin: 10px 0;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.067);
    background-color: rgb(250, 250, 250);
    background-image: linear-gradient(to bottom, rgb(255, 255, 255), rgb(242, 242, 242));
    background-repeat: repeat-x;
    border: 1px solid rgb(212, 212, 212);
}

.ord-modal-xxlarge .ord-search-main > .row > .span7{
    width: 520px
}

.ord-modal-xxlarge .ord-search-main > .row > .span4{
    width: 280px;
}

/* -----------------------------------------
	:: Header topbar
----------------------------------------- */

/* application logo */
.topbar .ord-app-logo {
    float: left;
    margin: 11px 5px 15px 0;
}

/* application logo */
.topbar .p2p-version {
    float: left;
    margin: 20px 10px 0 5px;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 14px;
}

.topbar .ordiges-version {
    float: left;
    margin: 20px 10px 0 5px;
    font-weight: bold;
    color: #da4040;
    font-size: 14px;
}

/* connected-company */
.topbar .ord-connected-info .ord-connected-company {
	text-decoration: none;
	color: rgba(0, 0, 0, 0.57);
}

.topbar .ord-connected-info {
    color: #FFFFFF;
    font-weight: bold;
    margin: 10px 10px 0px 10px;
}

.topbar .dropdown-menu {
    padding: 10px;
}

.topbar .btn.dropdown-toggle {
    height: 28px;
    line-height: 28px;
    line-height: 26px   \9;
    padding: 0 12px;
}

.topbar .btn.dropdown-toggle .caret {
    vertical-align: middle;
    margin-top: 0;
}

.topbar .ord-user .dropdown-menu ul {
    width: 208px;
}

.topbar .ord-user .dropdown-toggle .ord-truncate {
    width: 60px;
}

/* agent entity menu */
.topbar .organization-roles-list .dropdown-toggle .ord-truncate {
    width: 130px;
}

.ord-padding-icon {
    margin-left: 80px;
}

.topbar .organization-roles-list .without-ico {
    text-indent: 18px;
}

.topbar .dropdown-menu li > a {
    padding: 3px 0;
}

.topbar .ord-right-btn > .btn-group > .btn {
    padding: 0 10px;
}

/*desactiver style par defaut bootstrap dans le dropdown*/
.dropdown-menu.ord-simple-menu li > a {
    display: inline-block;
}
.dropdown-menu.ord-simple-menu.dropdown-menu-right {
    left:auto;
    right: 0;
}
.dropdown-menu.ord-simple-menu li > a:hover,
.dropdown-menu.ord-simple-menu li > a:focus,
.dropdown-submenu.ord-simple-menu:hover > a,
.dropdown-menu.ord-simple-menu .active > a,
.dropdown-menu.ord-simple-menu .active > a:hover {
    color: #333333;
    text-decoration: underline;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

/* favorites and company menu */

.topbar .ord-company .dropdown-toggle .ord-truncate {
	width: 50px;
}

.topbar .ord-favorites .dropdown-toggle .ord-truncate {
    width: 100px;
}

.topbar .ord-company .dropdown-menu {
	width: 200px;
}

.topbar .ord-favorites .dropdown-menu {
    width: 380px;
}

.topbar .ord-favorites .ord-fav-categ-element, 
.topbar .ord-company .ord-fav-categ-element {
    padding-left: 15px;
}

.topbar .ord-favorites .dropdown-menu a,
.topbar .ord-favorites .dropdown-menu a:hover, 
.topbar .ord-company .dropdown-menu a,
.topbar .ord-company .dropdown-menu a:hover {
    /*to optimize*/
    color: #164A7E;
}

.topbar .ord-favorites .dropdown-menu h5,
.topbar .ord-company .dropdown-menu h5 {
    line-height: 24px;
    margin: 0;
}

.topbar .organization-roles-list > a:first-child,
.topbar .ord-favorites > a:first-child,
.topbar .ord-company > a:first-child,
.ord-counter-ico .label-important {
    background: #b50000;
    background: -moz-linear-gradient(top, #b50000 0%, #960001 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b50000), color-stop(100%, #960001));
    background: -webkit-linear-gradient(top, #b50000 0%, #960001 100%);
    background: -o-linear-gradient(top, #b50000 0%, #960001 100%);
    background: -ms-linear-gradient(top, #b50000 0%, #960001 100%);
    background: linear-gradient(to bottom, #b50000 0%, #960001 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b50000', endColorstr='#960001', GradientType=0);
    color: #ffffff;
}

.topbar .ord-cart > a:first-child {
    transition: all 0.4s ease-in-out;
}

.topbar .ord-btn-cart > a:first-child {
    background: linear-gradient(to bottom, #f89406, #a90000);
    transition: all 0.4s ease-in-out;
}

.topbar .ord-cart > a:first-child:hover {
    transform: scale(1.2);
}

.topbar .ord-cart > a:first-child:hover .icon-white {
    transform: scale(2);
}

/* messages menu */
.topbar .ord-messages .dropdown-menu {
    min-width: 300px;
}

/* ord-separator : @deprecated */
.topbar .ord-messages .dropdown-menu li.ord-separator {
    /*to optimize*/
    border-bottom: 1px solid #ccc;
    text-align: right;
}

.topbar .ord-messages .dropdown-menu li.ord-separator a {
    /*to optimize*/
    color: #21759B;
}

.topbar .ord-messages .dropdown-menu p {
    white-space: normal;
    margin: 0;
}

/* cart menu*/
.topbar .ord-cart .dropdown-menu {
    width: 300px;
}

.topbar .ord-cart .dropdown-menu .ord-truncate {
    width: 254px;
}

/* languages menus */
.topbar  .ord-language .dropdown-menu {
    min-width: 40px;
}

.topbar  .ord-language .dropdown-menu i {
    padding-left: 6px;
}

.topbar .ord-right-btn {
    margin-left: 16px;
}

/*topbar tooltip */
.topbar .tooltip .tooltip-inner {
    background-color: #CC0000;
}

.topbar .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #CC0000;
}

/* -----------------------------------------
	:: Header topnav
----------------------------------------- */
.top-nav .dropdown .dropdown-menu .btn-group .dropdown-menu {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.top-nav .dropdown .dropdown-menu .btn-group .dropdown-menu.pull-right {
    right: 0;
}

/* search menu */
.top-nav .ord-search-menu {
    padding: 10px;
    /*width: 615px;*/
    width: 552px;
    height: 31px;
}

.top-nav .ord-search-menu .btn-group {
    margin-top: 0;
}

/* -----------------------------------------
   :: Helper classes
----------------------------------------- */

.ord-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap;
    display: inline-block;
    width: 100%;
}

.ord-truncate-folder {
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap;
    display: -webkit-inline-flex;
}

.ord-underline {
    text-decoration: underline;
}

a.ord-underline:hover {
    text-decoration: underline;
}

a.ord-not-deco,
a.ord-not-deco:hover {
    text-decoration: none;
}

/*@deprecated : to change*/
a.ord-deco-underline,
a.ord-deco-underline:hover {
    text-decoration: underline;
}

a.ord-inverse-deco {
    text-decoration: underline;
}

a.ord-inverse-deco:hover {
    text-decoration: none;
}

.ord-bordred {
    border: 1px solid #ccc;
}

.ord-bordred-lilet {
    border: 1px solid #0f0f0f;
}

.ord-bordred-rounded {
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.ord-full-width {
    width: 100%;
}

.ord-table-layout-fixed {
    table-layout: fixed
}

.ord-full-height {
    height: 100%;
}

/*todo : add to the doc*/
.ord-pointer{
    cursor: pointer;
}

.purchase-collapse-link{
    color: #000000;
    font-weight: bold;
}


/* Lists */
ul.ord-square, ul.ord-only-square {
    list-style-type: square;
}

ul.ord-only-square li ul {
    list-style: inherit;
}

ul.ord-circle, ul.ord-only-circle {
    list-style-type: circle;
}

ul.ord-only-circle li ul {
    list-style: inherit;
}

ul.ord-disc, ul.ord-only-disc {
    list-style-type: disc;
}

ul.ord-only-disc li ul {
    list-style: inherit;
}

ul.ord-no-bullet {
    list-style: none;
}

ul.ord-square > li > ul {
    list-style: disc;
}

ul.ord-square > li > ul li ul {
    list-style: circle;
}

ul.ord-circle > li > ul {
    list-style: square;
}

ul.ord-circle > li > ul > li ul {
    list-style: disc;
}

ul.ord-disc > li > ul {
    list-style: circle;
}

ul.ord-disc > li > ul > li ul {
    list-style: square;
}

/*ul.large li { line-height: 21px; }*/

.ord-container {
    margin-left: auto;
    margin-right: auto;
}

.ord-no-border {
    border: none;
}

.ord-bold {
    font-weight: bold;
}

.ord-inline {
    display: inline;
}

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

.ord-block {
    display: block;
}

.ord-vert-top {
    vertical-align: top;
}

.ord-vert-bottom {
    vertical-align: bottom;
}

.ord-vert-middle {
    vertical-align: middle;
}

.table th.text-left,
.table td.text-left,
.text-left {
    text-align: left;
}

.table th.text-right,
.table td.text-right,
.text-right {
    text-align: right;
}

.table th.text-center,
.table td.text-center,
.text-center {
    text-align: center;
}

.text-justify{
	/*todo : add to doc*/
	text-align: justify;
}

.table th.ord-numeric,
.table th.ord-negatif-numeric,
.table td.ord-numeric,
.table td.ord-negatif-numeric,
.ord-numeric, .ord-negatif-numeric {
    text-align: right;
}

.table td.stockItem-info {
    padding: 2px;
	border-top: none;
}

.stockItem-search-result .form-horizontal .control-label {
	float: left;
	margin-right: 1px;
	text-align: left;
	width: auto;
}

.stockItem-search-result .form-horizontal .controls {
	margin-left: 125px;
	text-align: left;
	width: auto;
}

.ord-hidden,
[class*="span"].ord-hidden{
    /*todo : add to doc*/
    visibility: hidden;
    display: none;
}

/* -----------------------------------------
   :: line separators
----------------------------------------- */
hr.ord-hr-xxlarge {
    margin: 30px 0;
}

hr.ord-hr-xlarge {
    margin: 25px 0;
}

hr.ord-hr-large {
    margin: 20px 0;
}

hr {
    margin: 15px 0;
    border-top: 1px solid #ddd;
    border-bottom: 0;

}

hr.ord-hr-medium {
    margin: 10px 0;
}

hr.ord-hr-small {
    margin: 7px 0;
}

hr.ord-hr-mini {
    margin: 5px 0;
}

hr.ord-hr-bold{
    border-top-width: 2px;
}

hr.ord-hr-primary{
border-top-color: #006dcc;
}
hr.ord-hr-success{
    border-top-color: #5bb75b;
}
hr.ord-hr-info{
    border-top-color: #49afcd;
}
hr.ord-hr-warning{
    border-top-color: #faa732;
}
hr.ord-hr-danger{
    border-top-color: #da4f49;
 }
/* -----------------------------------------
   :: modal section
----------------------------------------- */

/**
 *  modal section
 *
 * .ord-modal-mini
 * .ord-modal-small
 * .modal              width : 560px
 * .ord-modal-large	   width:  733px
 * .ord-modal-xlarge   width : 845px
 * .ord-modal-xxlarge  width : 940px
 */

.ord-modal-large {
    left: 44.5%;
    width: 733px;
}

.ord-modal-xlarge {
    width: 845px;
    left: 41%;
}

.ord-modal-xxlarge {
    width: 940px;
    left: 38%;

}

.ord-modal-xxxlarge {
    width: 1110px;
    left: 36%;
}

.ord-modal-xxxxlarge {
    width: 1200px;
    left: 29%;
}

.input-symbol {
    display: inline-flex;
    justify-content: center;
    min-width: 2.3em;
}

.radio-button-group {
    float: left;
    margin-left:10px;
    margin-top: -0.5em;
}

.ord-modal-xlarge > .modal-body,
.ord-modal-xxlarge > .modal-body {
    max-height: 600px;
    min-height: 200px;
}

.modal textarea.input-xxlarge {
    width: 515px;
}

.ord-modal-mixed > .modal-body {
    padding: 0;
	max-height: none; /* max-height: 600px;*/  /* in the case of mixed model the max-height is added to .modal-body-content */
}

.modal-body-content {
	padding: 15px;
	position: relative;
	overflow-y: auto;
	max-height: 480px;
}

.modal-body-content iframe {
	min-height: 480px;
	width: 100%;
}

.modal-body > div > .modal-header > .close {
    margin-left: 20px;
}

.modal-body > div > .modal-header:before,
.modal-body > div > .modal-header:after {
    display: table;
    content: "";
    line-height: 0;
}

.modal-body > div > .modal-header:after {
    clear: both;
}

.ord-modal-mask {
    background-color:gray;
    opacity:0.2;position:absolute;
    height: 100%;
    width: 100%;
    z-index: 6000;
}

.ord-modal-litTet-mask {
    background-color:white;
    opacity:1;
    position:absolute;
    height: 100%;
    width: 100%;
    z-index: 6000;
}

.ord-modal-loader {
    position: absolute;
    top: 35%;
    left: 45%;
    z-index: 6001;
    width: 50px;
    height: 50px;
}

/* -----------------------------------------
	:: spacing helpers
----------------------------------------- */
/* spacing helpers
 * pad,marg = padding,margin
 * all,top,right,bottom,left,horizontal(horiz),vertical(vert)
 * none (0), nano( 3px), micro(5px), mini (7px), small(10), medium(15), large( 20), xlarge(30), xxlarge( 50)
*/
.pad-top-none, .pad-vert-none, .pad-all-none {
    padding-top: 0 !important
}

.pad-top-nano, .pad-vert-nano, .pad-all-nano {
    padding-top: 3px !important
}

.pad-top-micro, .pad-vert-micro, .pad-all-micro {
    padding-top: 5px !important
}

.pad-top-mini, .pad-vert-mini, .pad-all-mini {
    padding-top: 7px !important
}

.pad-top-small, .pad-vert-small, .pad-all-small {
    padding-top: 10px !important
}

.pad-top-medium, .pad-vert-medium, .pad-all-medium {
    padding-top: 15px !important
}

.pad-top-large, .pad-vert-large, .pad-all-large {
    padding-top: 20px !important
}

.pad-top-xlarge, .pad-vert-xlarge, .pad-all-xlarge {
    padding-top: 30px !important
}

.pad-top-xxlarge, .pad-vert-xxlarge, .pad-all-xxlarge {
    padding-top: 50px !important
}

.pad-right-none, .pad-horiz-none, .pad-all-none {
    padding-right: 0 !important
}

.pad-right-nano, .pad-horiz-nano, .pad-all-nano {
    padding-right: 3px !important
}

.pad-right-micro, .pad-horiz-micro, .pad-all-micro {
    padding-right: 5px !important
}

.pad-right-mini, .pad-horiz-mini, .pad-all-mini {
    padding-right: 7px !important
}

.pad-right-small, .pad-horiz-small, .pad-all-small {
    padding-right: 10px !important
}

.pad-right-medium, .pad-horiz-medium, .pad-all-medium {
    padding-right: 15px !important
}

.pad-right-large, .pad-horiz-large, .pad-all-large {
    padding-right: 20px !important
}

.pad-right-xlarge, .pad-horiz-xlarge, .pad-all-xlarge {
    padding-right: 30px !important
}

.pad-right-xxlarge, .pad-horiz-xxlarge, .pad-all-xxlarge {
    padding-right: 50px !important
}

.pad-bottom-none, .pad-vert-none, .pad-all-none {
    padding-bottom: 0 !important
}

.pad-bottom-nano, .pad-vert-nano, .pad-all-nano {
    padding-bottom: 3px !important
}

.pad-bottom-micro, .pad-vert-micro, .pad-all-micro {
    padding-bottom: 5px !important
}

.pad-bottom-mini, .pad-vert-mini, .pad-all-mini {
    padding-bottom: 7px !important
}

.pad-bottom-small, .pad-vert-small, .pad-all-small {
    padding-bottom: 10px !important
}

.pad-bottom-medium, .pad-vert-medium, .pad-all-medium {
    padding-bottom: 15px !important
}

.pad-bottom-large, .pad-vert-large, .pad-all-large {
    padding-bottom: 20px !important
}

.pad-bottom-xlarge, .pad-vert-xlarge, .pad-all-xlarge {
    padding-bottom: 30px !important
}

.pad-bottom-xxlarge, .pad-vert-xxlarge, .pad-all-xxlarge {
    padding-bottom: 50px !important
}

.pad-left-none, .pad-horiz-none, .pad-all-none {
    padding-left: 0 !important
}

.pad-left-nano, .pad-horiz-nano, .pad-all-nano {
    padding-left: 3px !important
}

.pad-left-micro, .pad-horiz-micro, .pad-all-micro {
    padding-left: 5px !important
}

.pad-left-mini, .pad-horiz-mini, .pad-all-mini {
    padding-left: 7px !important
}

.pad-left-small, .pad-horiz-small, .pad-all-small {
    padding-left: 10px !important
}

.pad-left-medium, .pad-horiz-medium, .pad-all-medium {
    padding-left: 15px !important
}

.pad-left-large, .pad-horiz-large, .pad-all-large {
    padding-left: 20px !important
}

.pad-left-xlarge, .pad-horiz-xlarge, .pad-all-xlarge {
    padding-left: 30px !important
}

.pad-left-xxlarge, .pad-horiz-xxlarge, .pad-all-xxlarge {
    padding-left: 50px !important
}

.marg-top-none, .marg-vert-none, .marg-all-none {
    margin-top: 0 !important
}

.marg-top-nano, .marg-vert-nano, .marg-all-nano {
    margin-top: 3px !important
}

.marg-top-micro, .marg-vert-micro, .marg-all-micro {
    margin-top: 5px !important
}

.marg-top-mini, .marg-vert-mini, .marg-all-mini {
    margin-top: 7px !important
}

.marg-top-small, .marg-vert-small, .marg-all-small {
    margin-top: 10px !important
}

.marg-top-medium, .marg-vert-medium, .marg-all-medium {
    margin-top: 15px !important
}

.marg-top-large, .marg-vert-large, .marg-all-large {
    margin-top: 20px !important
}

.marg-top-xlarge, .marg-vert-xlarge, .marg-all-xlarge {
    margin-top: 30px !important
}

.marg-top-xxlarge, .marg-vert-xxlarge, .marg-all-xxlarge {
    margin-top: 50px !important
}

.marg-right-none, .marg-horiz-none, .marg-all-none {
    margin-right: 0 !important
}

.marg-right-nano, .marg-horiz-nano, .marg-all-nano {
    margin-right: 3px !important
}

.marg-right-micro, .marg-horiz-micro, .marg-all-micro {
    margin-right: 5px !important
}

.marg-right-mini, .marg-horiz-mini, .marg-all-mini {
    margin-right: 7px !important
}

.marg-right-small, .marg-horiz-small, .marg-all-small {
    margin-right: 10px !important
}

.marg-right-medium, .marg-horiz-medium, .marg-all-medium {
    margin-right: 15px !important
}

.marg-right-large, .marg-horiz-large, .marg-all-large {
    margin-right: 20px !important
}

.marg-right-xlarge, .marg-horiz-xlarge, .marg-all-xlarge {
    margin-right: 30px !important
}

.marg-right-xxlarge, .marg-horiz-xxlarge, .marg-all-xxlarge {
    margin-right: 50px !important
}

.marg-bottom-none, .marg-vert-none, .marg-all-none {
    margin-bottom: 0 !important
}

.marg-bottom-nano, .marg-vert-nano, .marg-all-nano {
    margin-bottom: 3px !important
}

.marg-bottom-micro, .marg-vert-micro, .marg-all-micro {
    margin-bottom: 5px !important
}

.marg-bottom-mini, .marg-vert-mini, .marg-all-mini {
    margin-bottom: 7px !important
}

.marg-bottom-small, .marg-vert-small, .marg-all-small {
    margin-bottom: 10px !important
}

.marg-bottom-medium, .marg-vert-medium, .marg-all-medium {
    margin-bottom: 15px !important
}

.marg-bottom-large, .marg-vert-large, .marg-all-large {
    margin-bottom: 20px !important
}

.marg-bottom-xlarge, .marg-vert-xlarge, .marg-all-xlarge {
    margin-bottom: 30px !important
}

.marg-bottom-xxlarge, .marg-vert-xxlarge, .marg-all-xxlarge {
    margin-bottom: 50px !important
}

.marg-left-none, .marg-horiz-none, .marg-all-none {
    margin-left: 0 !important
}

.marg-left-nano, .marg-horiz-nano, .marg-all-nano {
    margin-left: 3px !important
}

.marg-left-micro, .marg-horiz-micro, .marg-all-micro {
    margin-left: 5px !important
}

.marg-left-mini, .marg-horiz-mini, .marg-all-mini {
    margin-left: 7px !important
}

.marg-left-small, .marg-horiz-small, .marg-all-small {
    margin-left: 10px !important
}

.marg-left-medium, .marg-horiz-medium, .marg-all-medium {
    margin-left: 15px !important
}

.marg-left-large, .marg-horiz-large, .marg-all-large {
    margin-left: 20px !important
}

.marg-left-xlarge, .marg-horiz-xlarge, .marg-all-xlarge {
    margin-left: 30px !important
}

.marg-left-xxlarge, .marg-horiz-xxlarge, .marg-all-xxlarge {
    margin-left: 50px !important
}

.marg-left-xxxlarge, .marg-horiz-xxxlarge, .marg-all-xxxlarge {
    margin-left: 73px !important
}

.ord-no-spacing {
    margin: 0 !important;
    padding: 0 !important;
}

/* -----------------------------------------
   :: select2 style
----------------------------------------- */
/* patch for the version 3.4.0 */
.main .select2-offscreen, .main .select2-offscreen:focus {
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    border: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: absolute;
    outline: 0;
    left: 0px;
}

/* End patch */

.select2-container.select2-container-active .select2-choice,
.select2-container.select2-container-active .select2-choices,
.select2-container.select2-container-multi.select2-container-active .select2-choices {
    border-color: transparent;
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted   \9; /* IE8-9 */
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
}

.select2-container.input-large {
    width: 224px;
}

.select2-container.input-xlarge {
    width: 284px;
}

.select2-container.input-medium {
    width: 164px;
}

.select2-container .select2-choice {
    border: 1px solid #ccc;
    padding: 4px 6px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
}

.select2-container .select2-choice div {
    border-left: 1px solid #ccc;
}

.select2-dropdown-open .select2-choice div {
    border-left: medium none;
}

.select2-search input {
    padding: 0 5px   \9; /* @bugFix IE8 */
}

.select2-search input:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.select2-dropdown-open .select2-choice,
.select2-container .select2-choice {
    background-image: none;
    background-color: #ffffff;
}

.select2-container.error a {
  color: #b94a48;
}

.select2-container.error a {
  border-color: #b94a48;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.select2-container.select2-container-active.error a {
  border-color: #953b39;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}

.select2-container.warning a {
  color: #c09853;
}

.select2-container.warning a {
  border-color: #c09853;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.select2-container.select2-container-active.warning a {
  border-color: #a47e3c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
}


.select2-container.success a {
  color: #468847;
}
.select2-container.success a {
  border-color: #468847;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.select2-container.select2-container-active.success a {
  border-color: #356635;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
}

.select2-fix-row-padding {
	padding-bottom: 9px;
}

/* -----------------------------------------
   :: well style
----------------------------------------- */
/**
  *  ord-well-mini    : padding : 5
  *  well-small  	  : padding : 9
  *  well        	  : padding : 19
  *  well-large       : padding : 24
  *  ord-well-xlarge  : padding : 30
  *  ord-well-xxlarge : padding : xx
  */

.ord-well-mini {
    padding: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 10px;
}

.ord-well-xlarge {
    padding: 30px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

/* -----------------------------------------
   :: Uncategorised
----------------------------------------- */

/*@deprecated*/
.ord-caption {
    background: none repeat scroll 0 0 #E4E4E4;
    color: #333333;
    font-size: 14px; /*TODO supprimer*/
    padding: 20px 20px;
    text-align: center;
}

.ord-or-separator {
    line-height: 20px; /* TODO : voir utilite */
    margin-left: 14px;
    padding: 5px 0;
    vertical-align: middle;
}

.ord-default-bg {
    background: #b50000;
    background: -moz-linear-gradient(top, #b50000 0%, #960001 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b50000), color-stop(100%, #960001));
    background: -webkit-linear-gradient(top, #b50000 0%, #960001 100%);
    background: -o-linear-gradient(top, #b50000 0%, #960001 100%);
    background: -ms-linear-gradient(top, #b50000 0%, #960001 100%);
    background: linear-gradient(to bottom, #b50000 0%, #960001 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b50000', endColorstr='#960001', GradientType=0);
    color: #ffffff;
}

ul.ord-links-list li {
    padding: 3px 0;
}

ul.ord-links-list li.ord-last {
    padding-bottom: 0;
}

.main-title {
    font-size: 20px;
    margin-bottom: 25px;
}

/*SRM*/
.x-body {
    color: #333333;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
}

form label.required:after {
    color: #e32;
    content: '*';
    display: inline;
}

.control-group > span.required {
    float: left;
    height: 20px;
    padding-top: 5px;
    text-align: center;
    vertical-align: middle;
    width: 10px;
    color: #e32;
}

.control-group > span.required:after {
    content: '*';
}

/*form-actions*/
.form-actions.ord-last {
    margin-bottom: 0;
}

.modal-body > div > .modal-footer.form-actions {
    /* padding-left: 180px;*/
    /*En test*/
}

.modal-footer.form-actions {
    padding-left: 195px; /*180+15*/
    text-align: left;
    margin-top: 0;
}

@deprecated
form.ord-inline {
    margin: 0;
}

/*rating system*/
div.star-rating-on a {
    background-position: 0 -32px !important;
}

.ratingLeft {
    width: 66px;
    height: 66px;
    background: url("../img/big-star.png") no-repeat scroll 0 0 transparent;
    color: black;
    display: inline-block;
    font-family: tahoma;
    font-size: 15px;
    font-weight: bold;
    line-height: 66px;
    text-align: center;
    vertical-align: middle;
}

div.rating-cancel, div.star-rating {
    width: 15px;
}

.ord-like-btn {
    padding: 4px 12px;
    display: inline-block;
}

select.input-large {
    width: 224px;
}

select.input-xlarge {
    width: 284px;
}

select.input-medium {
    width: 164px;
}

/*user thumb, icon, info*/
.ord-user-icon-mini {
}

.ord-user-icon-small {
}

.ord-user-icon {
    vertical-align: baseline;
    width: 26px;
    height: 26px;
}

[class*="span"] > .ord-user-icon,
.pull-left > .ord-user-icon,

.pull-right > .ord-user-icon {
    margin-top: -14px;
    vertical-align: middle;
}

.ord-user-thumb {
    width: 64px;
    height: 64px;
}

.ord-user-info img,
.ord-user-info ul {
    float: left;
}

.ord-user-info ul {
    margin: 7px 0 0 12px;
    color: #666666;
}

.topbar .ord-user-info ul {
    font-size: 110%;
}

.icon-white {
    color: #fff;
}

.icon-black {
    color: #333;
}

.icon-black:hover {
	color: #333;
}

.icon-red {
    color: red;
}

.icon-green {
    color: green;
}

.icon-blue {
    color: #0088cc;
}

.icon-blue:hover {
	color: #005580;
}

.icon-grey {
	color: grey;
}

.icon-orange {
	color: orange;
}

.title {
	font-weight: bold;
	color: #666666;
}
/*@deprecated*/
.ord-dl-align-left .dl-horizontal dt {
    text-align: left;
}

.dl-horizontal.ord-dl-horizontal-inverse dt {
    font-weight: normal;
}

.dl-horizontal.ord-dl-horizontal-inverse dd {
    font-weight: bold;
}

/*@deprecated*/
.ord-dl-inverse dt {
    font-weight: normal;
}
/*@deprecated*/
.ord-dl-inverse dd {
    font-weight: bold;
}

dl {
    margin: 0px 0px 4px 0px;
}

.dl-horizontal.dl-horizontal-no-ellipse dt {
    white-space: normal;
    text-overflow: clip;
    overflow:visible;
}

.ord-default-color:hover,
.ord-default-color {
    color: #000;
}

/*counter ico*/
.ord-counter-ico {
    position: relative;
    margin-right: 7px;
}

.ord-counter-ico  > .label {
    position: absolute;
    top: -5px;
    left: 93%;
    font-size: 9px;
    min-width: 10px;
    overflow: hidden;
    padding: 1px;
}

.btn-small.ord-counter-ico > .label {
    left: 86%;
}

.btn-mini.ord-counter-ico > .label {
    left: 80%;
}

/*file upload*/
.fileupload.fileupload-new .text-error {
    margin-left: 5px;
    vertical-align: middle;
}

/*En test*/
table.ord-table-layout > tbody > tr > td,
table.ord-table-layout > tbody > tr > th {
    border-top: none;
}

table.ord-table-layout tr td.ord-divider,
table.ord-table-layout tr td.ord-divider {
    border-top: 1px solid #ddd;
}

/* en test table css */
.ord-table {
    display: table;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 20px
}

.ord-table.ord-table-bordered {
    border-collapse: collapse;
}

.ord-row {
    display: table-row;
}

.ord-row > div,
.ord-cell {
    display: table-cell;
    padding: 8px;
    text-align: left;
    vertical-align: top;
    line-height: 20px;
}

.ord-table.ord-table-bordered .ord-row > div,
.ord-table.ord-table-bordered > .ord-row > .ord-cell {
    display: table-cell;
    border: 1px solid #DDDDDD;
}

/*quite-spaced,  spaced, very-spaced*/
.ord-table.ord-table-condensed .ord-row > div,
.ord-table.table-condensed > .ord-row > .ord-cell {
    padding: 4px 5px;
}

.ord-grid-table-row.row,
.ord-grid-table-header.row{
	margin-bottom: 2px;
}

.ord-grid-table-header.row > [class*="span"]{
	border-bottom: 1px solid #ccc;
}

.ord-adjust-to-input{
	padding-top: 4px;
	padding-bottom: 4px;
}

.control-group.ord-last {
    margin-bottom: 0;
}

/*future classes */
/*
.no-bg        { background:none; }
.nobr         { white-space:nowrap !important; }
.wrap         { white-space:normal !important; }
.dropdown-menu .ord-content-box {}
.dropdown-menu .ord-content-menu  {}
well-transparent{}
pull-none{float: none}
couleur texte, bg, gradient bg
table component

*/

/* text sizes - version alpha */
.ord-text-mini {
    font-size: 80%
}

/*~9.5px*/
.ord-text-small {
    font-size: 90%
}

/*~11px*/
.ord-text-normal {
    font-size: 100%
}

/*12px*/
.ord-text-large {
    font-size: 110%
}

/*~13px*/
.ord-text-xlarge {
    font-size: 125%
}

/*~15px*/
.ord-text-xxlarge {
    font-size: 140%
}

/*~17px*/

/* couleurs *//*
*//*couleurs de texte*//*
.color1-text{ color : green }
.color2 {color : red}

*//*couleurs des bordures*//*
.color1-border{color : green }

*//*couleurs des background*//*
.color1-bg{color : green }

*//*couleurs des gradient background*//*
.grad-bg1*/

/*loading mask*/
.ord-loading-mask {
    position: fixed;
    background-color: #E5E6E8;
    height: 100%;
    width: 100%;
    z-index: 50000;
}

.ord-loading-mask > div {
    left: 45%;
    position: relative;
    top: 40%;
    width: 300px;
}

.ord-loading-mask > div > img {
    padding-right: 12px;
    display: inline-block;
}

.ord-loading-mask > div > strong {
    padding-top: 6px;
}

/*config de saisie*/
.ord-config-sai-field > .ord-config-sai-action {
    width: 30px;
    height: 30px;
    line-height: 30px;
    float: left;
}

.ord-config-sai-field  .controls {
    margin-left: 210px;
}

/*css result tile in search result pages*/
.ord-search-result-info {
    font-size: 16px;
    font-weight: bold;
    font-family: Arial;
    text-align: left;
    color: #666666;
}

/* -----------------------------------------
   :: Ord icons
----------------------------------------- */

.icon-ord-energy-consumption:before {
    content: "\f0e7";
    color: rgb(162, 255, 0);
}

.icon-ord-repairability:before {
    content: "\f0ad";
    color: rgba(161,197,229,255);
}

.icon-ord-dangerous:before {
    content: "\f54c";
    font-family: "Font Awesome 5 Free", "Font Awesome", sans-serif;
    font-weight: 900;
    color: rgba(161,194,225,255);
}

.icon-ord-green:before {
    content: "\f1bb";
    font-family: "Font Awesome 5 Free", "Font Awesome", sans-serif;
    font-weight: 900;
    color: green;
}

.icon-ord-carbon-footprint:before {
    content: "\f0c2";
    color: rgba(161,197,229,255);
}

.icon-ord-ecoresponsible:before {
    content: "\f06c";
    color: green;
}

.icon-ord-paper-clip:before {
    content: "\f0c6";
}

.icon-ord-check-in:before {
    content: "\f019";
}

.icon-ord-check-out:before {
    content: "\f093";
}

.icon-ord-lock:before {
    content: "\f023";
}

.icon-ord-unlock:before {
    content: "\f09c";
}

.icon-ord-money:before {
    content: "\f0d6";
}

.icon-ord-comment:before {
    content: "\f075";
    color: #0088cc;
}

.icon-ord-comment-warning:before {
	content: "\f075";
	color: #F89406;
}

.icon-ord-comment-alt:before {
    content: "\f0e5";
}

.icon-ord-comments-alt:before {
    content: "\f0e6";
}

.icon-ord-tag:before {
    content: "\f02b";
}

.icon-ord-tags:before {
    content: "\f02c";
}

.icon-ord-money:before {
    content: "\f0d6";
}

.icon-ord-flag:before {
    content: "\f024";
}

.icon-ord-flag-alt:before {
    content: "\f11d";
}

.icon-ord-book:before {
    content: "\f02d";
}

.icon-ord-exchange:before {
    content: "\f0ec";
}

.icon-ord-link:before {
    content: "\f0c1";
}

.icon-epm-link:before {
    content: "\f0c1";
}

.icon-ord-unlink:before {
  content: "\f127";
}

.icon-ord-collapse:before {
    content: "\f150";
}
.icon-ord-collapse-top:before {
    content: "\f151";
}

.icon-ord-list-alt:before {
    content: "\f022";
}

.icon-ord-print:before {
	content: "\f02f";
}

.icon-ord-folder-close-alt:before {
	content: "\f114";
}

.icon-ord-folder-open-alt:before {
	content: "\f115";
}

.icon-ord-th-list:before {
	content: "\f00b";
}

.icon-ord-th-large:before {
	content: "\f009";
}

.icon-ord-fa-sign-out:before {
	content: "\f08b";
	color: red;
}

.icon-ord-fa-sign-out-blue:before {
	content: "\f08b";
	color: #0088cc;
}

.icon-ord-fa-sign-in:before {
	content: "\f090";
	color: blue;
}

.icon-ord-fa-comment:before {
	content: "\f075";
}

.icon-ord-fa-book:before {
	content: "\f02d";
}

/* inpust css mode info for user zone tag */
.ord-zone-user-tag {
    background: none repeat scroll 0 0 white !important;
    border: 0 solid #CCCCCC !important;
    box-shadow: none !important;
    /*     cursor: alias !important; */
}

/* action buttons for comments modal    */
.ord-modal-comment .modal-footer {
    text-align: left;
}

/* overwrites bootstrap style in extjs component*/
.x-body .x-btn,
.x-body .x-menu-item-link {
    text-decoration: none;
}

.x-body .x-form-text {
    background: url("../../extjs/base/resources/ext-theme-gray/images/form/text-bg.gif") repeat-x scroll 0 0 white;
    border-color: #B5B8C8;
    border-style: solid;
    border-width: 1px;
    color: black;
    height: 22px;
    line-height: 17px;
    padding: 1px 3px 2px;
    margin-bottom: 0;
}

.x-grid-row-editor .x-form-text{
    border-radius: 0;
    padding: 1px 4px 2px;
    height: 20px;
}

.x-tbar-page-number input:focus,
.x-tbar-page-number input {
    box-shadow: none;
    transition: 0;
    border-radius: 0;
    border-color: #B5B8C8;
}

.x-grid-row-summary .x-grid-cell-inner {
    font-weight: bold;
}

input[type="button"].x-form-checkbox{
    width: 13px;
}

.x-menu-item-icon{
    top:1px;
}

.x-gecko .x-menu-item-active .x-menu-item-icon,
.x-quirks .x-menu-item-active .x-menu-item-icon,
.x-ie9m .x-menu-item-active .x-menu-item-icon {
    top: 0px;
}

/* -----------------------------------------
   :: Titles
----------------------------------------- */

/* -----------------------------------------
	:: page title
----------------------------------------- */

.title-page {
    color : #666666;
    margin-bottom: 10px;
    margin-top: -10px;
}
.title-page > .label{
	vertical-align: middle;
}
/* -----------------------------------------
   :: Portlet
----------------------------------------- */
.ui-sortable-placeholder {
    border: 1px dotted black;
    visibility: visible !important;
    height: 100px !important;
}

.ui-sortable-placeholder * {
    visibility: hidden;
}

.ui-resizable-helper {
    border: 1px dotted gray;
}

.ord-portlet-iframe-container {
    background-color: black;
    position: relative;
}

.ord-portlet-iframe {
    opacity: 0.8;
    height: 265px;
}

.ord-portlet-mask {
    position: absolute;
    top: 44%;
    left: 48%;
}

.ord-portlet-content{
	overflow-y:hidden;
}

.ord-portlet > .ord-box-header{
    background-color: lightslategray; color: white
}

.ord-portlet > .ord-box-header .ord-external-link{
    color: white;
}

.ord-portlet > ord-portlet-body{
    overflow:auto;
}

/* -----------------------------------------
   :: Notification
----------------------------------------- */
.ord-ajax-success{
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 5000;
}

.dropdown-menu.ffe-container {
    margin: 0;
    position: relative;
    zoom: 1;
    vertical-align: middle;
}

.feeding{
	display: inline;
}

.dropdown-menu.feeding-left-minus-90-right {
    left: auto;
    right: -90px;
}

#ord-order-edit-detail {
    max-height: 100%;
}


/**
 *
 * normal width: 160 / margin-left: 180
 * medium width: 140 / margin-left: 160
 * small  width: 120 / margin-left: 140
 * mini   width: 100 / margin-left: 120
 * micro  width:  80 / margin-left: 100
 * nano   width:  60 / margin-left: 80
 * pico   width:  40 / margin-left: 60
 * femto  width:  20 / margin-left: 40
 */
.controls-container:before,
.controls-container:after {
    display: table;
    content: "";
    line-height: 0;
}
.controls-container:after {
    clear: both;
}

.controls-container > .control-group{
    float: left;
}

.controls-container > .control-group + .control-group{
    margin-left: 20px;
}

.controls-container > .control-group.control-group-micro > .control-label{
    width: 80px;
}

.controls-container > .control-group.control-group-micro > .controls{
    margin-left: 100px;
}

.controls-container > .control-group.control-group-nano > .control-label{
    width: 60px;
}

.controls-container > .control-group.control-group-nano > .controls{
    margin-left: 80px;
}

.controls-container > .control-group.control-group-pico > .control-label{
    width: 40px;
}

.controls-container > .control-group.control-group-pico > .controls{
    margin-left: 60px;
}

.controls-container > .control-group.control-group-femto > .control-label{
    width: 20px;
}

.controls-container > .control-group.control-group-femto > .controls{
    margin-left: 40px;
}

.control-group.warning div.select2-container {
	border: 1px solid #c09853!important;
	border-radius: 4px!important;
}

.control-group.warning a span.select2-chosen {
	color: #c09853!important;
}

.control-group.error div.select2-container {
	border: 1px solid #b94a48!important;
	border-radius: 4px!important;
}

.control-group.error a span.select2-chosen {
	color: #b94a48!important;
}

/*new design : temporary code*/
.ord-order-preparation-header{
	background-color: #428bca;
	color: #ffffff;
}

.ord-order-preparation-header-text{
	color: #ffffff;
}

.ord-order-preparation-header .modal{
	color: #333333;
}

.ord-order-preparation-header .ord-html-popover{
	color: #ffffff;
}

.ord-order-preparation-header .ord-details-tag > a{
	 color: #ffffff;
 }

.ord-order-preparation-header .ord-details-tag > a.ord-counter-ico .label-info{
	background-color: #000000;
}

.ord-order-preparation-header .ord-collapse-btn a{
	color: #ffffff;
}

.ord-order-dashboard-create-general .more-details{
	overflow: hidden;
}

.ord-order-dashboard-create-general .more-details.in{
	overflow: visible;
}
 /*end new design*/

.ord-warning{
	background-color: #fcf8e3;
	border-color: #c09853;
}

/* customize panel component*/
/* add ord-panel-default theme */
.ord-panel-default > .panel-heading{
	background-color: #E8E8E8;
	border-color: #dddddd;
	color: #333333;
}

.ord-panel-default {
	border-color: #dddddd;
}

.ord-panel-default > .panel-heading + .panel-collapse > .panel-body {     /*en test*/
	border-top-color: #dddddd;
}
.ord-panel-default > .panel-heading > .dropdown .caret {
	border-color: #333333 transparent;
}
.ord-panel-default > .panel-footer + .panel-collapse > .panel-body {   /*en test*/
	border-bottom-color: #dddddd;
}

/* todo : apply header themes for footer. to complete */
.panel-primary.panel-footer {
	color: #ffffff;
	background-color: #428bca;
}
.panel-success.panel-footer{
	background-color: #DFF0D8;
	border-color: #D6E9C6;
	color: #468847;
}
.panel-info.panel-footer{}
.panel-warning.panel-footer{}
.panel-danger.panel-footer{}
.panel-default.panel-footer{}

h1.panel-title,
h2.panel-title,
h3.panel-title,
h4.panel-title,
h5.panel-title,
h6.panel-title{
	line-height: 1.1;
}

/* nested panel group */
/*.panel-group {*/
	/*margin-bottom: 10px;*/
/*}*/

/*.panel-group .panel-group{*/
	/*margin-bottom: 0;*/
/*}*/

/*.ord-panel-accordion > div:last-of-type > .panel-group{  *//*en test*/
	/*margin-bottom: 0;*/
/*}*/


.ord-panel-accordion > div{
	margin-top: 10px;
}

.ord-panel-accordion > div:first-child{
	margin-top: 0;
}

.ord-panel-entry-details {
	 padding-left: 15px;
 }

/**
  * condensed {very:5, pretty:7}
  * default 10px;
  *  spacious {very:20, pretty:15}  10px for header and footer padding top and bottom
  */

.panel-body-mixed{
	padding: 0 5px;
}

.panel-group .panel .panel {
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 0;
}

.ord-receipt-workflow-container{
	margin: 5px 0;
}



/*.panel-group.in + .ord-receipt-workflow-container{  *//*incorrecte : dans le cas d'un panel ouvert mais vide */
	/*margin-top: 0;*/
/*}*/

/*.panel-group.in:empty + .ord-receipt-workflow-container{  *//*incorrecte : dans le cas d'un panel ouvert mais vide */
	/*margin-top: 20px;*/
/*}*/

/*.panel-body > form > .ord-workflow-user-actions{*/
	/*margin: 5px 0;*/
/*}*/

/*.panel-body > form > .ord-workflow-user-actions:empty{*/
	/*margin: 0;*/
/*}*/

/*.panel-group.in ord-workflow-user-actions{*/
	/*margin-top: 0;*/
/*}*/

.panel-group.collapse.in + .panel-group.collapse.in > .panel{
	margin-top: 0;
}

/* correct bugs in the content of the modal */
.panel > .panel-heading .modal{color:#333333}
.panel-primary > .panel-heading .modal .collp a {
    color: #0088cc;
}
.panel > .panel-heading .modal ul.nav-tabs > li.active > a{color: #000000}
.panel > .panel-heading .modal ul.nav-tabs > li > a{color: #ffffff}
.panel > .panel-heading .modal ul.nav-tabs > li > a:hover{color: #000000}
/* .panel > .panel-heading .modal a{color:#0088CC} */ /*commented because it generate style's problemn on budget modal*/

.panel > .panel-heading .modal .btn{color:#333333}
.panel > .panel-heading .modal .btn-link{color: #0088cc;}
.panel > .panel-heading .modal .btn-link:hover{color: #005580;}
.panel > .panel-heading .modal .btn-link[disabled]:hover {color: #333333;}
.panel > .panel-heading .modal .btn-primary,
.panel > .panel-heading .modal .btn-primary:hover,
.panel > .panel-heading .modal .btn-primary:active,
.panel > .panel-heading .modal .btn-primary.active,
.panel > .panel-heading .modal .btn-primary.disabled,
.panel > .panel-heading .modal .btn-primary[disabled],
.panel > .panel-heading .modal .btn-warning,
.panel > .panel-heading .modal .btn-warning:hover,
.panel > .panel-heading .modal .btn-warning:active,
.panel > .panel-heading .modal .btn-warning.active,
.panel > .panel-heading .modal .btn-warning.disabled,
.panel > .panel-heading .modal .btn-warning[disabled],
.panel > .panel-heading .modal .btn-danger,
.panel > .panel-heading .modal .btn-danger:hover,
.panel > .panel-heading .modal .btn-danger:active,
.panel > .panel-heading .modal .btn-danger.active,
.panel > .panel-heading .modal .btn-danger.disabled,
.panel > .panel-heading .modal .btn-danger[disabled],
.panel > .panel-heading .modal .btn-success,
.panel > .panel-heading .modal .btn-success:hover,
.panel > .panel-heading .modal .btn-success:active,
.panel > .panel-heading .modal .btn-success.active,
.panel > .panel-heading .modal .btn-success.disabled,
.panel > .panel-heading .modal .btn-success[disabled],
.panel > .panel-heading .modal .btn-info,
.panel > .panel-heading .modal .btn-info:hover,
.panel > .panel-heading .modal .btn-info:active,
.panel > .panel-heading .modal .btn-info.active,
.panel > .panel-heading .modal .btn-info.disabled,
.panel > .panel-heading .modal .btn-info[disabled],
.panel > .panel-heading .modal .btn-inverse,
.panel > .panel-heading .modal .btn-inverse:hover,
.panel > .panel-heading .modal .btn-inverse:active,
.panel > .panel-heading .modal .btn-inverse.active,
.panel > .panel-heading .modal .btn-inverse.disabled,
.panel > .panel-heading .modal .btn-inverse[disabled]{
	color: #ffffff;
}
/* End if the content of the modal is in a panel */

/* todo : to complete */
.panel-primary > .panel-heading a{color: #ffffff}
.panel-primary > .panel-heading .ord-counter-ico .label{background-color:#003366}



/* button instead of a in dropdown-menu*/
.dropdown-menu li > button {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 18px;
	color: #333333;
	white-space: nowrap;
	border: none;
	text-align: left;
	width: 100%;
}
.dropdown-menu li > button:hover,
.dropdown-menu li > button:focus,
.dropdown-submenu:hover > button {
	text-decoration: none;
	color: #ffffff;
	background-color: #0081c2;
	background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
	background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
	background-image: -o-linear-gradient(top, #0088cc, #0077b3);
	background-image: linear-gradient(to bottom, #0088cc, #0077b3);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}
.dropdown-menu .active > button,
.dropdown-menu .active > button:hover {
	color: #ffffff;
	text-decoration: none;
	outline: 0;
	background-color: #0081c2;
	background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
	background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
	background-image: -o-linear-gradient(top, #0088cc, #0077b3);
	background-image: linear-gradient(to bottom, #0088cc, #0077b3);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

/*todo add to the doc*/
.dropdown-menu .divider-micro{
	margin: 1px;
}

/* End button instead of a in dropdown-menu*/

/* -----------------------------------------
	:: color helpers
----------------------------------------- */

/**
  * http://www.w3schools.com/html/html_colornames.asp
  * http://en.wikipedia.org/wiki/List_of_colors_%28compact%29
  * http://www.color-hex.com/color/1e1e1e
  * todo : criéer une plage de valeurs spécifique pour chaque type de couleur
  */

/* Black color */
.text-color1{color: #000000}
.border-color1{border-color: #000000}
.bg-color1{background-color: #000000}

/* White color */
.text-color2{color: #ffffff}
.border-color2{border-color: #ffffff}
.bg-color2{background-color: #ffffff}

/* #333333 color */
.text-color3{color: #333333}
.border-color3{border-color: #333333}
.bg-color3{background-color: #333333}

/* color name  */
/*.text-colorX{color: #xxxxxx}*/
/*.border-colorX{border-color: #xxxxxx}*/
/*.bg-colorX{background-color: #xxxxxx}*/

.bg-color-dark-orange {
    background-color: #FF8C00
}

.ord-surplus-detail {
    border: 1px solid #FF8C00;
}

input.ord-warning{
	color: #C09853;
	background-color: #FCF8E3;
}

input.ord-warning.ord-numeric,input.ord-warning.ord-negatif-numeric{
	font-weight: bold;
 }

/*disable links*/
a.disabled{
	pointer-events: none;
	cursor: not-allowed;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: .65;
}

/* Grid customization red or orange record*/
.x-orange-background {
    background-color: #f5ecce;
}

.x-red-background {
    background-color: #f5a9a9;
}

/* patch for extjs version 4.2.1 : getRowClass custom css does not applied correctly by getRowClass*/
.x-orange-background > .x-grid-cell{
    background-color: #f5eccc;
}

.x-red-background > .x-grid-cell{
    background-color: #f5a9a9;
}

.x-blue-background > .x-grid-cell {
    background-color: #d9edf7;
}

.x-grey-background > .x-grid-cell {
    background-color: #d4d4d4;
}

.success-column {
	background-color: #dff0d8;
}

.ord-specific-request-modal {
    width: 1000px;
}

.masked-relative {
	position: relative !important;
}

.ord-display-config{
    background-color: #e3ebf5;
}

.ord-discount-row > .x-grid-cell{
    background-color: #e3ebf5;
}

.ontology-proposal-header{
    color: #c09853;
    /*background-color: #faf2cc;*/
}

.proposal-scroll {
    max-height: 135px;
    overflow-y: auto;
}

.dropdown-top {
    bottom: 100%;
    top: auto !important;
    left: 0;
    margin-bottom: 5px;
}

.dropdown-bottom {
    top: 100%;
    left: 0;
    margin-top: 5px;
}

.blue-link {
    color: #0088cc !important;
}

.ord-workflow-medium-image {
    width: 355px;
}

.ord-workflow-large-image {
    width: 889px;
}

.ord-workflow-diagram-modal .thumbnails li{
    float: none;
}

.ref-buttons {
	padding: 5px 7px;	
}

.overflow-hidden {
	overflow-x: hidden;
	overflow-y: hidden;
}

#provisional-supplier-edit-form .text-error{
    display: block;
}

#provisional-supplier-lookup{
    position: relative;
}

#provisional-supplier-lookup .ord-modal-toggle{
    position: absolute;
    bottom: 0;
    margin-bottom: 10px;
    margin-left: 3px;
}

.form-horizontal #provisional-supplier-lookup .ord-modal-toggle{
    position: inherit;
    bottom: auto;
    margin-bottom: 0;
}

#provisional-supplier-lookup-modal .modal-body-content {
    min-height: 480px;
}

#stockItem-suppliers-info{
	padding: 5px 3px 5px 5px;
}

.icon-ord-fa-remove:before {
    content: "\f00d";
    color: red;
    font-size: larger;
}

.icon-ord-fa-chevron-down:before {
    content: "\f078";
    color: green;
    font-size: larger;
}

.icon-ord-fa-question:before {
    content: "\f128";
    font-size: larger;
}

i.icon-warning-sign {
    display:inline-block;
}

/*evaluation fournissuer , styles responsive bootstrap3 */
.main > .container-fluid {
    background-color: #FFFFFF;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.main > .container-fluid {
    background-color: #FFFFFF;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.header .container-fluid > .row, .main .container-fluid > .row, #footer .container-fluid > .row {
    margin: 0 10px 0 10px;
}

.main .container-fluid > .row {
    padding: 20px 0 20px 0;
}

/*evaluation fournissuer , styles responsive bootstrap3 */
.main > .container-fluid {
    background-color: #FFFFFF;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.main > .container-fluid {
    background-color: #FFFFFF;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.header .container-fluid > .row, .main .container-fluid > .row, #footer .container-fluid > .row {
    margin: 0 10px 0 10px;
}

.main .container-fluid > .row {
    padding: 20px 0 20px 0;
}

.input-lg {
    width: 410px;
}

.input-xlg {
    width: 450px;
}

.input-xxlg {
    width: 750px;
}

.text-red {
    color: #cd0a0a;
}


/* override bootstrap css to reduce left and right padding
 used in "signalétique" under system config page
 */
#result-list .table th,
.table td {
    padding: 8px 5px;
    line-height: 18px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #dddddd;
}

.redText {
    color: #B94A48;
}

.redBorder {
	border-color: #b94a48 !important;
}

.redTextForRequired {
    color: #e32;
}

.dualListTransfert {
	padding-left: 20px;
	margin-top: 110px;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    margin: auto;
}

#myCarousel{
    max-width: 650px;
    margin: 0 auto;
    background: #fff;
}

#thumbCarousel{
    display: flex;
    max-width: 650px;
    margin: 0 auto;
    overflow: hidden;
    background: #eaeaea;
    padding: 1em;
    justify-content: space-between;
}

#thumbCarousel .thumb{
    float: left;
    margin-right: 10px;
    border: 1px solid #ccc;
    background: #fff;
}

#thumbCarousel .thumb:last-child{
    margin-right: 0;
}

.thumb:hover{
    cursor: pointer;
}

.thumb img{
    opacity: 0.5;
}

.thumb img:hover{
    opacity: 1;
}

.thumb.active img{
    opacity: 1;
    border: 1px solid #1d62b7;
}

.carousel-control {
    left: -5px;
}
.carousel-control.right {
    right: -5px;
}

.carousel-control.info.right {
    right: 137px;
}
.carousel-inner.article-info {
    left: 60px;
}

.articleLabelPopover {
    overflow-wrap: break-word;
}

.folderLabelPopover {
    overflow-wrap: break-word;
}

a [class="icon-edit icon-black btn-link"]:hover, 
a [class="icon-plus icon-black btn-link"]:hover, 
a [class="icon-copy icon-black btn-link"]:hover{
    transform: scale(2);
}

.btn-small [class="icon-tag icon-black"]:hover,
.btn-small [class="icon-tag icon-white"]:hover,
.btn-small [class="icon-play icon-black"]:hover,
.btn-small [class="icon-play icon-white"]:hover,
.btn-small [class="icon-ord-flag-alt icon-black"]:hover,
.btn-small [class="icon-ord-flag-alt icon-white"]:hover,
.btn-small [class="icon-pause icon-black"]:hover,
.btn-small [class="icon-align-right icon-black"]:hover,
.btn-small [class="icon-trash icon-black"]:hover,
.btn-small [class="icon-copy icon-black"]:hover,
.btn-small [class="icon-ord-lock icon-white"]:hover,
.btn-small [class="icon-ord-lock icon-black"]:hover,
.btn-small [class="icon-ord-money icon-white"]:hover,
.btn-small [class="icon-ord-money icon-black"]:hover,
.btn-small [class="icon-ord-exchange icon-white"]:hover,
.btn-small [class="icon-ord-exchange icon-black"]:hover,
.btn-small [class="icon-ord-comments-alt icon-white"]:hover,
.btn-small [class="icon-ord-comments-alt icon-black"]:hover,
.btn-small [class="icon-ord-folder-close-alt icon-black"]:hover,
.btn-small [class="icon-ord-comment icon-black"]:hover,
.btn-small [class="icon-ord-comment icon-white"]:hover,
.btn-small [class="icon-ord-comment-alt icon-black"]:hover,
.btn-small [class="icon-ord-comment-alt icon-white"]:hover,
.btn-small [class="icon-ord-comment-alt icon-blue"]:hover,
.btn-small [class="icon-ord-comment-warning icon-white"]:hover,
.btn-small [class="icon-table"]:hover,
.btn-small [class="icon-flag icon-black"]:hover {
    transform: scale(2);
}

.btn-small [class="icon-ord-money icon-white red"]:hover,
.btn-small [class="icon-ord-money icon-red"]:hover,
.btn-small [class="icon-ord-money icon-black red"]:hover {
    transform: scale(2);
    color: red;
}

.btn-small [class="icon-ord-money icon-white orange"]:hover,
.btn-small [class="icon-ord-money icon-orange"]:hover,
.btn-small [class="icon-ord-money icon-black orange"]:hover {
    transform: scale(2);
    color: orange;
}

.btn-link [class="icon-list-ul icon-white"]:hover,
.btn-link [class="icon-remove icon-black"]:hover,
.btn-link [class="icon-list-ul icon-black"]:hover,
.btn-link [class="icon-trash icon-black"]:hover,
.btn-link [class="icon-trash icon-black marg-left-micro icon-black"]:hover,
.btn-link [class="icon-ord-unlink"]:hover,
.btn-link [class="icon-pencil icon-black"]:hover,
.btn-link [class="icon-edit"]:hover,
.btn-link [class="icon-copy icon-black"]:hover,
.btn-link .icon-star-empty:hover,
.btn-link .icon-star:hover{
    transform: scale(2);
}

.btn .icon-plus {
	background-size: 75%;
}

a [class="icon-ord-paper-clip icon-white"]:hover,
a [class="icon-plus-sign-alt icon-white"]:hover,
a [class="icon-ord-paper-clip icon-black"]:hover,
a [class="icon-ord-paper-clip icon-blue"]:hover,
a [class="icon-edit icon-blue"]:hover,
a [class="icon-info-sign icon-blue icon-black"]:hover,
a [class="ord-pointer icon-ord-link"]:hover,
a [class="icon-ord-fa-sign-out icon-black"]:hover,
a [class="icon-info icon-black"]:hover,
a [class="icon-info icon-blue"]:hover,
a [class="icon-info-sign icon-blue"]:hover,
a [class="icon-trash"]:hover,
a [class="icon-copy"]:hover,
a [class="icon-ord-unlink icon-black"]:hover,
a [class="icon-info-blue icon-black"]:hover,
a [class="icon-edit icon-black marg-left-micro"]:hover,
a [class="icon-edit icon-black marg-left-small"]:hover,
a [class="icon-book icon-black"]:hover,
a [class="icon-plus-sign-alt icon-black"]:hover,
a [class="icon-epm-link icon-black"]:hover,
a [class="icon-epm-link white"]:hover, 
a [class="icon-plus icon-black"]:hover, 
a [class="icon-copy icon-black"]:hover, 
a [class="icon-ord-comment-alt icon-black"]:hover, 
a [class="icon-trash icon-black"]:hover, 
a [class="icon-edit icon-black"]:hover,
a [class="icon-table"]:hover, 
a [class="icon-th-list"]:hover {  
    transform: scale(2);
}

.pull-right .icon-star:hover,
.pull-right .icon-unlink:hover,
.pull-right .icon-link:hover,
.pull-right .icon-edit:hover,
.pull-right .icon-list-alt:hover,
.pull-right .icon-refresh:hover,
.pull-right .icon-star-empty:hover {
    transform: scale(1.7);
}

.div-checkbox-hidden {
    margin-left: 13px;
    min-height: 18px;
}

.width-left-imp-40 {
    max-width: 40px;
    min-width: 40px;
}

.width-left-imp-70 {
    max-width: 70px;
    min-width: 70px;
}

.width-left-imp-100 {
    max-width: 100px;
    min-width: 100px;
}

.width-left-imp-140 {
    max-width: 140px;
    min-width: 140px;
}

.width-right-imp-70 {
    max-width: 70px;
    min-width: 70px;
    text-align: right !important;
}

.width-right-imp-140 {
    max-width: 140px;
    min-width: 140px;
    text-align: right !important;
}

.width-right-imp-150 {
    max-width: 150px;
    min-width: 150px;
    text-align: right !important;
}

.width-right-imp-15 {
    max-width: 15px;
    min-width: 15px;
    text-align: right !important;
}

.width-right-imp-25 {
    max-width: 25px;
    min-width: 25px;
    text-align: right !important;
}

.width-left-imp-15 {
    max-width: 15px;
    min-width: 15px;
}

.width-right-imp-50 {
    max-width: 50px;
    min-width: 50px;
    text-align: right !important;
}

.width-right-imp-90 {
    max-width: 90px;
    min-width: 90px;
    text-align: right !important;
}

.width-right-imp-110 {
    max-width: 110px;
    min-width: 110px;
    text-align: right !important;
}

.width-imp-25 {
    max-width: 25px;
    min-width: 25px;
}

.width-imp-150 {
    max-width: 150px;
    min-width: 150px;
}

.width-imp-50 {
    max-width: 50px;
    min-width: 50px;
}

.center{
   margin-left: auto;
   margin-right: auto;
   display: block !important;
 } 
 
.z-index-500 {
	z-index: 500;
}

.ws-nowrap {
	white-space: nowrap !important;
}

/* -----------------------------------------
	:: custom navbar : piaEleven navbar
----------------------------------------- */
.topbar.piaEleven-topbar {
    background-color: var(--piaEleven-background-color);
    background-image: -moz-linear-gradient(top, var(--piaEleven-primary-color), var(--piaEleven-primary-color));
    background-image: -ms-linear-gradient(top, var(--piaEleven-primary-color),  var(--piaEleven-primary-color));
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--piaEleven-primary-color)), to(var(--piaEleven-primary-color)));
    background-image: -webkit-linear-gradient(top, var(--piaEleven-primary-color), var(--piaEleven-primary-color));
    background-image: -o-linear-gradient(top, var(--piaEleven-primary-color), var(--piaEleven-primary-color));
    background-image: linear-gradient(top, var(--piaEleven-primary-color), var(--piaEleven-primary-color));
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b0b0b0', endColorstr='#a0a0a0', GradientType=0);
    -webkit-box-shadow: inset 0 0 2px 2px var(--piaEleven-primary-color);
    -moz-box-shadow: inset 0 0 2px 2px var(--piaEleven-primary-color);
    box-shadow: inset 0 0 2px 2px var(--piaEleven-primary-color);
    padding: 0px 10px;
}

.topbar.ordiges-topbar {
    border: 1px solid #ffffff;
    background-color: #ffffff;
    background-image: -moz-linear-gradient(top, var(--ordiges-primary-color), var(--ordiges-primary-color));
    background-image: -ms-linear-gradient(top, var(--ordiges-primary-color), var(--ordiges-primary-color));
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--ordiges-primary-color)), to(var(--ordiges-primary-color)));
    background-image: -webkit-linear-gradient(top, var(--ordiges-primary-color), var(--ordiges-primary-color));
    background-image: -o-linear-gradient(top, var(--ordiges-primary-color), var(--ordiges-primary-color));
    background-image: linear-gradient(top, var(--ordiges-primary-color), var(--ordiges-primary-color));
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
    -webkit-box-shadow: inset 0 0 2px 2px var(--ordiges-primary-color);
    -moz-box-shadow: inset 0 0 2px 2px var(--ordiges-primary-color);
    box-shadow: inset 0 0 2px 2px var(--ordiges-primary-color);
    height: 57px;
}

.header .piaEleven-navbar-inner {
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shaow: none;
    box-shadow: none;
    padding-right: 0;
    padding-left: 0;
    min-height: 25px;
}

.ord-navbar .piaEleven-navbar-inner {
    background-color: var(--piaEleven-secondary-color);
}

.btn-group.piaEleven-btn-group-menu {
    margin-left: 1px;
}

.btn-group.piaEleven-btn-group-menu > button:first-child,
.btn-group.piaEleven-btn-group-menu > button:last-child,
.btn-group.piaEleven-btn-group-menu > button {
    background-color: var(--piaEleven-secondary-color);
    background-image: -moz-linear-gradient(top, var(--piaEleven-secondary-color), var(--piaEleven-secondary-color));
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--piaEleven-secondary-color)), to(var(--piaEleven-secondary-color)));
    background-image: -webkit-linear-gradient(top, var(--piaEleven-secondary-color), var(--piaEleven-secondary-color));
    background-image: -o-linear-gradient(top, var(--piaEleven-secondary-color), var(--piaEleven-secondary-color));
    background-image: linear-gradient(to bottom, var(--piaEleven-secondary-color), var(--piaEleven-secondary-color));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb30000', endColorstr='#ff9a0000', GradientType=0);
    background-repeat: repeat-x;
    color: #ffffff;
    height: 38px;
    border: 0;
    margin-left: 0;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-left-radius: 0px;
    margin-right: 0;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-right-radius: 0px;
    text-shadow: 0 0px 0px rgb(255 255 255 / 0%);
    /* 	-webkit-box-shadow: inset 0 0px 0 rgb(255 255 255 / 0%), 0 0px 0px rgb(0 0 0 / 0%); */
    /*     -moz-box-shadow: inset 0 0px 0 rgba(255,255,255,.2), 0 0px 0px rgba(0,0,0,.05); */
    /*     box-shadow: inset 0 0px 0 rgb(255 255 255 / 0%), 0 0px 0px rgb(0 0 0 / 0%); */
}

.btn-group.piaEleven-btn-group-menu > button.active,
.btn-group.piaEleven-btn-group-menu > button:active,
.btn-group.piaEleven-btn-group-menu > button:focus,
.btn-group.piaEleven-btn-group-menu > button:hover {
    background-color: var(--piaEleven-primary-color) !important;
    background-image: -moz-linear-gradient(top, var(--piaEleven-primary-color), var(--piaEleven-primary-color));
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--piaEleven-primary-color)), to(var(--piaEleven-primary-color)));
    background-image: -webkit-linear-gradient(top, var(--piaEleven-primary-color), var(--piaEleven-primary-color));
    background-image: -o-linear-gradient(top, var(--piaEleven-primary-color), var(--piaEleven-primary-color));
    background-image: linear-gradient(to bottom, var(--piaEleven-primary-color), var(--piaEleven-primary-color));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#800000', endColorstr='#800000', GradientType=0);
    background-repeat: repeat-x;
    color: #ffffff;
    height: 38px;
    border: 0;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-left-radius: 0px;
    margin-right: 0;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-right-radius: 0px;
    text-shadow: 0 0px 0px rgb(255 255 255 / 0%);
    /*     -webkit-box-shadow: inset 0 0px 0 rgb(255 255 255 / 0%), 0 0px 0px rgb(0 0 0 / 0%); */
    /*     -moz-box-shadow: inset 0 0px 0 rgba(255,255,255,.2), 0 0px 0px rgba(0,0,0,.05); */
    /*     box-shadow: inset 0 0px 0 rgb(255 255 255 / 0%), 0 0px 0px rgb(0 0 0 / 0%); */
}

.navbar.piaEleven-ord-navbar .nav > li > a:focus,
.navbar.piaEleven-ord-navbar .nav > li > a:hover {
    background-color: var(--piaEleven-secondary-color) !important;
    color: #e5c5c5;
}

.piaEleven-tooltip .topbar .tooltip .tooltip-inner {
    background-color: var(--piaEleven-secondary-color) !important;
}

.topbar .tooltip.piaEleven-tooltip.bottom .tooltip-arrow {
    border-bottom-color: var(--piaEleven-secondary-color) !important;
}

.piaEleven-btn-danger {
    background: linear-gradient(to bottom, var(--piaEleven-secondary-color) 0%, var(--piaEleven-secondary-color) 100%) !important;
    color: #ffffff;
}

.piaEleven-btn-danger .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}

.piaEleven-label-important {
    background: linear-gradient(to bottom, var(--piaEleven-secondary-color) 0%, var(--piaEleven-secondary-color) 100%) !important;
    color: #ffffff;
}

.piaEleven-btn-group-menu .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}

.piaEleven-btn-inverse {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: var(--piaEleven-primary-darker-color) !important;
    background-image: -moz-linear-gradient(top, var(--piaEleven-primary-color), var(--piaEleven-primary-darker-color)) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--piaEleven-primary-color)), to(var(--piaEleven-primary-darker-color))) !important;
    background-image: -webkit-linear-gradient(top, var(--piaEleven-primary-color), var(--piaEleven-primary-darker-color)) !important;
    background-image: -o-linear-gradient(top, var(--piaEleven-primary-color), var(--piaEleven-primary-darker-color)) !important;
    background-image: linear-gradient(to bottom, var(--piaEleven-primary-color), var(--piaEleven-primary-darker-color)) !important;
    background-repeat: repeat-x;
    border-color: #222222 #222222 #000000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}

.piaEleven-btn-inverse:hover {
    color: #ffffff !important;
}

.piaEleven-btn-inverse .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}

.ordiges-btn-inverse {
    color: rgb(153, 153, 153);
    text-shadow: 0 -1px 0 rgb(153, 153, 153);
    background-color: #b30000 !important;
    background-image: -moz-linear-gradient(top, var(--ordiges-primary-color), var(--ordiges-primary-darker-color)) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--ordiges-primary-color)), to(var(--ordiges-primary-darker-color))) !important;
    background-image: -webkit-linear-gradient(top, var(--ordiges-primary-color), var(--ordiges-primary-darker-color)) !important;
    background-image: -o-linear-gradient(top, var(--ordiges-primary-color), var(--ordiges-primary-darker-color)) !important;
    background-image: linear-gradient(to bottom, var(--ordiges-primary-color), var(--ordiges-primary-darker-color)) !important;
    background-repeat: repeat-x;
    border-color: #ffffff #ffffff #ffffff;
    border-color: rgb(255, 255, 255) rgb(255, 255, 255) rgb(255, 255, 255);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    text-shadow: 0 -1px 0 rgb(153, 153, 153);
}

.ordiges-btn-inverse:hover {
    color: var(--ordiges-primary-color);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    background-color: #b30000 !important;
    background-image: -moz-linear-gradient(top, var(--ordiges-accent-color), var(--ordiges-accent-color)) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--ordiges-accent-color)), to(var(--ordiges-accent-color))) !important;
    background-image: -webkit-linear-gradient(top, var(--ordiges-accent-color), var(--ordiges-accent-color)) !important;
    background-image: -o-linear-gradient(top, var(--ordiges-accent-color), var(--ordiges-accent-color)) !important;
    background-image: linear-gradient(to bottom, var(--ordiges-accent-color), var(--ordiges-accent-color)) !important;
    background-repeat: repeat-x;
    border-color: var(--ordiges-primary-color) var(--ordiges-primary-color) var(--ordiges-primary-color);
    border-color: rgb(255, 255, 255) rgb(255, 255, 255) rgb(255, 255, 255);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
}

.ordiges-user-info {
    color: rgba(0, 0, 0, 0.57);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    background-color: #b30000 !important;
    background-image: -moz-linear-gradient(top, var(--ordiges-primary-color), var(--ordiges-primary-darker-color)) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--ordiges-primary-color)), to(var(--ordiges-primary-darker-color))) !important;
    background-image: -webkit-linear-gradient(top, var(--ordiges-primary-color), var(--ordiges-primary-darker-color)) !important;
    background-image: -o-linear-gradient(top, var(--ordiges-primary-color), var(--ordiges-primary-darker-color)) !important;
    background-image: linear-gradient(to bottom, var(--ordiges-primary-color), var(--ordiges-primary-darker-color)) !important;
    background-repeat: repeat-x;
    border-color: #ffffff #ffffff #ffffff;
    border-color: rgb(255, 255, 255) rgb(255, 255, 255) rgb(255, 255, 255);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
}

.ordiges-user-info:hover {
    color: var(--ordiges-primary-color);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    background-color: #b30000 !important;
    background-image: -moz-linear-gradient(top, var(--ordiges-accent-color), var(--ordiges-accent-color)) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--ordiges-accent-color)), to(var(--ordiges-accent-color))) !important;
    background-image: -webkit-linear-gradient(top, var(--ordiges-accent-color), var(--ordiges-accent-color)) !important;
    background-image: -o-linear-gradient(top, var(--ordiges-accent-color), var(--ordiges-accent-color)) !important;
    background-image: linear-gradient(to bottom, var(--ordiges-accent-color), var(--ordiges-accent-color)) !important;
    background-repeat: repeat-x;
    border-color: var(--ordiges-primary-color) var(--ordiges-primary-color) var(--ordiges-primary-color);
    border-color: rgb(255, 255, 255) rgb(255, 255, 255) rgb(255, 255, 255);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
}

.ordiges-ord-btn-cart > a:first-child {
    background: linear-gradient(to bottom, #f89406, #a90000)!important;
    transition: all 0.4s ease-in-out;
}

.cart-btn-inverse {
    color: rgb(153, 153, 153);
    text-shadow: 0 -1px 0 rgb(153, 153, 153);
    background-color: #f89406 !important;
    background-image: -moz-linear-gradient(top, var(--ordiges-primary-color), var(--ordiges-primary-darker-color)) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--ordiges-primary-color)), to(var(--ordiges-primary-darker-color))) !important;
    background-image: -webkit-linear-gradient(top, var(--ordiges-primary-color), var(--ordiges-primary-darker-color)) !important;
    background-image: -o-linear-gradient(top, var(--ordiges-primary-color), var(--ordiges-primary-darker-color)) !important;
    background-image: linear-gradient(to bottom, var(--ordiges-primary-color), var(--ordiges-primary-darker-color)) !important;
    background-repeat: repeat-x;
    border-color: #ffffff #ffffff #ffffff;
    border-color: rgb(255, 255, 255) rgb(255, 255, 255) rgb(255, 255, 255);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    text-shadow: 0 -1px 0 rgb(153, 153, 153);
}

.cart-btn-inverse:hover {
    color: var(--ordiges-primary-color);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    background-color: #b30000 !important;
    background-image: -moz-linear-gradient(top, var(--ordiges-accent-color), var(--ordiges-accent-color)) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--ordiges-accent-color)), to(var(--ordiges-accent-color))) !important;
    background-image: -webkit-linear-gradient(top, var(--ordiges-accent-color), var(--ordiges-accent-color)) !important;
    background-image: -o-linear-gradient(top, var(--ordiges-accent-color), var(--ordiges-accent-color)) !important;
    background-image: linear-gradient(to bottom, var(--ordiges-accent-color), var(--ordiges-accent-color)) !important;
    background-repeat: repeat-x;
    border-color: var(--ordiges-primary-color) var(--ordiges-primary-color) var(--ordiges-primary-color);
    border-color: rgb(255, 255, 255) rgb(255, 255, 255) rgb(255, 255, 255);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
}

.navbar.ord-navbar.piaEleven-ord-navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar.ord-navbar.piaEleven-ord-navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar.ord-navbar.piaEleven-ord-navbar .nav li.dropdown.open.active > .dropdown-toggle {
    background-color: var(--piaEleven-primary-color) !important;
    color: #ffffff;
}

.piaEleven-default-bg {
    background: var(--piaEleven-secondary-color);
    background: -moz-linear-gradient(top, var(--piaEleven-secondary-color) 0%, var(--piaEleven-secondary-color) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, var(--piaEleven-secondary-color)), color-stop(100%, var(--piaEleven-secondary-color)));
    background: -webkit-linear-gradient(top, var(--piaEleven-secondary-color) 0%, var(--piaEleven-secondary-color) 100%);
    background: -o-linear-gradient(top, var(--piaEleven-secondary-color) 0%, var(--piaEleven-secondary-color) 100%);
    background: -ms-linear-gradient(top, var(--piaEleven-secondary-color) 0%, var(--piaEleven-secondary-color) 100%);
    background: linear-gradient(to bottom, var(--piaEleven-secondary-color) 0%, var(--piaEleven-secondary-color) 100%);
    color: #ffffff;
}

.navbar.ord-navbar.piaEleven-ord-navbar .nav li #arrow-piaEleven, #search-piaEleven {
    color: #ffffff;
    text-shadow: 0 1px 0 #ffffff !important;
    padding: 10px;
}

.navbar.ord-navbar.piaEleven-ord-navbar .nav li #arrow-piaEleven:hover, #search-piaEleven:hover {
    background-color: var(--piaEleven-primary-darker-color) !important;
    color: #ffffff !important;
    text-shadow: 0 1px 0 #ffffff !important;
}

.topbar .blue-tooltip .tooltip  .tooltip-inner {
    background-color: var(--piaEleven-primary-darker-color) !important;
}

.ordiges-tooltip .tooltip  .tooltip-inner {
    background-color: var(--ordiges-primary-light-color) !important;
}

.tenant-title {
    background-color: var(--piaEleven-primary-color) !important;
}

.ordiges-tenant-title {
    color: rgba(0, 0, 0, 0.57) !important;
}

.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 15px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .3s;
    transition: .3s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 0px;
    background-color: white;
    -webkit-transition: .3s;
    transition: .3s;
}

input:checked + .slider {
    background-color: #337ab7;
}

input:focus + .slider {
    box-shadow: 0 0 1px #337ab7;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 10px;
}

.slider.round:before {
    border-radius: 50%;
}

.alert-error {
    color: #ba3939;
    background: #ffe0e0;
}

.alert {
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.accordion-heading-success {
    background-color: #d4edda;
    color: #155724;
    border-left: 4px solid #28a745;
}

.accordion-heading-warning {
    background-color: #fff3cd;
    color: #856404;
    border-left: 4px solid #ffc107;
}

.accordion-heading-error {
    background-color: #f8d7da;
    color: #721c24;
    border-left: 4px solid #dc3545;
}

.input-900 {
    width: 900px;
}

.input-870 {
    width: 870px;
}