/******************************************************************************/    
/*   C4B  :                                                               */    
/******************************************************************************/   

/** Colors ********************************************************************/
/*
    Main2             : #242f3f      //Vertical Menu, Part 2, below the logo + Horizontal Menu, level 1
    Main2             : #3d4755      //Vertical Menu, Part 1, with the logo
    Main3             : #536d90      //Horizontal menu: active + Horizontal menu level 2

    Red 20             : #da5835      //--Main red
    Red 30             : #e79079      //--Lighter 1
    Red 40             : #f4ccc2      //--Lighter 2

    Orange 2          : #f9d28c      //--TMS - sat & sun
    Orange 3          : #fce6be      //--TMS - sat & sun details

    Grey 10            : #1b2738      //--Horizontal menu
    Grey 20            : #3d4755      //--Vertical menu - up
    Grey 30            : #242f3f      //--Vertical menu - down
    Grey 40            : #8a9099      //--Lighter

    Blue 10            : #f4ccc2      //--TMS - headers
    Blue 20            : #f8e1db      //--TMS - background
    Blue 30            : #f8e1db      //--TMS - background


/** Generic *******************************************************************/
.block
    {margin-bottom:15px;}
.fAudiowide
    {font-family: 'Audiowide', cursive;}
div.ollOverflowContainer,
form.ollOverflowContainer 
    {max-height: 77vh;;position: relative;}
form.ollOverflowContainer#ollCPEIabilstableForm
    {max-height: 74vh;;position: relative;}
    
    
/** Page Structure ************************************************************/
.aboveHeaders
    {position: fixed;z-index: 1030;min-width: 100%;}
#header-navbar
    {margin: 10px 15px 15px 15px;}
.side-header.side-content.bg-white-op 
    {padding: 30px 10px 10px 10px;}
.page-heading 
    {color: #33669B;}
.nav-main a > i,
.nav-main li.open > a.nav-submenu > i
    {color: white;}
.nav-main li.open > a.nav-submenu 
    {color:rgba(255, 255, 255, 0.5);}
.contentF
    {padding: 40px 15px 1px;}
    
/** Menu colors ***************************************************************/
.side-header.side-content.bg-white-op   /* 1st Vertical */
    {background-color: #3d4755;}  
#page-container, #sidebar               /* 2d Vertical */
    {background-color: #242f3f !important;}
.block.mainHeadTabs                    /* 1st Horizontal */
    {background-color: #1b2738;}
.block > .nav-tabs.mainHeadTabsList     
    {background-color:rgba(255, 255, 255, 0.075);}
.block > .nav-tabs.mainSubHeadTabsList  /* 2d Horizontal */
    {background-color:#536d90;}
#header-navbar
    {border-bottom:4px solid white;}    

.block > .nav-tabs.mainHeadTabsList > li.active > a 
    {background-color: #536d90;color: white;}
.block > .nav-tabs.mainHeadTabsList > li > a:hover
    {background-color:#0098CA;color: white;}
.block > .nav-tabs.mainSubHeadTabsList > li > a 
    {color: white;}
.block > .nav-tabs.mainSubHeadTabsList > li.active > a
    {color: black;background: #C8CFD9;} 
.nav-main a.active > i
    {color:#536d90 !important;}
.nav-main a:hover > i,
.nav-main li.open > a.nav-submenu:hover > i
    {color: #536d90;}
    
/** Page colors ***************************************************************/
#main-container 
    {background-color: #C8CFD9;}
.block .mainHeadTabsContent
    {background-color: #C8CFD9;}
.block .mainHeadTabsContent .ollMainBlock nav 
    {background-color: #C8CFD9;}
.block.block-themed > .block-header.bg-transparent 
    {background-color: #C8CFD9;}    
.block > .nav-tabs.mainSubHeadTabsList > li.active > a 
    {color: black;background: #C8CFD9;}
.aboveHeaders
    {background: #C8CFD9;}
    
/** Header action buttons *****************************************************/
.header-search .btn.btn-primary
    {background-color:#db257d;border-color: #BD075F;}
.header-search .btn.btn-primary:hover
    {background-color:#BD075F;}
.afSearch0 .si-magnifier
    {color:#db257d;}
.afSearch0 input.form-control.text-primary
    {color: #0af;}
    
/** Logos *********************************************************************/
.side-header > span, .side-header > a 
    {line-height: inherit;}
.miniLogoFA
    {position:relative;}
.miniLogoF
    {height:29px;background-color: inherit;display:inline-block;margin-left: -2px;}
.sidebar-mini .miniLogoF
    {margin-right: 14px;}
.miniLogoA
    {position: absolute;top: 0%;margin: 0px;left: 100%;font-size: 30px;}
    
/** Main Tabs *****************************************************************/
.block.mainHeadTabs
    {margin: 30px 15px 30px 15px !important;} /*#5c90d2*/
  

/** ollTables *****************************************************************/
.ollMainBlock 
    {padding-right:0;}
.ollInvoicedetsMainBlock.ollMainBlock 
    {padding-right:15px;}
.ollTable tr.ollayout0 th 
    {/*background-color:white !important;color: white !important;*/}
.ollTable tr.ollayout0 th a
    {color: #33669B !important;}
tr.liste_total
    {border-top:5px solid #C8CFD9;background:lightgoldenrodyellow !important;font-weight:bold;}
.ollTable th.olSortedDesc, 
.ollTable th.olSortedAsc:hover 
    {background: transparent;text-decoration: underline;}
.ollTable th.olSortedDesc,
.ollTable th.olSortedAsc,
.ollTable th.olSortedNone
    {cursor:pointer;}
.ollFrm
    {background: #C8CFD9 !important;}
.ollFrm thead
    {background: #f5f5f5 !important;}

/** olt ***********************************************************************/
.block .mainHeadTabsContent .content.oltContent
    {padding:0;}
.block .mainHeadTabsContent
    {padding:10px 0 0 0;}
    
/** Footer ***********************************************************************/
#page-footer.content-mini
    {padding: 25px 15px 10px;position:relative;background:#CCCCCC;}
.footer-tagline 
    {min-height:13px; background: #cccccc url(/olterrafe/img/brand-colours_v2.png) no-repeat center center/100% auto;width: 100%;}
.olPoweredBy
    {padding-right:5px;}

/** olAutocompleter ***********************************************************/
.olAutociFk_imputCol4
    {text-align:right;}
 
 /** templates ****************************************************************/
#ollRTemplatesOneuitableForm tr.olLRow
    {height:30px !important;}
#ollRTemplatesOneuitableForm tr.olLRow:hover
    {background: #db257d !important;color: white;}
#ollRTemplatesOneuitableForm tr.olLRow.rSelected
    {background: #db257d !important;color: white;}
#ollRTemplatesOneuitableForm tr.olLRow.rSelected:after
    {border-bottom: 1em solid transparent;border-left: 1em solid #db257d;border-right: 1em solid transparent;border-top: 1em solid transparent;
        content: "";height: 0px;position: absolute;right: -9px;width: 0px;margin-top:1px;}
#ollRTemplatesOneuitableForm tr.olLRow.rSelected:hover:after
    {border-bottom: 1em solid transparent;border-left: 1em solid #db257d;border-right: 1em solid transparent;border-top: 1em solid transparent;
        content: "";height: 0px;position: absolute;right: -9px;width: 0px;margin-top:1px;}

/** Biarc button on dispatching page **/
#biacrvch img {padding-left: 10px; width: 40px;}

span.inmail i.si-envelope-letter {padding-right:5px;color:green;cursor:pointer}

/** dropDown ******************************************************************/
#dpdwn-iTaskRate
    {background: #FFFFD7;}
#dpdwn-iTaskRate .dropdown-header
    {color: #4C7200;}
    
/** projectcs *****************************************************************/