/*  ---------------------------------------------------------------------  */
/*                        Main toolbar Cell                                */
/*  ---------------------------------------------------------------------  */
html, body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
#idDivMainLayoutCellA {
	position:absolute;
	left:0px;
	right:0px;
	z-index:1;
    color: black;
	border:0px solid !important;
	top:0px;
	bottom:0px;
	height:auto;
    box-shadow: 0 2px 4px rgba(0,0,0,0.04), 0 1px 4px rgba(0,0,0,0.12);
}

#idDivMainLayoutCellA, .dhxlayout_collapsed_v .dhx_cell_hdr, .dhxlayout_collapsed_h .dhx_cell_hdr, .dhxwin_hdr, .btnsContainerPopup{
	background:#0069b4;
}

#sIdDivSectionCell{
    position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
}
    #idTxLogo {
        margin: 0px 0 0 4px;
	    height: 32px;
	    width: 32px;
	    float: left;
    }

    #idBassettiLogo {
	    float: left;
        margin: 5px 25px 0 5px;
    }

	#idDivMainToolbarLeftSide{
		float:left;
        margin-top: 5px;
	}
	#idDivMainToolbar{
		float:left;
		position:absolute;
		right:5px;
		left:110px;
        background: transparent;
        border: 0px solid;
        border-width: 0px !important;
	}

    #idDivMainToolbar .clImgToolbarRemoveInputValue {
        margin-top:10px !important;
    }

        #idDivMainToolbar .dhx_toolbar_sep{
            float: left;
	        width: 1px;
	        margin-top: 0px;
	        font-size: 1px;
	        margin-top: 3px;
	        margin-right: 2px;
	        margin-left: 2px;
	        -moz-user-select: none;
            height: 28px; background-position: 0px -442px;
            top: 4px;
        }

        #idDivMainToolbar .dhxtoolbar_input {
            top: 5px !important;
            height: 20px !important;
        }

        #idDivMainToolbar .clImgToolbarRemoveInputValue {
            top: 4px !important;
        }

        #idDivMainToolbar .dhx_toolbar_material div.dhx_toolbar_arw.dhxtoolbar_btn_over{
            background-color: rgba(50,186,232,.9) !important;
        }

    #idDivLayout {
	    position:absolute;
	    left:5px;
	    right:5px;
        bottom:0px;
        top:0px;
        width:100%;
        height:100%;
	    z-index:1;
    }


/*  ---------------------------------------------------------------------  */
/*                           Navigation Cell                               */
/*  ---------------------------------------------------------------------  */
#idDivNavigation{
	position:absolute;
	top:0px;
	bottom:0px;
	left : 0px;
	right:0px;
    background-color: white !important;
}

    #idDivNavigationCombo{
        position:absolute;
		top: 0px;
		left: 0px;
		right:0px;
        height:30px !important;
    }

    #idDivNavigationCombo .dhxcombo_material{
        width: Calc(100% - 2px) !important;
    }

    .dhxcombolist_material{
        height: auto !important;
    }

	#idDivNavigationTreebox{
		position:absolute;
		top: 28px;
		left: 0px;
		right:0px;
		bottom:0px;
	}
		#idDivNavigationTree{
			position:absolute;
			bottom:26px;
			left: 0px;
			right:0px;
			background:	white; 
            top: 45px !important;
            border-color: #dfdfdf !important;
            border-style: solid !important;
            border-width: 1px 1px 1px 1px !important;
		}

		#idDivNavigationToolbar{
			position:absolute;
			height:32px;
			width:auto;
			right:0px;
			left:0px;
			bottom:0px;
		}
		#idDivNavigationToolbarCreation{
			position:absolute;
			height:32px;
			width:auto;
			right:0px;
			left:0px;
            bottom:33px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.04), 0 0px 0px rgba(0,0,0,0.12) !important;
		}

        /*Remove box shadows to get a flat design*/
        #idDivNavigationTree, #idDivNavigationToolbar, .dhxlayout_base_material div.dhx_cell_layout
        {
	        box-shadow:none !important;
        }

        #idDivNavigationBusinessTree{
			position:absolute;
			top: 0px;
			bottom:26px;
			left: 0px;
			right:0px;
			background:	white; 
			border: #A4BED4 1px solid;
            display:none;
		}
        #idDivNavigationBusinessToolbar{
			position:absolute;
			height:28px;
			width:auto;
			right:0px;
			left:0px;
			bottom:-1px;
            display:none;
		}


/*  ---------------------------------------------------------------------  */
/*                                 Banner Cell                             */
/*  ---------------------------------------------------------------------  */	
#idDivBanner{
	position:absolute;
	line-height:49px;
	height:49px;
	font-weight : bold;
	top:0px;
	right:3px;
	left:0px;
}
    #idDivBannerLeft{
		position:absolute;
		z-index: 30;
		background: url(/temp_resources/theme/img/Default.jpg) no-repeat;
        width: 378px;
        height: inherit;
	}
	#idDivBannerMiddle{	
		position:absolute;
		left: 80px;
        right: 80px;
		text-align:center;
		font-size:20px !important;
        height: 100%;
        overflow: auto;
        z-index: 50;
	}
    .clDivBannerMiddle{
		font-size:20px !important;

    }
	#idDivBannerRight{		
		float:right;
		height:100%;
		margin-right:5px;
        padding-right:30px;
	}
        #idDivCollapseBanner{
			position: absolute; 
			top : 2px;
			right:2px;
            width:16px;
            height:16px;
			cursor:pointer;
            background-image: url(/code/ExternalLibs/dhtmlx/dhtmlxLayout/codebase/imgs/dhxlayout_material/dhxlayout_cell_btns.png);
            background-repeat: no-repeat;
            background-position: -32px 0px;
	        background-color:rgba(0,105,180,1);
	        border-radius:100%;
            z-index: 100;
		}	

/*  ---------------------------------------------------------------------  */
/*                             Form Cell                                   */
/*  ---------------------------------------------------------------------  */
#idDivFormContainer{
	position:absolute;
	top:0px;
	bottom:0px;
	right:0px;
	left:0px;	
}

    #idDivForm{
		position:absolute;
		top:0px;
		bottom:0px;
		right:0px;
		left:0px;
		display:none;
        overflow:auto;
	}
	#idDivBlank{
		position:absolute;
		top:0px;
		bottom:0px;
		right:0px;
		left:0px;
		display:none;
        background: url('/temp_resources/texts and illustrations/html/folder.jpg') no-repeat 50%;
        background-size: contain;
	}

    #idDivInfoSourceRead{
        height:100%;
        overflow: auto;
    }

    div.field_traca {
        clear: both;
        margin-bottom: 5px;
    }

    div.field_traca fieldset {
      border: 1px solid #A4BED4;
      margin: 0 5px 0 8px;
    }

    div.field_traca fieldset legend {
      margin: 0 5px 0 8px;
    }

    div.field_traca fieldset div {
      margin: 2px;
      color: #959595;
      overflow: auto;
    }
	
/*  ---------------------------------------------------------------------  */
/*                                CQuery                                   */
/*  ---------------------------------------------------------------------  */
.clDivMainCQuery input {
    padding: 0px;
}

.clDivCQueryGrid{
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
}

.clInputCQueryString{
    font-size: 13px;
    margin:6px;
    height:18px;
}

.clLabelQuery{
    font-size:13px;
}

.clDivQueryLabel{
    margin-right:6px;
    float:left;
    text-align:right;
}


/*  -----------------------------------------------------  */
/*                      TxProperty                         */
/*  -----------------------------------------------------  */
        
.clDivTxProperty{
    margin:5px;
}

.clImgObjectTxProperty{
    position:absolute;
    top:5px;
}

.clTextObjectIdTxProperty{
    display:none;
    width:55px;
    margin-left:3px;
}

.clTextObjectNameTxProperty{
	width:290px;
    margin-left:20px;
}

.clDivLineTxProperty{
    width:100%;
    height: 20px;
}

.clDivLabelTxProperty{
    float:left;
    text-align:right;
    width: 140px;

}
    .clLabelTxProperty{
        font-weight:bold;
    }

.clDivLabelValueTxProperty{
    float:left;
    margin-left:5px;
}

.clDivTxProperty, .clTextObjectNameTxProperty, .clTextObjectIdTxProperty{
    font-size: 13px;
}

/*  -----------------------------------------------------  */
/*                  Main Dom elements                      */
/*  -----------------------------------------------------  */
*{
    font-family: Tahoma;
}

textarea, input,select {
    font-size: 13px !important;
}

fieldset{
    background-color: white;
    cursor: default;
    z-index: 0;
    box-shadow: 0 2px 4px rgba(0,0,0,0.04), 0 1px 4px rgba(0,0,0,0.12);
    border-color: #dfdfdf !important;
    border-style: solid;
    border-width: 1px;
    margin: 6px;
    padding: 3px;
    clear: left;
}


/*  ---------------------------------------------------------------------  */
/*                                  About                                  */
/*  ---------------------------------------------------------------------  */
#id_div_about {
    margin-top: 6px;
    font-size: 13px;
}

/*  ---------------------------------------------------------------------  */
/*                            Change password                              */
/*  ---------------------------------------------------------------------  */
.clDivChangePassword label {
    display: inline-block;
    width: 220px;
    margin-top: 10px;
    margin-right:6px;
    text-align: right;
}

.clDivChangePassword input {
    width: 191px;
    height: 22px;
}
.clDivChangePassword label:first-child {
    margin-top: 0 !important;
}
.clDivChangePassword .error {
    border: 2px solid rgb(205, 48, 48);
    box-shadow: 0 2px 10px rgb(0,0,0);
    outline: none;
}
.clDivChangePassword #passHelp {
    font-weight: bolder;
}

.clDivChangePassword label, clDivChangePassword input{
    font-size:13px !important;
}

/*  ---------------------------------------------------------------------  */
/*                             TxUserInfo                                  */
/*  ---------------------------------------------------------------------  */
#contentLoginPopup {
    padding: 10px;
}

#userImage {
    max-width: 70px;
    max-height: 70px;
    min-width: 70px;
    min-height: 70px;
    line-height: 70px;
    background: #0069b4;
    border-radius: 40px;
    font-size: 50px;
    text-align: center;
    color: #fff;
}

#userInformations {
    display: inline-flex;
    padding-left: 6px;
}

#userName {
    font-size: 18px;
    word-wrap: break-word;
    font-weight: bolder;
    margin-bottom: 0px;
}

#lastConnection {
    font-size: 12px;
    white-space: nowrap;
}

#userDetails {
    padding-left: 6px;
}

#userSettings {
    margin-top: 6px;
}

#displayBannerOption {
    display: inline-flex;
}

.displayBannerSwitch {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 17px;
}

/* Hide default HTML checkbox */
.displayBannerSwitch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.displayBannerSlider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .2s;
    transition: .2s;
}

.displayBannerSlider:before {
    position: absolute;
    content: "";
    height: 13px;
    width: 13px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .2s;
    transition: .2s;
}

input:checked + .displayBannerSlider {
    background-color: rgba(0,105,180,1);
}

input:checked + .displayBannerText:before {
    font-weight: bolder;
}

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

#displayBannerText {
    font-size: 12px;
    margin-left: 6px;
}

#toggleBannerDisabled {
    width: 35px;
    height: 17px;
    display: block;
    position: absolute;
    z-index: 5;
    background-color: rgba(220, 220, 220, 0.7);
}

.sliderBannerActive {
    font-weight: bolder;
}

#userChangePassword {
    margin-top: 6px;
    font-size: 12px;
}

#aboutTeexma {
    margin-top: 6px;
    cursor: pointer;
    color: rgba(0,105,180,1);
}