/******************************************************************************/    
/*   ONELOGUI.CSS 

    OneUI adaptations                                                        */    
/******************************************************************************/   


/** Vars  *********************************************************************/
:root {
  --red: tomato;
  --bgColor: bisque;
}

/** Generic *******************************************************************/
i.olicon 
    {font-size: 14px;vertical-align: middle;}
.sidebar-o.sidebar-mini .nav-main a.nav-submenu:before 
    {left: 45px;}
.sidebar-o.sidebar-mini.wide .nav-main a.nav-submenu:before 
    {left:initial;right:15px;}
.sidebar-o.sidebar-mini.wide #sidebar:hover,
.sidebar-o.sidebar-mini.wide #sidebar:hover .sidebar-content 
    {-webkit-transform: translateX(0) translateY(0) translateZ(0);-ms-transform: translateX(0) translateY(0);transform: translateX(0) translateY(0) translateZ(0);}
.sidebar-o.sidebar-mini.wide #sidebar .sidebar-mini-hide 
    {opacity: 1;}
.sidebar-o.sidebar-mini.wide #sidebar .nav-main > li.open > ul 
    {display: block;}
.nav-main li.parentActive > a.nav-submenu,
.nav-main li.parentActive.open > a.nav-submenu,
.nav-main li.parentActive > a.nav-submenu > i,
.nav-main li.parentActive.open > a.nav-submenu > i,
.nav-main a.active, 
.nav-main a.active:hover,
.nav-main a.active > i, 
.nav-main a.active:hover > i
    {color: yellow;}
.navtooltip 
    {position: relative;display: inline-block;}
.navtooltiptext 
    {visibility: hidden;width: 120px;background-color: black;color: #fff;text-align: center;padding: 5px 0;border-radius: 6px;position: absolute;z-index: 1;}
.navtooltip:hover .navtooltiptext 
    {visibility: visible;border-bottom: 1px dotted black;}
.divider
    {height: 1px;margin: 9px 0;overflow: hidden;}
    

.ollStatus .sts
    {cursor:pointer;}
    
.fadeActions
    {display:none;}
tr:hover .fadeActions
    {display: initial;}
    
table
    {border-collapse: separate !important;border-spacing: 0 !important;}

    

/** Generic *******************************************************************/
select:required:invalid {
    color: gray;
}
.brad-0
    {border-radius:0 !important;}
.fw-bold
    {font-weight: bold;}
.fw-normal
    {font-weight: normal;}
.fw-600
    {font-weight: 600 !important;}
.olPointer,.gPointer
    {cursor:pointer;}
.olCursDef
    {cursor:default}
.olCursDef:hover
    {cursor:default;text-decoration: none !important;}
.gBold
    {font-weight:bold;}
.font-italic,.fy-italic,.sty-italic,.text-italic,.fs-italic
    {font-style:italic;}
.gInlineBlock,.d-inline,.d-inline-block,.d-ib
    {display:inline-block;}
.d-block
    {display:block;}
.d-if
    {display:inline-flex;}
.gInvisible
    {visibility:hidden;}
.d-none
    {display:none !important;}
.d-table
    {display: inline-table;}
.d-flex
    {display: flex;}
.d-cell
    {display: table-cell;}
tr.allLineHighlight:not(.trDblClkInEdit):hover
    {opacity:0.6;}
.small10
    {font-size:10px;}
.text-white
    {color:white;}
.text-darkorange
    {color:darkorange;}
.text-orangered,
.btn-default.text-orangered:hover
    {color:orangered;}
.text-limegreen,
.btn-default.text-limegreen:hover
    {color:limegreen;}
.text-lightgray,.btn.olCursDef.text-lightgray:hover
    {color:lightgray;}
.text-middlegray 
    {color:#aba6a6;}    
    
.hov
    {cursor:pointer;}
.hov:hover
    {box-shadow:inset 0 0 0 99999px rgba(0,0,0,0.2);}

.text-uppercase
    {text-transform: uppercase;}

.fPacifico
    {font-family: 'Pacifico', cursive;}
.fMerienda
    {font-family: 'Merienda One', cursive;}
.fArizonia
    {font-family: 'Arizonia', cursive;}
.fCookie
    {font-family: 'Cookie', cursive;}
.fRobotoC
    {font-family: 'Roboto Condensed', sans-serif;}
.fOswald
    {font-family: 'Oswald', sans-serif;}
.fCaveat
    {font-family: 'Caveat', cursive;}

.menuHeight
    {line-height: 34px;}
.h3.fCookie
    {font-size:30px;}
.slick-slide 
    {height: auto !important;}
.sunken 
    {border: 1px solid black; display: inline;padding: .2em .6em .3em;font-size: 75%;font-weight: 700;line-height: 1;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: .25em;}
.sunken-black
    {border-color: black; padding:0 4px;}
.sunken-danger 
    {border-color: #d26a5c; padding:0 4px;}
.sunken-success
    {border-color: #46c37b; padding:0 4px;}
.sunken-info
    {border-color: #70b9eb; padding:0 4px;}
.sunken-primary
    {border-color: #5c90d2; padding:0 4px;}
.sunken-lg
    {border-width: 2px;border-style: solid;}
    
.sunkableYN
    {cursor:pointer;}
.sunkableYN  .sunken-success
    {border-color: #46c37b; padding:0 4px;background:#46c37b;color:white;}
.sunkableYN  .sunken-danger
    {border-color: lightgrey; padding:0 4px; background:#d26a5c;color:white}
   
.skf-success
    {margin-right: .25rem!important;border-color: #46c37b;padding: 0 4px;
     border: 1px solid black;display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em;
    color: white;background-color: #46c37b;}
.skf-danger
    {margin-right: .25rem!important;border-color: #d26a5c;padding: 0 4px;
     border: 1px solid black;display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em;
    color: white;background-color: #d26a5c;}
    
.hachure-danger 
    {background: linear-gradient(45deg, #d26a5c 1.25%, #fff 1.25%, #fff 48.75%, #d26a5c 48.75%, #d26a5c 51.25%, #fff 51.25%, #fff 98.75%, #d26a5c 98.75%);background-size: 10px 10px;background-position: 10px 10px;}
.hachure-success
    {background: linear-gradient(45deg, #46c37b 1.25%, #fff 1.25%, #fff 48.75%, #46c37b 48.75%, #46c37b 51.25%, #fff 51.25%, #fff 98.75%, #46c37b 98.75%);background-size: 10px 10px;background-position: 10px 10px;}
    
.emph-black
    {color: black;font-weight: bold;}
.emph-danger
    {color: #d26a5c;font-weight: bold;}
.emph-success
    {color: #46c37b;font-weight: bold;}

.olgroupbtn
    {width:inherit;}
.cursorHelp
    {cursor:help;}
.olUnderline,
.text-underline
    {text-decoration: underline;}
.bg-orange
    {background-color:orange !important;}
.bg-transparent
    {background-color: #C8CFD9;padding-left:5px;}
.bg-transparent button[data-action="fullscreen_toggle"]
    {display:none;}
.bg-transparent .block-options > li > a, 
.bg-transparent .block-options > li > button,
.bg-transparent .block-options > li > .olBlockOptionBut
    {opacity:1;}
.bg-transparent.text-default .block-title
    {color:black !important;}
.bg-transparent .block-title .text-underline
    {text-decoration: underline;}
.head-danger
    {background-color:#d26a5c;color:white;}
.head-success
    {background-color:#46c37b;color:white;}
.head-info
    {background-color:#70b9eb;color:white;}

.w100
    {width:100%;}
.w-30p    
    {width:30%;}
.w-33p    
    {width:33%;}
.w-67p    
    {width:66%;}
    
@media screen and (max-width: 480px) { 
    .w-30p    
        {width:100%;}
    .w-33p    
        {width:100%;}
    .w-67p    
        {width:100%;}
    .w-30p.d-ib,
    .w-33p.d-ib,
    .w-67p.d-ib
        {display:block;}
}
    
    
.pm-1
    {padding:1rem !important;}
.ptm-5
    {padding-top:5rem !important;}
.ptm-6
    {padding-top:6rem !important;}
.pbm-1
    {padding-bottom:1rem !important;}
.pbm-2
    {padding-bottom:2rem !important;}
.pbm-3
    {padding-bottom:3rem !important;}
.plm-3    
    {padding-left:3rem !important;}
    
    
.pr-5
    {padding-right:5px;}
.pl-5
    {padding-left:5px;}
.px-05,.px-0-5
    {padding:0 5px;}
.px-2-4
    {padding:2px 4px;}
.pad-1,.px-1
    {padding:1px !important;}
.pad-2,.px-2
    {padding:2px !important;}
.pad-3,.px-3
    {padding:3px !important;}
.pad-5,.px-5
    {padding:5px !important;}
.pad-7,.px-7
    {padding:7px !important;}
.pad-8,.px-8
    {padding:8px !important;}
.pad-10,.p-10,.px-10
    {padding:10px;}
.pad-13,.p-10,.px-13
    {padding:13px;}
.pad-14,.p-14,.px-14
    {padding:14px;}
.pad-15,.p-15,.px-15
    {padding:15px;}
.pad-20,.p-20,.px-20
    {padding:20px;}
.pad-40,.p-40,.px-40
    {padding:40px;}
.pl-15,.padl-15
    {padding-left:15px;}
.pr-14,.padr-14
    {padding-right:14px;}
.pr-15,.padr-15
    {padding-right:15px;}
.pr-20,.padr-20
    {padding-right:20px;}
.pr-40,.padr-40
    {padding-right:40px;}
.pr-50,.padr-50
    {padding-right:50px;}
.pb-7,.padb-7
    {padding-bottom:7px;}
.pb-7-i,.padb-7-i
    {padding-bottom:7px !important;}
.pt-7
    {padding-top:7px !important;}
.pt-45
    {padding-top: 4.5rem !important;}
    
.padv-14
    {padding-top:14px;padding-bottom:14px;}
.padh-10
    {padding-left:10px;padding-right:10px;}
.push-7-t
    {margin-top:7px;}
.push-5-b
    {margin-bottom:5px;}
.push-10-b
    {margin-bottom:10px;}
.push-15-b
    {margin-bottom:15px;}
.push-20-b
    {margin-bottom:20px;}
.push-25-b
    {margin-bottom:25px;}
.push-30-b
    {margin-bottom:30px;}
.push-30-t,.mt-30
    {margin-top:30px;}
.push-35-b
    {margin-bottom:35px;}
.push-40-b
    {margin-bottom:40px;}
.push-45-b
    {margin-bottom:45px;}
.push-50-b
    {margin-bottom:50px;}
.push-60
    {margin-bottom:60px;}
.push-70
    {margin-bottom:70px;}
.ml-1, .mx-1
    {margin-left: .25rem!important;}
.ml-2, .mx-2 
    {margin-left: .5rem!important;}
.ml-3, .mx-3 
    {margin-left: 1rem!important;}
.ml-4, .mx-4 
    {margin-left: 2rem!important;}
.ml-5
    {margin-left: 3rem!important;}
.mr-0
    {margin-right: 0px!important;}
.mr-1
    {margin-right: .25rem!important;}
.mr-2
    {margin-right: .5rem!important;}
.mr-3
    {margin-right: 1rem!important;}
.mr-4
    {margin-right: 2rem!important;}
.mr-5
    {margin-right: 3rem!important;}
.mt-1
    {margin-top:.25rem!important;}
.mt-2
    {margin-top: .5rem!important;}
.mt-3
    {margin-top: 1rem!important;}
.mt-4
    {margin-top: 2rem!important;}
.mt-5
    {margin-top: 3rem!important;}
.mt-6
    {margin-top: 6rem!important;}
.mt-7
    {margin-top: 7rem!important;}
.mtx-9
    {margin-top: 9px !important;}
.mb-0
    {margin-bottom: 0px!important;}
.mb-1
    {margin-bottom:.25rem!important;}
.mb-2
    {margin-bottom: .5rem!important;}
.mb-3
    {margin-bottom: 1rem!important;}
.mb-4
    {margin-bottom: 2rem!important;}
.mb-5
    {margin-bottom: 3rem!important;}
.mb-6
    {margin-bottom: 6rem!important;}
.mb-7
    {margin-bottom: 7rem!important;}
    
.mlx-5
    {margin-left: 5px !important;}
.mlx-10
    {margin-left: 10px !important;}
.mlx-15
    {margin-left: 15px !important;}
.mlx-16
    {margin-left: 16px !important;}
.mlx-25
    {margin-left: 25px !important;}
.mlx-40
    {margin-left: 40px !important;}
.mrx-40
    {margin-right: 40px !important;}
.mx-40
    {margin: 40px !important;}
    
.radius-15
    {border-radius: 15px;}
    
.text-red
    {color:red;}
.text-green
    {color:green;}
.text-orange
    {color:orange;}
.text-yellow
    {color:yellow;}
.text-blue
    {color:blue}
.text-lightblue
    {color:lightskyblue}
.bg-lightgrey
    {background:lightgrey;}
.bg-yellow
    {background:yellow;}
.bg-red
    {background:red;}
.bg-green
    {background:green;}
.bg-darkopacity-06
    {background: rgba(0,0,0,.6);}
.bg-darkopacity-08
    {background: rgba(0,0,0,.8);}
.bg-whiteopacity-06
    {background: rgba(255,255,255,.6);}
.bg-selectedOllL
    {background:#A2D6FF;}
.block.block-themed > .block-header.bg-selectedOllL > .block-title
, .bg-selectedOllL .block-options li i, .bg-selectedOllL .block-options li span
    {color:#646464;}
.form-material.floating.open label.text-white
    {color:white;}
.fa-16x,.fs-16x
    {font-size: 1.6em;}
.fsx-40
    {font-size: 40px;}
.fsx-30
    {font-size: 30px;}
.fs-s
    {font-size:small;}
.fs-sr
    {font-size:smaller;}
.fs-l
    {font-size:large;}
.fs-xs
    {font-size:x-small;}
.fs-xxs
    {font-size:xx-small;}
.fs-lr
    {font-size:larger;}
.fs-xl
    {font-size:x-large;}
.fs-xxl
    {font-size:xx-large;}

.va-tt
    {vertical-align: text-top;}
.va-t
    {vertical-align: top;}
.va-m
    {vertical-align: middle;}
.va-b
    {vertical-align: bottom;}
    
.w-fc
    {width:fit-content;}
    
.gr-gap0
    {grid-gap:0px !important;}

.tdec-lt
    {text-decoration: line-through;}        
    
.hidden
    {display:none !important;}
.gHidden
    {visibility:hidden !important;}
.gPosRelative, .po-r
    {position: relative;}
.ribbon-bottom
    {position: absolute;bottom: 10px;padding: 0 15px;height: 36px;line-height: 36px;z-index: 500;}
.ribbon-bottom.ribbon-left
    {left:0;}
.ribbon-bottom.ribbon-right
    {right:0;}
.text-vertical
    {-ms-writing-mode: tb-lr;-webkit-writing-mode: vertical-lr;-moz-writing-mode: vertical-lr;-ms-writing-mode: vertical-lr;writing-mode: vertical-lr;
 -webkit-text-orientation: upright;-moz-text-orientation: upright;-ms-text-orientation: upright;text-orientation: upright;
 -webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.btn-strait
    {padding:6px !important;}
.crEdWithoutLbl 
    {margin-bottom:0 !important;}

.moreThanInput span
    {font-size:14px;display:inline-block;}
.moreThanInput .mtiLeft
    {padding:5px 3px 5px 5px;cursor:default;border-right:none;border-top-right-radius:0;border-bottom-right-radius:0;}
.moreThanInput .mtiRight
    {padding:5px 5px 5px 3px;margin-left: -4px; border-left:none;border-top-left-radius:0;border-bottom-left-radius:0;}

input.form-control-inline,
span.form-control-inline
    {border-color: #f5f5f5;background-color: #f5f5f5;transition: none;color: #646464;border: 1px solid #e6e6e6;border-radius: 3px;}
input.form-control-inline[disabled],
input.form-control.form-control-alt[disabled]
    {border-color: #f9eae8;background-color: #f9eae8;;cursor: not-allowed;}
input.form-control-inline.dissuccess[disabled],
input.form-control.form-control-alt.dissuccess[disabled]
    {border-color: #7BA870;background-color: #CBF8C0;;cursor: not-allowed;}
input.form-control-inline:focus,
input.form-control.form-control-alt:focus
    {border-color: #ebebeb;background-color: white !important;box-shadow: none;}
input.form-control.form-control-alt.emphasized
    {border: 1px solid #5c90d2;}
input.sep[disabled]
    {cursor: default !important;background-color: white !important;}

.w-100
    {width:100px;}
.fs-11   
    {font-size:11px;}
.fs-13   
    {font-size:13px;}
.fs-15
    {font-size:15px;}
.fs-17
    {font-size:17px;}
.fs-20
    {font-size:20px;}
.fs-25
    {font-size:25px;}
.fs-30
    {font-size:30px;}
.fs-40
    {font-size:40px;}
.text-align-center,
.text-alc,.ta-c
    {text-align:center;}
.text-alr,.ta-r
    {text-align:right;}
.text-all,.ta-l
    {text-align:left;}

.fa
    {/*width: 14px;*/text-align: center;}
    
.aLike,.aLikeC,.aLikeP,.aLikeE,.aLikeI,.aLikeJ
    {cursor:pointer;}
.aLikeC.text-orange,.aLikeP.text-orange,.aLikeE.text-orange,.aLikeI.text-orange
    {color:orange;}
.aLikeJ.text-grey
    {color:#14adc4;}
.aLikeC:hover,.aLikeP:hover,.aLikeE:hover,.aLikeI:hover
    {color:brown;}
.aLikeC
    {color:#5880B9;}
.aLikeP
    {color:#646464;}
.aLikeE
    {color:#5880B9;}
.aLikeI
    {color:#5880B9;}
.aLikeJ
    {color:grey;}

/** Fixes *********************************************************************/
.block .block-content.tab-content 
    {overflow: inherit !important;}
    
.input-group-addon.colorPickerRes 
    {padding: 6px 12px !important;}
.colorPickerView
    {width:20px;height:20px;border:1px solid grey;}
.modal-dialog
    {background-color:white;}

/** Status  *******************************************************************/
.sts 
    {display: inline;padding: .2em .6em .3em;font-size: 75%;font-weight: 700;line-height: 1;color: #fff;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: .25em;}
.sts-success
    {background-color: #46c37b !important;color:white;}
.sts-warning
    {background-color: #f3b760 !important;color:firebrick;}
.sts-primary
    {background-color: #5c90d2 !important;color:white}
.sts-info
    {background-color: #70b9eb !important;color:white;}
.sts-danger
    {background-color: #d26a5c !important;color:white;}
.sts-primary-dark
    {background-color: #3e4a59 !important;}    
.sts-default
    {background-color: lightgray !important;color:black;}
.sts-yellow
    {background-color: #f4ee43 !important;color:black;}
.sts-modern
    {background-color: #14adc4 !important;color:white;}
.sts-gray
    {background-color: #c9c9c9 !important;color:darkolivegreen;}
.sts-gray-dark
    {background-color: #999999 !important;}
.sts-black
    {background-color: black !important;}
.sts-amethyst
    {background-color: #a48ad4 !important;}

/** Frames  *******************************************************************/
.framed.part 
    {box-shadow:-50px -50px 0 -40px var(--red),50px 50px 0 -40px var(--red);}
    
/** Border  *******************************************************************/
.brd-1s-grey 
    {border:1px solid grey;}
    
/** Page  *********************************************************************/
#main-container 
    {background-color: #C8CFD9;}

@media screen and (min-width: 768px) {
    .content 
        {padding: 15px 15px 1px;}
    .contentF 
        {padding: 35px 15px 1px;}
}
.page-heading {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 3px;
    font-size: 1.6em;
    max-width: calc(100vw - 215px);
}
.page-heading small 
    {color: darkorange;font-size: 20px;font-weight: 500;}

@media screen and (max-width: 767px) {
    .nav-header .header-actions
        {display: none;}
    .nav-header .header-actions.header-actions-xs-visible 
        {position: absolute;top: 47px;left: -54px;z-index: 999;display: block;width: 100%;border-top: 1px solid #f9f9f9;}
}

/** SideMenu  *****************************************************************/
.side-rilogo
    {width:230px;height:120px;padding: 10px 20px;position: fixed;bottom: 0;}
.side-rilogobis
    {width:60px;height:43px;position: fixed;bottom: 0;left:171px;}
.sidebar-o.sidebar-mini #sidebar:hover .side-rilogobis {
    visibility: hidden;
}
.menuBadge
    {position: absolute;opacity: 1.3;font-family: sans-serif;font-size: 10px;font-weight: 100;}
.menuBadge.tabBadge
    {position: absolute;top: 5px;right:4px}
.mainSubHeadTabsList .menuBadge.tabBadge
    {position: absolute;top: 0;right:0}
.badge.menuBadge
    {padding:2px 4px;}
.oluiMenuI
    {position:relative;text-align: center;min-width: 14px;}
.oluiMenuI>.menuBadge {top: -11px;left: 7px}
.olMenuItem>.menuBadge {top: 12px;right: 8px}

/** Page headers **************************************************************/
#header-navbar
    {background-color:#fff !important;}
.header-navbar-fixed #main-container 
    {padding-top: 40px;}
.nav-header .header-search 
    {width: inherit;}
@media (max-width: 767px) {
    .nav-header.pull-right > li
        {margin-left: 0px;}
}
.olHeadUser.btn.btn-image
    {padding-left:12px;}
.header-interf
    {width:100px;}
.header-db
    {width:215px;}
.aboveHeaders
    {background: #cccccc;position: fixed;z-index: 1030;min-width: 100%;}

/** Main Tabs *****************************************************************/
.block > .nav-tabs.mainHeadTabsList
    {background-color:#3C434D;} /*#5c90d2*/
.block > .nav-tabs.mainSubHeadTabsList
    {background-color:#5c90d2;} /*#5c90d2*/
.block > .nav-tabs.mainHeadTabsList > li.empty,.block > .nav-tabs.mainSubHeadTabsList  > li.empty
    {min-width:30px;min-height: 5px;}
.block > .nav-tabs.mainHeadTabsList > li > a
    {color:white;}
.block > .nav-tabs.mainSubHeadTabsList > li > a
    {color:white;}
/*{color:#3C434D;}*/
.block > .nav-tabs.mainSubHeadTabsList > li > a
    {padding:6px 15px;}
.block > .nav-tabs.mainHeadTabsList > li > a:hover
    {background-color:#5c90d2;color: white;}
.block > .nav-tabs.mainSubHeadTabsList > li > a:hover
    {color: white;border-bottom: 1px solid white;}
.block > .nav-tabs.mainHeadTabsList > li.active > a
    {background-color:#5c90d2;color: white;}/*#646464*/
.block > .nav-tabs.mainSubHeadTabsList > li.active > a
    {color: #2A5EA0;background: #C8CFD9;}
.block .mainHeadTabsContent
    {background-color: #C8CFD9;padding: 15px 15px 0 15px;}
.block .mainHeadTabsContent .content
    {padding:0 10px;}
.mainHeadTabs
    {margin-bottom:0;}

@media screen and (max-width: 767px) {
    .block > .nav-tabs
        {max-width:384px;max-height:45px; overflow:auto;}
    .page-heading small 
        {display:inline-block;}
}

@media screen and (min-width: 767px) {
    .table-responsive 
/*        {min-height: .01%;overflow:unset !important;}*/
    .table-responsive .ollOverflowContainer
        {overflow: auto;}
}
.table-responsive  .ollOverflowContainer
    {overflow-y: auto;}
    
/** OLL Table *****************************************************************/
/*.ollContent
    {overflow:unset;}*/
.table.ollTable tbody tr td
    {vertical-align:middle;}
.table.ollTable tbody tr td.ollTDCenter
    {text-align:center;}
.block-content .block.tableContainer 
    {margin-bottom:0px;}
.icon-microsoft-excel.actionIcon.exporel 
    {font-size:24px;cursor:pointer;}
.ollTable th label
    {font-weight: 600 !important;}
.form-material.floating.open label
    {color:#3c7ac9;}
.form-material.floating.open input,.form-material.floating.open select
    {box-shadow:0 1px blue;-webkit-box-shadow:0 1px #3c7ac9;}
.ollTable .olWidget,.ollTable .olNoFilter 
    {padding-left:0px !important;padding-right:0px !important}
.ollTable th
    {z-index:0;}
.ollTable
    {margin-top:0px;margin-bottom:0px}
.ollTable th label.ollTHcenter
    {text-align:center;margin-left: auto;margin-right: auto;left: 0;right: 0;}
.ollTable th input.ollTHcenter,.ollTable td.ollTHcenter,.ollTable .olNoFilter.ollTHcenter
    {text-align:center;}
.ollTable th.ollTHright,.ollTable tr.liste_titre th.colWDense.ollTHright
    {text-align: right;padding-right: 15px !important;}
.ollTable th label.ollTHright
    {text-align:right;margin-left: auto;margin-right: auto;right: 0;}
.ollTable th input.ollTHright,.ollTable td.ollTHright,.ollTable .olNoFilter.ollTHright
    {text-align:right;}
.ollTable th label.ollTHleft
    {text-align:left;margin-left: auto;margin-right: auto;left: 0;}
.ollTable th input.ollTHleft,.ollTable td.ollTHleft,.ollTable .olNoFilter.ollTHleft
    {text-align:left;}
.olTableThDiv.ollTHright
    {text-align:right;}
.olTableThDiv.ollTHleft
    {text-align:left;}
th.ollTHcenter
    {text-align:center;}
.olTableThDiv.ollTHcenter
    {text-align:center;}
.ollTable th.olselect label.ollTHright
    {padding-right: 20px;}
.ollTable th .olWidget
    {padding-right: 0px !important;}
.ollTable tr.ollayout0 th
    {background-color: #8EC2FF;color: #164A8C;cursor:default;}
.ollTable tr.ollayout0 th.thSorted
    {cursor:pointer;}
.ollTable.table-striped tr.olLRow.olPair
    {background-color: #f9f9f9;}
.ollTable.table-striped tr.olLRow.olImpair
    {background-color: white;}
.ollTable.table-striped tr.olLRow.olImpair.bg-danger
    {background-color: #d26a5c;;}
.olLRow
    {color:#646464;}
.olLRow.text-primary
    {color: #5c90d2;}
.olTableThDiv
    {/*padding: 15px 0px;*/}
.ollTable tr .label 
    {display:table-cell;color:inherit;font-weight:inherit;font-size:inherit;text-align:inherit;white-space:inherit;}
.ollTable tr th.label 
    {font-size: 15px;font-weight: 600;}
.ollTable.table-dense > tbody > tr > th, .ollTable.table-dense > tfoot > tr > th, .ollTable.table-dense > thead > tr > td
, .ollTable.table-dense > tbody > tr > td, .ollTable.table-dense > tfoot > tr > td 
    {padding: 4px;font-size:12px !important;height:14px !important;}
.olLineActions,.ollTable tr.liste_titre th.colWDense.olLineActions
    {padding-left:10px !important;}
.realTitle
    {background-color:#646464/*#3675c5*/;color:white;padding:5px;text-align:center;font-variant: small-caps;}
.blockHeaderSmall
    {padding:4px 3px 11px 3px!important;}
.blockHeaderSmall ul.hActions
    {margin-bottom:0px !important;}
.blockHeaderSmall .btn
    {border:none !important;margin-top:3px;}
.blockHeaderSmall .dragTo
    {vertical-align:bottom;}
.ollMediumSmallHeaders .formBlock
    {padding: 0px 20px 1px;}
.ollMediumSmallHeaders .olTableThDiv
    {padding: 0px 0px;}
.olListEllipsis
    {max-width: 120px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap !important;}
.ollTdEditable,
.ollTdEditable.ollTDRight
    {padding-left: 0 !important;padding-right: 0 !important;}
td.olLineActions.ollTdEditable
    {padding-right: 10px !important;}
.ollTdEditable.ollTDRight input
    {text-align: right;}
.ollTdEditable.ollTDRight input.text-center
    {text-align: center;}
td.dbclkEdit:hover    
/*.dbclkEdit:not(.dblClkInEdit):hover*/
    {cursor:pointer;border:1px solid;}
td.dblClkInEdit
    {padding:0 !important;}
td.dblClkInEdit .olInlineOneField
    {display: inline-block;vertical-align: middle; width:100%;}
.olInlineActions
    {display: inline-block;}

.blockHeadersAndList .block-header
    {display:none;}
.blockHeadersAndList .formBlock
    {padding:0 20px 0 20px;}
.blockHeadersAndList .ollTable th
    {padding:0 0 0 5px;}

.ollTable3 tr th:first-child,.ollTable3 tr td:first-child
    {padding-left:20px;}
.ollTable3 tr th:last-child,.ollTable3 tr td:last-child
    {padding-right: 20px;}

.ollTable th.olSortedAsc,.ollTable th.olSortedDesc:hover,.ollTable th.olSortedNone:hover
    {opacity:0.8;}
.ollTable th.olSortedDesc,.ollTable th.olSortedAsc:hover
    {background: linear-gradient( rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) );}    
.ollTable tr.ollayout0 th a,.ollTable tr.ollayout1 th a,.ollTable tr.ollayout2 th a
    {color:white;text-decoration:none;}
.ollTable.table-dense tr.ollayout3 th
    {padding:8px !important;}
.ollTable3.table-dense tr.olListInlineFilters td select,.ollTable3.table-dense tr.olListInlineFilters td input
    {height: 25px;}
.ollTable tr.olListInlineFilters td select,.ollTable tr.olListInlineFilters td input
    {padding:0 !important;}

.ollTDRight
    {padding-right:15px !important;}

.ollTable tr.liste_titre th.colWDense
    {padding:5px !important;text-transform:none;vertical-align:middle;}

.js-validation-login input
    {font-weight:100;color:white !important;}

.olLRow.clickable
    {cursor:pointer;}
#ollRTemplatesOneuitableForm tr.olLRow
    {height:30px !important;}
#ollRTemplatesOneuitableForm tr.olLRow:hover
    {background: #A2D6FF !important;color: white;}
#ollRTemplatesOneuitableForm tr.olLRow.rSelected
    {background: #A2D6FF !important;color: white;}
#ollRTemplatesOneuitableForm tr.olLRow.rSelected:after
    {border-bottom: 1em solid transparent;border-left: 1em solid #A2D6FF;border-right: 1em solid transparent;border-top: 1em solid transparent;
     content: "";height: 0px;position: absolute;width: 0px;margin-top:1px;}
#ollRTemplatesOneuitableForm tr.olLRow.rSelected:hover:after
    {border-bottom: 1em solid transparent;border-left: 1em solid #A2D6FF;border-right: 1em solid transparent;border-top: 1em solid transparent;
    content: "";height: 0px;position: absolute;width: 0px;margin-top:1px;}

#olollDocsForObjs.ollTable tr.ollayout0 th 
    {background-color: #757a83 !important;color: white !important;}

.ollNav ul.pagination
    {margin-top: 5px;}
select.form-control.nlbp
    {height:30px;padding:0;}

.ollLDisabled    
    {filter: opacity(70%);cursor:default !important;}

.css-checkbox.disabled    
    {filter: opacity(50%);cursor:default !important;}

/** olEditor HTML  ************************************************************/
.ollTable td .olHtml 
    {max-height: 60px}
.ollTable td .olHtml p 
    {margin-bottom:0px}
.tooltip-inner p
    {margin-bottom:0px}
.note-editable p
    {margin-bottom:0px}
p {margin-bottom:0px !important}
.form-group>.note-editor.note-frame
    {margin-top:10px}
.modalContent .form-group>.note-editor.note-frame
    {margin-bottom:0px}
.modalContent .form-group.editor
    {margin:0}
#openModalolShowHelp .modalContent
    {overflow:auto}

/** OLL Table Sorting *********************************************************/
.olSortHeader
    {margin-right: 35px;font-weight: 600;color: #999999;font-variant: small-caps;display: block;padding: 3px 0px;font-size: 12px;line-height: 1.42857143;color: #777;white-space: nowrap;}
.dragTo
    {margin-left:5px;}
.olSortUl
    {margin-bottom:20px;}
.olSortChoice.before    
    {cursor:pointer !important;}
.olSortChoice.after:hover
    {border:1px dashed lightgray;}
.olSortIdxA
    {cursor:move !important;}
.fa-sort-amount-desc    
    {color:#efa231;}
.olSortForm 
    {min-width:250px;}
.olSortForm .block
    {margin-bottom: 15px;}
.noLookGroupBtn button.dropDownTrigger
    {background: none;border: none;opacity:0.6;font-size:12px;display: block;padding: 2px 3px;line-height: 20px;vertical-align:top;margin-top: -3px;}
.noLookGroupBtn button.dropDownTrigger:hover
    {opacity:1;}
.olUIBlockseparator
    {min-width:40px;}

/** OLL Table Filters *********************************************************/
.filterDropdown.dropdown-menu
    {min-width: 215px;}
@media (min-width: 992px) {
    .filterDropdown.dropdown-menu 
        {min-width: 500px;}
}
.filterDropdown.dropdown-menu .block-content-narrow
    {padding-right:0px;}
.olUIBlockfilters .olgroupbtn
    {display: block;}
.olUIBlockfilters .ollBlockBtn
    {border:none;background:none;padding:2px 3px;vertical-align: baseline;}
.block-options > li.olUIBlockfiltersFull form
    {width:100px;}
.block-options > li.olUIBlockfiltersFull input
    {margin-top:-25px;height:25px;background:transparent;border: none;}
.block-options > li.olUIBlockfiltersFull .afSearchOpen
    {border-bottom: 1px solid #c6c6c6;}
.block-options > li.olUIBlockfiltersFull .afSearch3
    {width: 120px;text-align:right;}
.olUIBlockseparatorFull
    {min-width:1px;}
.afSearch0
    {min-width:150px;max-width:250px;float: left;padding-right: 10px;}
.olFilterForm.filterDropdown .datetimeRangeSelector input
    {width:127px;}
.filterActions
    {padding:5px 100px;}
.olListInlineFilters
    {height:46px;}    
.olListInlineFilters .input-daterange 
    {max-width: 128px;font-size: 84%;margin: auto;}    
.olListInlineFilters .input-daterange input:first-of-type
    {max-width: 95px;}    
.olListInlineFilters .input-daterange .fa-chevron-right
    {font-size: 10px;}    
.olListInlineFilters .datetime-range 
    {max-width: 128px;font-size: 84%;margin: auto;}    
.olListInlineFilters .datetime-range input:first-of-type
    {max-width: 95px;}  
.olListInlineFilters .datetime-range .input-group-addon
    {padding: 0px 4px}
.olListInlineFilters .datetime-range .icon-refresh
    {font-size: 14px; color:green; cursor:pointer}    

/** OLL Table buttons *********************************************************/
.block-options > li > .olBlockOptionBut
    {opacity: .6;}
a.aExportXl.layout0
    {padding: 3px 12px !important;}
i.icon-microsoft-excel.exportXl
    {font-size: 20px;}
.ollLayoutBlockExcel i.icon-microsoft-excel.exportXl
    {font-size: 23px;}
ul.blockHLayout12
    {margin: -7px 0 -3px 0;padding: 0;height: 24px;}
ul.blockHLayout12 i.create
    {color:white;}
ul.blockHLayout12 .btn
    {border:none;}
.ollTable tr td .css-checkbox  input + span 
    {width:22px;height:22px;margin-top:0;margin-right:0;}
.ollTable tr th.olLineActions    
    {vertical-align: inherit;}
.ollCrInline,.table-hover > tbody > tr.ollCrInline:hover,
.ollTrInEdit,.table-hover > tbody > tr.ollTrInEdit:hover,
tr.ollModalSelected
    {background-color:yellow !important;}    
.ollCrInline th.olLineActions 
    {vertical-align: middle;}
.ollBlockActionIcon
    {font-size:20px;}

.cloneInProgress
    {visibility:hidden;}
.iAmBeingCloned
    {background:red;color:white;}


/** OLL Tree  ***************************************************************/
.ollTable.makeItATree tr
    {cursor:move;}
.ollTable.makeItATree tr.tgNotMoveable
    {cursor:initial;}

/** OLL Inline filters ********************************************************/
/*.olListInlineFilters
    {border-bottom: 7px solid #cccccc!important;}*/
/*.olListInlineFilters td
    {border-bottom: 7px solid #cccccc!important;}*/
.table-hover > tbody > tr.liste_titre:hover 
    {background-color: inherit;}
.olListInlineFilters .form-control
    {font-size:90%;color:darkorange; border: 1px solid #bbb;height:30px}
.olListInlineFilters .datetimeRangeSelector .tddate input
    {width:76px}
.olListInlineFilters .datetimeRangeSelector .tdtime input
    {width:39px}
.olListInlineFilters .datetimeRangeSelector .submit   
    {position: absolute;left: -6px;top:20px;cursor: pointer;color:green}
.olListInlineFilters .datetimeRangeSelector .beg .tdtime
    {position: relative;}
.olListInlineFilters input, .olListInlineFilters select
    {max-width:200px;}
.ollTable.table-dense > tbody > tr.olListAfterFilters td
    {height:6px !important;padding:0;}
    
/** Oll in popup **************************************************************/
.divOllInPopup
    {}

/** UI Blocks *****************************************************************/
.block.block-themed > .block-header.olInherit > .block-title
    {color:inherit;}
.block.block-themed > .block-header.olInherit .block-options > li > button 
    {color: inherit;}
.block.block-themed > .block-header.bg-gray-lighter > .block-title 
    {color: inherit;}
.olSummBlock
    {padding: 15px 35px 1px 35px;}
.olSummBlock .form-group 
    {margin-bottom: 10px;font-weight:600;}
.olSummBlock .form-group label, .olSummBlock .form-group .olLabelLike
    {font-weight:300;font-style:italic;font-size:13px;}
label.disabled
    {color:darkred;}
.olSummBlock .form-control
    {color:#5c90d2;}
.blockTransparentBordered-primary
    {background: #C8CFD9;padding: 10px !important;border: 4px solid #ff6b6b;}
.block-header.blockOpaque-gray-dark
    {background: #999999; color:white; border-bottom: 4px solid #C8CFD9 !important;}
.block-content.blockOpaque-gray-dark
    {background: #999999;padding: 10px !important;border: 4px solid #999999;}
.note-editor.note-frame.fullscreen 
    {top: 48px !important;}

/** Form-control **************************************************************/
.form-control.text-white
    {color:white !important;}
.form-control.text-white::-moz-placeholder 
    {color: white !important;font-style:italic;font-weight: lighter;}
.form-control.text-white:-ms-input-placeholder 
    {color: white !important;font-style:italic;font-weight: lighter;}
.form-control.text-white::-webkit-input-placeholder 
    {color: white !important;font-style:italic;font-weight: lighter;}

/** OLT ***********************************************************************/
.boxHiddenBox
    {display:none;}
.viewEvenIfEdit
    {margin: -12px 0 12px 0;}
.minH22
    {min-height: 22px;}

/** Divers ********************************************************************/
.pagination
    {margin:0;}

/** Statuses ******************************************************************/
.btn-draft
    {background: lightgoldenrodyellow;border:2px solid #E6E6BE;}
.btn-draft:hover
    {background: #E6E6BE;border:2px solid #D2D2AA;}
.bg-draft
    {background: lightgoldenrodyellow;}
.border-draft,.border-StatusFactureDraft
    {border:1px solid #E6E6BE;font-weight: normal;font-size:14px;}    

.btn-lyellow
    {background: lightgoldenrodyellow;border:1px solid #E6E6BE;}
.btn-lyellow:hover
    {background: #E6E6BE;border:1px solid #D2D2AA;}
.bg-lyellow
    {background: lightgoldenrodyellow;}
.border-lyellow
    {border:1px solid #E6E6BE;font-weight: normal;font-size:14px;}    

.btn-red
    {background: red;border:1px solid #B20000;color:white;}
.btn-red:hover
    {background: #B20000;border:1px solid #990000;}
.bg-red
    {background: red;color:white;}
.border-red
    {border:1px solid #B20000;font-weight: normal;font-size:14px;}    

.btn-dark
    {color: #fff;background-color: #2c3e50;border-color: #151e27;}
.btn-dark:hover,
.btn-dark.btn-active
    {background: #1a252f;color: #fff}

.bg-dark
    {background: #2c3e50;color:#fff;}
.border-dark
    {border:1px solid #151e27;font-weight: normal;font-size:14px;}  
    
.btn-darkgreen
    {color:#fff;background-color:darkgreen;border-color:#398439}
.btn-darkgreen:active,.btn-darkgreen.active
    {background-image:none}
.btn-darkgreen:hover
    {background-color: #34a263;}

.btnl 
    {font-weight: 600;border-radius: 2px;-webkit-transition: all 0.15s ease-out;transition: all 0.15s ease-out;display: inline-block;padding: 6px 12px;
    margin-bottom: 0;font-size: 14px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;
    -ms-touch-action: manipulation;touch-action: manipulation;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
    background-image: none;border: 1px solid transparent;border-radius: 4px;}
.btnl-semidark
    {color: #2c3e50;background-color: rgb(44, 62, 80,0.3);border-color: #151e27;}
.btnl-cal
    {color: #2c3e50;background-color: #fac863;border-color: #151e27;}
    
.btn-prev
    {padding: 3px 8px 3px 5px;font-size: 135%;}
.btn-next
    {padding: 3px 5px 3px 8px;font-size: 135%;}

.btn-unpaid
    {background: lightsalmon;border:2px solid #EB8C66;color:white;}
.btn-unpaid:hover
    {background: #EB8C66;border:2px solid #D77852;color:white;}
.bg-unpaid
    {background: lightsalmon;color:white;}
.border-unpaid,.border-StatusFactureUnpaid
    {border:1px solid #EB8C66;font-weight: normal;font-size:14px;}    

.btn-paid
    {background: #46c37b;border:2px solid #5AD78F;color:white;}
.btn-paid:hover
    {background: #5AD78F;border:2px solid #46C37B;color:white;}
.bg-paid
    {background: #46c37b;color:white;}
.border-paid,.border-StatusFacturePaid
    {border:1px solid #5AD78F;font-weight: normal;font-size:14px;}    

.btn-grey
    {background: #B3B2B2;border:1px solid #706F6F;color:white}
.btn-grey:hover
    {background: #706F6F;border:1px solid #B3B2B2;color:white}    

.input-group-addon.btn-primary 
    {color: #fff;background-color: #5c90d2;border-color: #3675c5;}

.text-excel
   {color:#468C46;}  /*#145A14*/
.border-smooth
    {border:1px solid #ff6c9d;}
    
.floatingLike
    {border:none;margin-left:15px;-webkit-box-shadow: 0 1px 0 #e6e6e6;box-shadow: 0 1px 0 #e6e6e6;width:100%;margin-bottom:30px;}

/* Wait Box ******************************************************************/
.waitDialog 
    {position: fixed;font-family: Arial, Helvetica, sans-serif;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,0.8);z-index: 1000;
     webkit-transition: opacity 400ms ease-in;-moz-transition: opacity 400ms ease-in;transition: opacity 400ms ease-in;cursor:wait} 
.waitDialog .waitContainer
    {width: 400px; height:200px;text-align:center;position: relative;margin: 10% auto;padding-top:50px;font-size:18px;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7);-webkit-border-radius: 5px;background: #fff;}      

/* DropZone **********************************************************************/
.olDZOver 
    {border: 2px dashed #000;}

/* Menus **********************************************************************/
.olDiscrete
    {visibility:hidden;}
.olDiscreteParent:hover .olDiscrete
    {visibility:visible;}
.menuAction i
    {width:15px;}
.oluiMenuIDiv
    {min-width: 20px;text-align: center;}

/* createAccountForm **********************************************************************/  
.caALogo
    {position: absolute;left: 7%;top: 0;}
.caTitle
    {position: absolute;right: 7%;top: 15px;text-transform: uppercase;font-size: large;color: white;}
.olAccountForm
    {background-color: white; margin: 60px;padding: 50px 20px 20px 20px;}
.olAccountForm .alert 
    {display:none}
.olAccountForm .form-group
    {padding:30px 0}
.olAccountForm .olError
    {color:red}
label
    {color: #333;}
.btn-send
    {position: absolute;top: -51px;right: 0px;}
.olError.help-block
    {position: absolute;top: -18px;right: 5px;}

/* userWidget **********************************************************************/  
.userWidget.btn-group
    {position:absolute;right:10px;top:31px;z-index:999;}
.userWidgetUl.dropdown-menu > li > span 
    {padding: 7px 12px;display: block;clear: both;font-weight: 400;line-height: 1.42857143;color: #333;white-space: nowrap;cursor:pointer;}
.userWidgetUl.dropdown-menu>li>span:hover 
    {color: #262626;text-decoration: none;background-color: #f5f5f5;}    

/* page dropdown ******************************************************************************/
.abDropdown li
    {cursor:default;}
.abDropdown li a
    {cursor:pointer;}
i.dragdrop
    {margin: 0 5px;}
.dragBtn,
i.dragdrop
    {cursor:move;}
.smMenuHTabs button
    {background-color: #0af;}
.smSubMenuHTabs button
    {background-color: #0ccef5;}
.smMenuHTabs button,.smSubMenuHTabs button
    {width:100%;color: white;line-height:3em;border:none;}
.smMenuHTabs a, .smSubMenuHTabs a
    {color:white;}
div.nav.nav-tabs.mainSubHeadTabsList
    {min-height:5px;}
.smMenuHTabs ul.dropdown-menu li.menuItem 
    {background-color: #0af !important;}
.smMenuHTabs ul.dropdown-menu li.menuItem a
    {color: white;}
.smMenuHTabs ul.dropdown-menu li.menuItem.active a
    {background-color:#337ab7;}
.smSubMenuHTabs ul.dropdown-menu li.menuItem 
    {background-color: #0ccef5 !important;}
.smSubMenuHTabs ul.dropdown-menu li.menuItem a
    {color: white;}
.smSubMenuHTabs ul.dropdown-menu li.menuItem.active a
    {background-color:#337ab7;}


.table-hover > tbody > tr.trNoData:hover 
    {background-color: initial !important;}   
.table-striped > tbody > tr.trNoData
    {background-color: initial !important;}    
.ollCrInline .form-group
    {margin-bottom:0;}
.ollCrInline textarea.form-control 
    {height: 34px;}
.bg-trans.bg-city
    {background: #C8CFD9;border-bottom: 2px solid #ff6b6b !important;padding:15px 5px 5px 5px !important;}
.bg-trans.bg-city h3
    {color: #ff6b6b !important;font-weight: bold;}
.bg-trans.bg-city + .block-content thead tr
    {background-color:#FFE1E0;}

.ollFrm.olOver
    {border: 2px dashed black;}

.stResultLabel.form-control[disabled]
    {cursor: default !important;}
.stResultLabel.form-control[disabled] 
    {background-color: white !important;}

tr.liste_total td[align="right"]
    {padding-right: 15px !important;}    
.treeSelectContainer .dropdown-menu
    {padding:0 !important;}

.olinterval .left
    {padding-right:1px}
.olinterval .right
    {padding-left:1px}
/*//////////////////////////////////////////*/
.olpTitle
    {margin-top:20px;margin-bottom: 25px;border-left: 20px solid;border-bottom: 2px solid;padding-left: 10px;color: black;font-weight: bold;font-size: 22px;filter: brightness(60%);}
.b-danger
    {border-color: #d26a5c;}

/*//////////////////////////////////////////*/
.modalContentOneui .block.block-themed > .block-header
    {background-color: transparent;border-bottom: 1px solid;border-left: 15px solid;margin-bottom: 20px;}
.modalContentOneui .block.block-themed > .bg-primary
    {border-color: #5c90d2!important;}
.modalContentOneui .block.block-themed > .block-header > .block-title
    {color:black;}

/*.ollTable .ui-resizable 
    {position: relative;}    */
.ollTable .ui-resizable-e 
    {cursor: col-resize;width: 7px;right: 0px;top: 0;height: 100%;}
.ollTable .ui-resizable-handle 
    {position: absolute;font-size: 0.1px;display: block;}

.abDropdownMenu
    {padding:0;}
.abDropdownMenu .selAll
    {font-weight: bold;margin-right: 15px;cursor:pointer;}
.abDropdownMenu .selNone
    {font-weight: bold;margin-right: 15px;cursor:pointer;}
.abDropdownMenu li label.css-checkbox.css-checkbox-sm 
    {margin: 4px 0 4px;}
.abDropdownMenu > li:first-child
    {position: sticky;top: 0;background: white;z-index: 5;padding: 10px 0 10px 10px;border-bottom: 1px solid #e5e5e5;}
.abDropdownMenu.abDropdownMenuAlert > li:first-child .abAlert
    {color:red;text-align:center;font-size:13px;margin-top:5px;}
.abphAlert
    {background:red !important;}
.abphAlert .text-limegreen,
.abphAlert .dropdown-toggle,
.abphAlert .fa-caret-down
    {color:white;}
.abphFiltered
    {background:limegreen !important;}
.abphFiltered .text-limegreen,
.abphFiltered .dropdown-toggle,
.abphFiltered .fa-caret-down
    {color:white;}
.abDropdownMenu > li
    {padding: 0 10px 0 10px;}
.abDropdownMenu > li:nth-child(2)
    {padding-top: 10px;}
.red-tooltip + .tooltip > .tooltip-inner, 
.red-tooltip + .tooltip > .tooltip-inner, 
.red-tooltip + .tooltip > .tooltip-arrow
    {background-color: #f00 !important;}
    
.css-checkbox-primary2 input:checked + span {background-color: #92B5E1;border-color: #92B5E1;} 
.css-checkbox-primary3 input:checked + span {background-color: #C8DAF0;border-color: #C8DAF0;} 

/*  Title for modal  ***********************************************************************/
.olModalTitle
    {text-align: center; padding-bottom: 20px;font-weight: bold;}

/*  olSendMail ***********************************************************************/
#olSendmail .attachelem {
    display:inline-block; min-height: 20px; padding: 9px; margin:5px; /* margin-bottom: 20px; */
    background-color: #f5f5f5;  border: 1px solid #e3e3e3; border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05); box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
#olSendmail .attachelem .cancel 
    {margin-left:10px}
.olOver 
    {border: 2px dashed #000;}
#olSendmail .note-btn-group.note-misc 
    {display:none}
#olSendmail .note-btn-group.note-insert 
    {display:none}
#olSendmail .col-md-8 
    {width:75%}
#olSendmail .attach.btn 
    {padding:0}
#olSendmail .note-statusbar
    {display:none}

/* -----------------------------------------------------------------------------*/
.icon-lg,
.nav-header > li > a.icon-lg, 
.nav-header > li > .btn-group > a.icon-lg
    {padding: 4px 7px;}
.icon-lg i
    {font-size:25px;}
.icon-md,
.nav-header > li > a.icon-md, 
.nav-header > li > .btn-group > a.icon-md
    {padding: 0 10px;}
.icon-md i
    {font-size:18px;}

.oldropdown-ul.oldd-open a
    {cursor:pointer;}    
div[data-notify="container"] {max-height:500px;overflow: auto}

/* ---------------------------------------------------------------------------*/
.form-control.form-control-alt
    {border-color:#f5f5f5;background-color:#ebebeb;transition:none}
.form-control.form-control-alt:focus
    {border-color:#ebebeb;background-color:#ebebeb;box-shadow:none}
.form-control.form-control-alt.is-valid
    {border-color:#e0f5e9;background-color:#e0f5e9}
.form-control.form-control-alt.is-valid:focus
    {border-color:#e8f7ee;background-color:#e8f7ee}
.form-control.form-control-alt.is-invalid
    {border-color:#f9eae8;background-color:#f9eae8}
.form-control.form-control-alt.is-invalid:focus
    {border-color:#fbf1f0;background-color:#fbf1f0}
.form-control.bg-primary 
    {background: #5c90d2;color:white;}

/* WIZARD -------------------------------------------------------------------*/
.olWizardForm .block-content.tab-content 
    {overflow: auto;}

.dropdown-header
    {cursor:default;}
.dropdown-header-h1
    {padding: 5px 12px 4px;font-weight: 600;color: black;text-transform: uppercase;cursor:default;font-size: 12px;}
.liOption
    {cursor:pointer;}   
.oldropdownfitd-ul
    {background: #FFFFD7;}
.oldropdownfitd-ul option:hover
    {color:black;}

/** OLL Footers ***************************************************************/
.nlbpTxt
    {display:inline-block !important;background-color:transparent !important;} 
.liNlbpFirst
    {margin-left:20px !important;}

/** Intention *****************************************************************/
.ollProjInvoiceDetsMainBlock tr
    {background-color:black;}    
.ollProjInvoiceDetsMainBlock tr.liste_total
    {background-color:black !important;color:white;border-top: 1px solid #C8CFD9;}    
.ollProjInvoiceDetsMainBlock .ollTable.table-striped tr.olLRow.olImpair,
.ollProjInvoiceDetsMainBlock .ollTable.table-striped tr.olLRow.olPair
    {background-color:#1E1E1E;color:white;}    
.ollProjInvoiceDetsMainBlock .nlbp,
.ollProjInvoiceDetsMainBlock .nlbpTxt
    {display:none !important;}    
.ollProjInvoiceDetsMainBlock .nlbpLines
    {padding-right:0;}    
.ollProjInvoiceDetsMainBlock tr.trNotKept
    {text-decoration: line-through;color: red !important;}    
.ollProjInvoiceDetsMainBlock tr.olLRow td.filter
    {cursor:pointer;}    
.ollProjInvoiceDetsMainBlock th.filter
    {cursor:default !important;}    
.ollProjInvoiceDetsMainBlock i:hover
    {cursor:pointer;color: orange!important;}    
.ollProjInvoiceDetsMainBlock tr.trSel
    {opacity: 0.8;}    
.ollProjInvoiceDetsMainBlock tr.trSel i.filteri
    {color: orange!important;}    
#in_pu_u-id:focus
    {color: black !important;}    
.ollProjInvoiceDetsMainBlock .nhActive
    {background-color: #e1e1e1;border-color: #cacaca;}
.ollProjInvoiceDetsMainBlock .nhActive:hover,
.ollProjInvoiceDetsMainBlock .nhActive i:hover
    {cursor:default;color:#46c37b!important;}
.ollProjInvoiceDetsMainBlock .nhActive i,
.ollProjInvoiceDetsMainBlock .nhActive span,
.ollProjInvoiceDetsMainBlock .nhInactive:hover i,
.ollProjInvoiceDetsMainBlock .nhInactive:hover span
    {color:#46c37b;}
.mdfyPUKms .lblGen
    {color: grey;margin-bottom: 3px;}
.mdfyPUKms .lblSpec
    {color: grey;margin-bottom: 3px;margin-top:15px;}
.mdfyPUKms .inputGen,
.mdfyPUKms .inputSpec,
.mdfyPUCom .inputCom
    {width:175px}
#cl_pu_k-id:focus
    {color: black !important;background:transparent;}    

.pagination > li > a:hover, 
.pagination > li > span:hover, 
.pagination > li > a:focus, 
.pagination > li > span:focus
    {box-shadow:none;color:#646464;}        

.ollTreeTable.table-borderless > tbody > tr > td.treeTdField
    {padding-left: 25px;}
.ollTable td a:hover
    {text-decoration:underline;}


.paper
    {position: relative;padding: 50px;margin: 0 auto;background-color: #fff;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);}
@media screen and (max-width: 767px) {
    .paper
        {padding:0;}
}

.post-it
    {background: linear-gradient(135deg, #ffff88 81%,#ffff88 82%,#ffff88 82%,#ffffc6 100%);}

/*
 * jQuery UI Resizable 1.8.7
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px;border-color: white !important; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}
.ui-icon    {border:3px outset;}


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

/** Sticky olls ***************************************************************/
div.ollOverflowContainer,
form.ollOverflowContainer 
    {max-height: 79vh;;position: relative;}
form.ollOverflowContainer table.ollTable
    {position: relative;width: 3000px}
form.ollOverflowContainer td, 
form.ollOverflowContainer th 
    {padding: 0.25em;}
form.ollOverflowContainer thead th:first-child 
    {left: 0;}
    
form.ollOverflowContainer thead th
    {position: sticky;top: 0;z-index:1;}  
form.ollOverflowContainer tbody tr.olListInlineFilters,
form.ollOverflowContainer tbody tr.olListInlineFilters td
    {position: sticky;top: 27px;background:#f9f9f9;z-index:4;}  
form.ollOverflowContainer tbody tr.olListAfterFilters,
form.ollOverflowContainer tbody tr.olListAfterFilters td
    {position: sticky;top: 69px;background:transparent;z-index:4;}  

form.ollOverflowContainer th.olLineActions     
    {padding-top:0;padding-bottom: 0;}
    
.ollNav.ollStickyFreeze
    {height:0vh;}
    
.ollTable.paneFreezed tr.liste_total
    {position: sticky;bottom: 0px;z-index: 1;}

/**/
input.projRoleDate
    {text-align: right;border: 1px solid #eee !important;height: auto !important;padding-right: 2px !important;background-color: transparent !important;}

    
    
/** Blurred Transparent Wrappers *********************************************/
.ol_bt_wrapper {
    display: flex;
    flex-direction: column;
    border-radius: 1.125rem;
    background: rgba(140,140,140,.33);
    overflow: hidden;
    opacity: .999999;
    -webkit-backdrop-filter: saturate(180%) blur(2rem);
    backdrop-filter: saturate(180%) blur(2rem);
}    

.gridWrapper2 
{display: grid;grid-template-columns: 1fr 6fr;grid-gap: 10px;}
.gridWrapper2b
{display: grid;grid-template-columns: 6fr 1fr;grid-gap: 10px;}
.gridWrapper3
{display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 10px;}
.gridWrapper4
{display: grid;grid-template-columns: 1fr 6fr 1fr 1fr ;grid-gap: 10px;}
.gridWrapper4b
{display: grid;grid-template-columns: 6fr 1fr 1fr 1fr ;grid-gap: 10px;}
.gridWrapper
{display: grid;grid-gap: 10px;}

.oneone 
{grid-column: 1;grid-row: 1;}
.onetwo 
{grid-column: 1;grid-row: 2;}
.twoone 
{grid-column: 2;grid-row: 1;}
.twotwo
{grid-column: 2;grid-row: 2;}

.flex-jc
    {justify-content: center;}
.flex-ac
    {align-items: center;}
a.btn.disabled 
    {pointer-events: inherit !important;}
a.btn.disabled i
    {cursor:not-allowed}
    
.themenu    {overflow-y: auto;max-height: 77vh !important;max-height: 82vh;position: relative;}
table.menuitems {position: relative;border-collapse: collapse;width: 3000px;margin-top: 0px;margin-bottom: 0px;}

/** SCROLLBAR ***********************************************
*/
.scrollbar2::-webkit-scrollbar {
    width: 10px;
}

.scrollbar2::-webkit-scrollbar-track {
    border-radius: 2px;
    background-color: #e7e7e7;
    border: 1px solid #cacaca;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

.scrollbar2::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #363636;
}


@media screen and (max-width: 767px) {
    .afSearch0
        {background: white;color: black;}
    .afSearch0 input
        {padding-left: 5px !important;}
    .nav-header .header-actions.header-actions-xs-visible {
        background: #d4d4d4;
        padding: 10px 5px;
        left:0;
    }
}
/*******************************************************************************
/**      XBOXES      ***********************************************************
/*******************************************************************************
*/
.xboxContent .oltBox
    {margin-bottom: 4em;}
.oltBox .block-header.bg-primary
    {background-color: #5c90d222 !important;color: #5c90d2 !important;border-bottom: 3px solid #5c90d2 !important;}
.oltBox .block-header.bg-primary>.block-title
    {color: #5c90d2 !important;}
.oltBox .block-header.bg-danger
    {background-color: #d26a5c22 !important;color: #d26a5c !important;border-bottom: 3px solid #d26a5c !important;}
.oltBox .block-header.bg-danger>.block-title
    {color: #d26a5c !important;}
.oltBox .block-header.bg-success
    {background-color: #46c37b22 !important;color: #d26a5c !important;border-bottom: 3px solid #46c37b !important;}
.oltBox .block-header.bg-success>.block-title
    {color: #46c37b !important;}    
.oltBox .block-header.bg-warning
    {background-color: #f3b76022 !important;color: #d26a5c !important;border-bottom: 3px solid #f3b760 !important;}
.oltBox .block-header.bg-warning>.block-title
    {color: #f3b760 !important;}    

    
.oltContent.xboxContent .block.oltMainEditBlock,
.oltContent.xboxContent .block.oltComplBlock
    {box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;}
.oltContent.xboxContent .block.block-themed
    {height:100%;margin-bottom:0px !important;}
.oltContent.xboxContent .block-content.block-content-full 
    {padding-bottom: 0px !important;}  
.xboxContent .xBoxMainH
    {box-shadow: rgba(0, 0, 0, 0.15) -2.6px 2.4px 123.2px;margin-bottom: 10px;padding-left: 45px;}
.xboxContent .xboxMainTitle
    {font-family:Roboto Condensed;}
.xboxContent .xBoxGrey
    {margin-left:0px;display:flex;}

.xboxContent .xBoxGridCont.paper
    {box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;;}
.xboxContent .xBoxGrid
    {display: flex;margin-top:10px;column-gap:4em;font-family: 'Source Sans Pro';}
.xboxContent .xBoxGrid > .oltBox 
    {}    
.xboxContent .xboxMainVCont
    {font-family: Roboto Condensed;}
.xboxContent .xboxMainVItem
    {padding-left:15px;}
.xboxContent .xboxMainVItemSts
    {color: white;padding-top: 5px;padding-bottom: 5px;}
.xBoxGrid .ollTable tr.ollayout0 th a
    {color: black !important;}
.xBoxGrid .ollTable tr.ollayout0 th 
    {border-top: none !important;border-bottom: 1px solid lightgrey;}     
.xBoxGrid form.ollOverflowContainer tbody tr.olListAfterFilters, 
.xBoxGrid form.ollOverflowContainer tbody tr.olListAfterFilters td 
    {background-color: white;}    
.xBoxGrid .olListAfterFilters
    {display:none;}
.xBoxGrid .olListInlineFilters td
    {border-bottom:1px solid lightgrey;}
.xBoxGrid .ollTable.paneFreezed tbody tr.olListInlineFilters td:nth-child(1) 
    {top: 27px;}    
.xBoxGrid .ollTable.paneFreezed tbody tr:not(.olListInlineFilters) td:nth-child(1) 
    {top: 27px;position:static;}   
.xBoxGrid tr.liste_total td[align="right"] 
    {padding-right: 0px !important;}
.oltMainEditBlock 
    {width:100%;}
    
.tabRow, .tabCol
    {margin-top:10px !important;;}
.tabRow .form-group,
.tabRow .form-material,
.tabRow label
    {margin:0;}
.tabCol .form-group,
.tabCol .form-material,
.tabCol label
    {margin:0;}
.form-control-alt .input-group-addon 
    {background-color: transparent;border-color: transparent;}
.form-control:not(.form-control-alt)
    {padding-left:15px;}
.form-control.form-control-alt.olAutocompleteInputGroup
    {border:none;}
.gridWrapper .form-group
    {margin-bottom:0;}

@media screen and (max-width: 480px) { 
    .xboxContent .xBoxGrid
        {display: block !important;margin-top:35px !important;width:100%;} 
    .xboxContent .xBoxGrid.col-xs-10
        {width:100% !important;height: 100% !important;} 
    .xboxContent .oltBox
        {margin-bottom:20px;}
    .xboxContent .xboxMainTitle
        {font-size: large !important;font-weight: 600;}
    .xboxContent .xBoxGrey
        {margin-left:0px;display:block;width:100%;}
}   

li.navLiButtons
    {float:right;}
li.navLiButtons > a 
    {color: white !important;display:inline-block;}
li.navLiButtons > a:hover
    {box-shadow:none !important;background-color:green !important;}  
    

.oltProjectTab .framed .form-group 
    {margin: 0px !important;}
.oltProjectTab .framed .form-control 
    {height:24px !important;padding:1px 2px;}
.oltProjectTab .framed .col-xs-12
    {padding:0px;}
.oltProjectTab .projEditContent textarea
    {min-height:155px;}
.oltProjectTab .ollBillablesK .olLineActions 
    {background: none !important;border-right: none  !important;width:50px;}
.oltProjectTab .ollBillablesK td, .oltProjectTab .ollBillablesK th
    {border-right: none !important;border-left: none !important}   
.oltProjectTab .ollTable tr.liste_titre th.colWDense.ollTHright,.oltProjectTab td
    {padding-right:0px !important;}
.oltEditBlock
    {width:100%}
    
.arrowBtn .btn
    {padding:7px 12px;border-top-right-radius:unset;border-bottom-right-radius:unset;}
.arrowBtn .btnArrow
    {left:-3px; border-top : 18px solid transparent; border-bottom : 18px solid transparent; border-left : 18px solid #5c90d2;}
.arrowBtn.abtn-primary .btn
    {border-color:#5c90d2;}
.arrowBtn.abtn-primary:hover .btn
    {background-color: #3c7ac9;border-color:#5c90d2;}
.arrowBtn.abtn-primary:hover .btnArrow
    {border-left-color:#3c7ac9 !important;}
  
/** Center image for our summernode addition (button img centered) **/
img.center {
    display:block;
    margin: auto;
}