@font-face 
{
    font-family: 'Dosis Regular';
    src: url('UBIStyle3/fonts/Dosis-Regular.ttf') format('truetype');
}

body
{
    width: 100%;
    margin: 0px;
    padding: 0px;
    font-family: Tahoma, sans-serif;
    font-size: 10pt;
}

a, a:visited
{
    color: #0081b8;
    text-decoration: none;
}

    a img
    {
        border: none;
    }

h2
{
    font-size: 14pt;
    font-weight: normal;
    margin-left: 10px;
    color: #339ac6;
}

hr
{
    border: none;
    width: 100%;
    background-color: #ABC1D8;
    height: 1px;
}


.hidden
{
    visibility: hidden;
}

.ubiFormInput{ /*To prevent Chrome/Edge to override Tahoma*/
    font-family:Tahoma,sans-serif;
}

/********************************/
/* Login page					*/
/********************************/
#loginMargins
{
    background-image: url('UBIStyle2/Login2-UbiCloud.jpg');
    background-position: center;
    background-repeat: no-repeat;
    height: 668px;
}

#loginPage
{
    width: 300px;
    margin: auto;
    padding-top: 330px;
    text-align: center;
}

.loginFormUserName
{
    padding-left: 20px;
    color: Black;
    height: 31px;
    width: 232px;
    border: 1px solid #0283b9;
    margin-left: 80px;
    font-size: 14pt;
}

.loginFormPassword
{
    padding-left: 20px;
    font-size: 14pt;
    color: Black;
    height: 31px;
    width: 232px;
    border: 1px solid #0283b9;
    margin-left: 80px;
    margin-top: 12px;
}

.loginButton
{
    position: relative;
    left: 40px;
}

/********************************/
/* Headers						*/
/********************************/

#logoPlaceHolder
{
    position: absolute;
    right: 20px;
    top: 4px;
    height: 80px;
    vertical-align: middle;
    text-align: center;
}

    #logoPlaceHolder img
    {
        vertical-align: middle;
        text-align: center;
    }

#Header1
{
    display: block;
    background-image: url('UBIStyle2/HeaderBg.jpg');
    background-repeat: no-repeat;
    height: 89px;
    width: 100%;
}

#Header2
{
    display: block;
    position: relative;
    height: 29px;
    width: 100%;
    left: 0px;
    background-color: #4b4644;
}

#Header3
{
    position: relative;
    background-image: url('UBIStyle2/Header3Bg.png');
    height: 23px;
    width: 100%;
    background-repeat: repeat-x;
}


#Header4 {
    position: relative;
    /*padding-top: 10px;*/
    /*padding-left:30px;*/
    line-height: 40px;
    /*vertical-align: middle;*/
    height: 40px;
    width: 100%;
    background-repeat: repeat-x;
    color: #339ac6;
    background-image: url('UBIStyle2/Header4Bg.png');
    /*background-color: #efebea;*/
}

    #Header4 p
    {
        margin: 0px;
        padding: 0px;
        margin-left: 30px;
    }

.TitleBarText {
    font-size: 12pt;
    text-transform: uppercase;
}

/********************************/
/* Recherche, déconnexion		*/
/********************************/
#SearchBar {
    background-image: url('UBIStyle2/SearchBarBg.png');
    background-repeat: no-repeat;
    width: 451px;
    height: 29px;
    position: relative;
    right: 0px;
    float: right;
    top: 0px;
    font-family: 'Dosis Regular', 'Tahoma', sans-serif;
    color: white;
    font-size: 17px;
}

#SearchBar a
{
    color:white; 
}


/********************************/
/* Onglets de navigation		*/
/********************************/

.nav
{
    /*background-color:#4b4644;*/
    background-color: Red;
    height: 0px;
    position: absolute;
    top: 111px;
    z-index: 3000;
}

    .nav ul
    {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        margin-left: 50px;
        position: relative;
        top: -10px;
        z-index: 50;
    }

        .nav ul li
        {
            position: relative;
            z-index: 70;
        }

.mainTabUnselected
{
    background-image: url('UBIStyle2/tab_gray.png');
    background-repeat: no-repeat;
    top: 0px;
    margin: 0px;
    padding: 5px;
    /*height:69px;*/
    height: 35px;
    width: 120px;
    z-index: 50;
    text-align: center;
    float: left;
}

.nav ul li:hover, .mainTabSelected
{
    background-image: url('UBIStyle2/tab_white.png');
    background-repeat: no-repeat;
    /*position: relative;*/
    /*color: #339ac6;*/
    top: -5px;
    margin: 0px;
    padding: 5px;
    /*height:69px;*/
    height: 35px;
    width: 120px;
    z-index: 20;
    text-align: center;
    float: left;
}

.nav ul li a
{
    text-decoration: none;
    color: Black;
}

    .nav ul li a:hover
    {
        color: #339ac6;
    }

    .nav ul li a:active
    {
        color: #339ac6;
    }

/********************************/
/* Sous Menu de navigation		*/
/********************************/

.ssMenu
{
    position: relative;
    z-index: 40;
    width: 249px;
    top: 24px;
    visibility: hidden;
    left: -5px;
}

.ssMenuHG
{
    background-image: url('UBIStyle2/NavBox/HG.png');
    background-repeat: no-repeat;
    height: 7px;
    width: 7px;
}

.ssMenuHD
{
    background-image: url('UBIStyle2/NavBox/HD.png');
    background-repeat: no-repeat;
    height: 7px;
    width: 6px;
}

.ssMenuBG
{
    background-image: url('UBIStyle2/NavBox/BG.png');
    background-repeat: no-repeat;
    height: 8px;
    width: 7px;
}

.ssMenuBD
{
    background-image: url('UBIStyle2/NavBox/BD.png');
    background-repeat: no-repeat;
    height: 8px;
    width: 6px;
}

.ssMenuH
{
    background-image: url('UBIStyle2/NavBox/H.png');
    background-repeat: repeat-x;
    height: 7px;
}

.ssMenuB
{
    background-image: url('UBIStyle2/NavBox/B.png');
    background-repeat: repeat-x;
    height: 8px;
}

.ssMenuG
{
    background-image: url('UBIStyle2/NavBox/G.png');
    background-repeat: repeat-y;
    width: 7px;
}

.ssMenuD
{
    background-image: url('UBIStyle2/NavBox/D.png');
    background-repeat: repeat-y;
    width: 6px;
}

.ssMenuCenter
{
    background-color: #EAEAEA;
    text-align: left;
}

.ssMenu ul
{
    margin: 10px 0px 0px 0px;
    font-size: 10pt;
    /*list-style-image:url('UBIStyle2/ArrowSmall.png');
	list-style-position:inside;*/
}

    .ssMenu ul li
    {
        margin: 0px;
        height: auto;
        padding: 5px;
        border-bottom: 1px solid white;
    }

        .ssMenu ul li:last-child
        {
            border-bottom: none;
        }

        .ssMenu ul li:hover {
            background-image: none;
            height: auto;
            width: auto;
            float: none;
            position: relative;
            top: auto;
            margin: auto;
            z-index: auto;
            text-align: left;
            /*font-size: 11pt;*/
        }

        .ssMenu ul li a
        {
            display: block;
            width: 100%;
            height: auto;
            color: #21647F;
        }

            .ssMenu ul li a:hover
            {
                background-color: #7ABFDB;
                color: White;
            }

/********************************/
/* Corps de page				*/
/********************************/

#mainBody
{
    position: relative;
    margin: 15px 50px 0px 35px;
}

/********************************/
/* SS-Onglets de navigation		*/
/********************************/

.tabs
{
    float: left;
    width: 180px;
}

    .tabs ul
    {
        list-style-image: url('UBIStyle2/ArrowSmallWhiteBG.png');
        text-transform: uppercase;
        margin: 0px;
        padding: 0px;
    }

        .tabs ul li
        {
            border-bottom: solid 1px #AFB8CC;
            padding-top: 10px;
            padding-bottom: 5px;
        }

            .tabs ul li a
            {
                font-size: 10pt;
                font-weight: bold;
                color: #4b4644;
                text-decoration: none;
            }

                .tabs ul li a:hover, a:active, .current
                {
                    color: #339ac6;
                }

            .tabs ul li.current a
            {
                color: #339ac6;
            }

/********************************/
/* Corps de données				*/
/********************************/

.dataBody
{
    margin-left: 180px;
}


/********************************/
/* Boite de recherche			*/
/********************************/
.searchBoxContainer
{
    display: inline;
    float: right;
    height: 30px;
    position: relative;
    top: 2px;
    margin: 0px;
}

.searchBox
{
    border: 2px solid #948e8c;
    height: 22px;
    margin-right: 0px;
    background-image: url('UBIStyle2/searchBtn.png');
    background-repeat: no-repeat;
    background-position: right;
}

.searchBoxIcon
{
    vertical-align: middle;
    position: relative;
    z-index: 50;
    top: -2px;
}



/*
.standButton {
    margin: 0px;
    position: relative;
    top: 3px;
    display: inline;
    float: right;
    height: 30px;
    width: 110px;
    background-image: url('UBIStyle2/StdBtn.png');
    background-repeat: no-repeat;
    text-align: left;
    padding: 6px 0px 0px 20px;
    margin-right: 10px;
    font-size: 10pt;
}
*/


.standButton {
    cursor: pointer;
    float: left;
    margin-left: 10px;
    margin-top: 2px;
    background: linear-gradient(#ffffff, #dddddd);
    padding: 5px;
    border-radius: 8px;
    border: 1px solid lightgray;
    box-shadow: 0px 0px 5px 0px #C6C6C6;
    top: 5px;
    font-size: 10pt;
}


.standButtonWithImg
{
    margin: 0px;
    position: relative;
    top: 3px;
    display: inline;
    float: left;
    width: 110px;
    height: 30px;
    background-image: url('UBIStyle2/StdBtn.png');
    background-repeat: no-repeat;
    text-align: left;
    padding: 6px 0px 0px 20px;
    font-size: 10pt;
}

    .standButtonWithImg img
    {
        vertical-align: middle;
    }

/********************************/
/* Carte sur objet				*/
/********************************/

.mapBox
{
    width: 100%;
    height: 600px;
}

/********************************/
/* Boite de filtrage			*/
/********************************/
.bigFilterBox
{
    background-color: #FFFFFF;
    z-index: 50;
    position: static;
    margin: 0px;
    /*top:230px;*/
    left: 0px;
    width: 100%;
    background-image: url('UBIStyle2/FilterBoxBg.png');
    background-repeat: repeat-x;
    background-position: right top;
    font-size: 8pt;
}

    .bigFilterBox input, .bigFilterBox select
    {
        font-size: 8pt;
    }

    .bigFilterBox .criterias
    {
        margin-top: 10px;
        margin-left: 30px;
        display: inline;
        vertical-align: middle;
    }

    .bigFilterBox .filterValidation
    {
        /*position:absolute;
	right:190px;
	top:185px;*/
    }

.bigFilterBtn
{
    position: absolute;
    z-index: 50;
    width: 112px;
    right: 50px;
    top: 146px;
    height: 30px;
    background-image: url('UBIStyle2/StdBtn.png');
    background-repeat: no-repeat;
    text-align: center;
    padding: 6px 0px 0px 6px;
    cursor:pointer;
}

/********************************/
/* Feuille de route				*/
/********************************/
.feuilleRoute
{
    font-size: 8pt;
    width: 100%;
    border-collapse: collapse;
}

    .feuilleRoute tr:hover
    {
        background-color: #CCC;
    }

    .feuilleRoute th
    {
        background-color: #333;
        color: White;
    }

    .feuilleRoute td
    {
        text-align: center;
    }

.feuilleRouteAltTh
{
    background-color: #DDD;
}

/********************************/
/* New Home buttons 			*/
/********************************/

.newHomeButton
{
}

.newHomeButtonTable
{
    width: 128px;
    max-width: 128px;
    display: inline-table;
    border-collapse: collapse;
    background-image: url('HomeButtons/btnBg.png');
    background-repeat: no-repeat;
    color: #00334C;
    text-decoration: none;
    position: relative;
    margin: 0px 10px 20px 10px;
}

.newHomeButtonTable:hover
{
    color: #008BBF;
}

    .newHomeButton td
    {
        margin: 0px;
    }

.newHomeButtonBottom
{
    height: 44px;
    padding: 0px 8px;
    max-height: 44px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    word-wrap: break-word;
}


/********************************/
/* Home buttons 				*/
/********************************/

.homeButton
{
    display: inline-table;
    border-collapse: collapse;
}

    .homeButton td
    {
        margin: 0px;
        padding: 0px;
    }

.homeButtonLeft
{
    width: 48px;
    height: 41px;
}



/********************************/
/* Home widgets 				*/
/********************************/

.widgetPart
{
    margin-top: 120px;
}



.viewPreviewPlaceHolder {
    background: transparent;
    position: relative;
    margin-top: 0px;
    width: 100%;
    height: auto;
    top: 0px;
}

.viewPreviewTitlePlaceHolder /*For center at bottom the div containing title*/ {
    width: 100%;
    height: auto;
    margin-top: 20px;
    text-align: center;
}

.viewPreviewTitle {
    border-top: 1px solid #AFB8CC;
    border-left: 1px solid #AFB8CC;
    border-right: 1px solid #AFB8CC;
    margin-top: 40px;
    margin-left: 40px;
    margin-right: 40px;
    padding-top: 20px;
    width: auto;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.viewPreviewTitle span {
    position: relative;
    font-size: 12pt;
    font-weight: bold;
    font-family: Tahoma, 'Dosis Regular', Arial, sans-serif;
    color: #339ac6;
}

.viewPreviewTitle:before, .viewPreviewTitle:after {
    position: absolute;
    bottom: 0;
    content: "";
    width: 15px;
    height: 15px;
}



.viewPreviewResultTabPlaceHolder {
    border-bottom: 1px solid #AFB8CC;
    border-left: 1px solid #AFB8CC;
    border-right: 1px solid #AFB8CC;
    margin-bottom: 40px;
    margin-left: 40px;
    margin-right: 40px;
    padding: 20px;
    height: auto;
    text-align: center;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.viewPreviewResultTabPlaceHolder tr:nth-child(odd) {
    background: #e6f0f5;
}

.viewPreviewResultTabPlaceHolder tr:hover {
    background: #A3B0B2;
}

.viewPreviewResultTabPlaceHolder .objectTable .objectTablePaging table {
    margin: auto;
}

.viewPreviewResultTabPlaceHolder .objectTable .objectTablePaging,
.viewPreviewResultTabPlaceHolder .objectTable .objectTablePaging tr {
    background: #ffffff;
}

.viewPreviewDeleteButton {
    float: right;
    border: none;
    background-color: #E58787;
    color: white;
    margin-right: 20px;
}


/********************************/
/* ToolTips		 				*/
/********************************/
.toolTip {
    background-color: #ECECFF;
    border: 1px solid #33A1CD;
    visibility: hidden;
    font-size: 10pt;
    padding: 3px;
    margin: 3px;
    color: #2B86A8;
}

.objectViewDocuIcon
{
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin-left: 5px;
}

/********************************/
/* Menu arbres	 				*/
/********************************/
.treeMenu
{
    position: absolute;
    display: inline;
    font-size: 8pt;
    /*border:1px solid #DDD;*/
    /*background-color:#EEE;*/
    /*padding:5px;*/
    margin-bottom: 0px;
    padding: 0px;
    margin-left: 25px;
    vertical-align: middle;
    visibility: hidden;
}

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

.treeDiv
{
    /*min-width:400px;*/
}

.treeNode
{
    padding: 4px;
}

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

.treeControl
{
    margin: 10px;
    padding: 10px;
}

.treeBtnCenter
{
    background-image: url('UBIStyle2/Arbre/BtnNew_02.png');
    background-repeat: repeat-x;
    height: 24px;
    display: inline-table;
}

.treeBtnEnd
{
    background-image: url('UBIStyle2/Arbre/BtnNew_04.png');
    width: 8px;
    height: 24px;
    display: inline-table;
}

.treeBtnNew
{
    background-image: url('UBIStyle2/Arbre/BtnNew_01.png');
    width: 25px;
    height: 24px;
    display: inline-table;
}

.treeBtnSee
{
    background-image: url(UBIStyle2/Arbre/BtnSee_01.png');
    width: 25px;
    height: 24px;
    display: inline-table;
}

.treeBtnCut
{
    background-image: url('UBIStyle2/Arbre/BtnCut_01.png');
    width: 25px;
    height: 24px;
    display: inline-table;
}

.treeBtnPaste
{
    background-image: url('UBIStyle2/Arbre/BtnPaste_01.png');
    width: 25px;
    height: 24px;
    display: inline-table;
}

.labelPasswordPolicy {
    display: inline-block;
    border-style: dashed;
    border-color: darkorange;
    color: darkorange;
    padding: 8px;
    margin: 8px;
    width: auto;
    text-align: left;
}

/* Calendar DateTimePicker CSS */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }

/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, 
.ui-timepicker-div.ui-timepicker-oneLine dt { display: none; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd, 
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }