body, input, textarea{
    font-family : Tahoma;
    font-size:13px;
}

#dropzoneArea {
	position:absolute;
	width:100%;
	height:100% ;
	margin: 0 auto;
}

.dropContent{
    position:relative;
	margin-top: 3px;
	margin-left: 3px;
    font-weight: bold;
    border: 1px solid #A4BED4;
	width:100%;
	box-sizing: border-box;
    border-style: dotted;
}

    .clDropCell{
        position:absolute;
        top:50%;
        transform: translateY(-50%);
	    width:100%;
    }

    .clDragAndDropFileDesc{
        font-style:italic;
        overflow:auto;
        font-weight: normal;
    }

 .progBar{
    position:absolute;
    width:100px ;
    display:inline-block;
    float:right;
 }
 .fileuploader {
    position: relative;
    width:330px;
    display: inline-block;
    overflow: hidden;
    cursor: default;
    float:left;
}
.filename {
	cursor:pointer;
    display: inline-block;
    outline: 0 none;
    height: 22px;
    width: 200px;
    overflow: hidden;
    border: 1px solid #CCCCCC;
    color: #777;
    text-shadow: 1px 1px 0px #fff;
    border-radius: 5px 0px 0px 5px;
    box-shadow: 0px 0px 1px #fff inset;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3px 5px;
}

.filebutton {
   
    height: 20px;
    width:100px;
    display: inline-block;
    outline: 0 none;
    cursor: pointer;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 1px #fff inset;
    color: #555555;
    margin-left: 3px;
    margin-right:10px;
    padding: 2px 8px;
    background: #DDDDDD;
    background:-moz-linear-gradient(top, #EEEEEE 0%, #DDDDDD 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #EEEEEE), color-stop(100%, #DDDDDD));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#DDDDDD', GradientType=0);
}

.cancelBut{
  position:absolute;
  right:20px;
  width:16px;
  height:20px;
  background-image:url(/temp_resources/theme/img/common/16x16-False.png);
  display:inline-block;
  background-repeat:no-repeat;
}

.fileuploader input[type=file] {
   	position : absolute;
   	top:0;
   	left:0;
   	right: 0;
   	bottom:0;
   	width:270px;
    height: 30px;
    cursor: pointer;
    filter:alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    margin: 0;
    padding: 0;
}


.clTabbarTxForm{
    position: absolute;
    left: -1px;
    right: 0px;
    top: -1px;
    bottom: 0px;
}

.clBackground {
    line-height: initial;
    /*overflow-x: hidden !important;*/
}

#divBtn {
    text-align: right;
}

.clInput{
    height:18px;
}

.clDivLabelForm{
    width:105px;
    float:left;
    position: relative;
}
    .clDivLabelForm.mandatoryFieldOK:before {
        content: '*';
        color: #33b679;
        position: absolute;
        right: 3px;
        top: -1px;
        z-index: 50;
    }
    .clDivLabelForm.mandatoryFieldKO:before {
        content: '*';
        color: #e53935;
        position: absolute;
        right: 3px;
        top: -1px;
        z-index: 50;
    }

.clDivComboPointTxForm{
    float: left;
    margin-left: 6px;
}

    .clDivComboPointTxForm, .clDivComboPointTxForm .dhxcombo_material, .clDivComboPointTxForm .dhxcombo_input, .clDivComboLinkTxForm .dhxcombo_material, .clDivComboLinkTxForm .dhxcombo_input{
        height: 25px !important;
    }

    .clDivComboPointTxForm .dhxcombo_select_button, .clDivComboLinkTxForm .dhxcombo_select_button, .clDivLineTinyLink .dhxcombo_select_button{
        margin-top: -2px;
    }

    .clImgCancelPointTxForm{
        vertical-align:sub;width:16px !important;
        margin-top:3px !important;
    }

.clDivTxNotificationTxForm{
    position: absolute !important;
    top: 0px !important;
    bottom: 0px !important;
    left: 0px;
    right: 155px;
    overflow: auto !important;
    z-index: 50000 !important;
    width: auto !important;
}

    .clDivTxNotificationTxForm div{
        float: left;
        margin-right: 5px;
        padding: 5px;
        height:auto !important;
        font-size: 13px !important;
        /*margin-top: 4px !important;*/
        margin-bottom: 3px !important;
    }

.clDivCountDownTxForm{
    position: absolute;
    bottom: 5px;
    left: 5px;
}

.clDivLabelSrcForm{
    width:25px; 
    float:left;
}
    .clDivLabelSrcForm .clIcon {
        margin-left: 5px;
    }

.clInformation :hover{
    text-decoration : underline;
    cursor : pointer;
}


.ui-datepicker-trigger{
    vertical-align:middle;
    margin-left : -20px;
    margin-top: -2px;
    cursor:pointer;
    width: 17px !important;
}

.clDivTxNotificationTxForm{
    position: absolute !important;
    top: 0px !important;
    bottom: 0px !important;
    left: 0px;
    right: 155px;
    overflow: auto !important;
    z-index: 50000 !important;
    width: auto !important;
}

.clDivCountDownTxForm{
    position: absolute;
    bottom: 5px;
    left: 5px;
}

.GenericRow{
    margin-top:6px;
    margin-bottom:6px;     
    margin-left:5px;     
    float:left;
    min-height: 28px;
    height:auto !important;
}

.GenericRow textarea {
    height: 30px;
    padding-left: 3px;
}

.GenericLabel{
    float :left;
    clear :left;
    text-align :right;
    margin-right:3px;
    width :25%;
}

.GenericField{        
    width:74%;
    float:left;
    color: #000080;
    font-size:13px;
    word-wrap: break-word;
}

.GenericGroup{
    margin:6px !important;
    padding:3px !important;
    clear:left;
    border: 1px solid #A4BED4;
}

.GenericLegend {
    font-size: 14px !important;
    font-weight: bold;
    padding: 0px 4px !important;
    cursor: pointer;
    width: auto;
    border: none !important;
    margin-bottom: 0px !important;
}

.point{
    width:70px !important;
}

.clDivTreeForm{
    margin-bottom:-1px;
}

.clDivLinkAttributeMatrix{
    width:100%;
    height: 100%;
}

.clIcon:hover {
    cursor: pointer;
    border: 1px grey solid;
    box-shadow: 0px 1px 0px #aaa;
    border-radius: 2px;
}

.clIconHover:hover {
    cursor: pointer;
    border: 1px grey solid;
    box-shadow: 0px 1px 0px #aaa;
    border-radius: 2px;
}

.clIcon:active{
    cursor: pointer;
    border: 1px grey solid;
    background-color: #e2e2e2;
    border-radius: 2px;
}

.clIconPressed {
    text-decoration: none;
    _border: 0px;
    cursor: pointer;
    margin-right: 0px;
    margin-left: 3px;
    padding: 1px;
    vertical-align: middle;
    border: 1px grey solid;
    background-color: #e2e2e2;
    border-radius: 2px;
}

.clIconPressedExt {
    text-decoration: none;
    _border: 0px;
    cursor: pointer;
    margin-right: 0px;
    border: 1px grey solid;
    background-color: #e2e2e2;
    border-radius: 2px;
}

.clIcon, .clIconExt{
    text-decoration: none;
    background: transparent;
    border: 1px transparent solid;
    _border: 0px;
    cursor: pointer;
    margin-right: 0px;
    margin-left: 3px;
    padding: 1px;
    vertical-align: middle;
}

.clIconExt{
    width: 16px !important;
}


div.mce-fullscreen {
    position: absolute;
    top: 30px;
    bottom: 0px;
    left: 10px;
    right: 10px;
    z-index:1;
}


 .mandatoriesFilled {
     color: #33b679;
     font-weight: bold;
 }
 .mandatoriesNotFilled {
     color: #e53935;
     font-weight: bold;
 }

  .mandatoriesToCheck {
     color: #f66c26;
     font-weight: bold;
 }

.formProgress {
    width: 100%;
    height: 100%;
    background: rgba(226, 239, 255, 0.65);
    position: relative;
    top: 0;
    z-index: 20;
 }
 .formProgress .formProgressImg {
        margin: auto;
        display: block;
        padding-top: 23%;
        width: 55px;
 }

 /*Display header class associative*/

.GenericField table.hdr td {
    white-space: nowrap;
}
.GenericField table.hdr td div.hdrcell {
    text-overflow: ellipsis;
}

.clFrameRichText{
    border:0px;
    width:100%;
    height:100%;
}

.clFormLabelName {
    display: block;
    position: relative;
    overflow: hidden;
    word-break: break-word;
    line-height: 1.2em;
    max-height: 3.6em;
    margin-right: -0.2em;
    padding-right: 1em;
}
    .clFormLabelName:before {
        content: "... :";
        letter-spacing: -1.5px;
        position: absolute;
        right: 0px;
        bottom: 0px;
		background: white;
    }
    .clFormLabelName:after {
        content: " :";
        letter-spacing: -1.5px;
        position: absolute;
        right: 0px;
        width: 1em;
        height: 1.2em;
        background: white;
    }
    
.clFormLabelColon{
    float:left;
    width:7%;
}

.clBtnBooleanAttribute{
    height:22px;float:left;
}

.clBlackBoxes{
    margin-top:0px;
    float:left;
}

.clDivBoolRadioAttribute{
    float:left;margin-top:5px;
}

.clImgGridMatrixCell{
    max-width:300px;
}

.clDivDDFileMessage{
    float:left;font-style:italic; width:800px;margin-left:5px;text-align:left;
    font-size:13px;
}

.classSpanHeaderGridClickable{
    text-decoration: underline;
    color: blue;
    cursor: pointer;
}

.clImgToCatchSize{
    max-width:100%;
    max-height:1000px;
}

.clFormLabelName label, .GenericField, .GenericField input[type=text], .clTextareaTxForm, .clDivCountDownTxForm {
    font-size: 13px !important;
    /* force styles for compatibility with bootstrap */
    font-weight: normal;
    color: initial;
    margin-bottom: 0px;
}



/**/
.GenericField input[type=text]{
    height: 24px;
}

.GenericField .dhxtoolbar_input{
    height: 15px !important;
}

.clInputDatePickerTxForm{
    width:80px !important;
}

.clInputDateTimePickerTxForm{
    width:130px !important;
}


.clDivFileNameFields{
    font-size:13px !important;
}    
.clDivFileNameFields fieldset{
    margin: 10px !important; 
    padding: 10px !important;
}

    .clDivFileNameFields fieldset input{
         height:22px !important;
         font-size:13px !important;
    }

    .clDivFileNameFields fieldset .clTextSrcFileName{
        width:470px !important;
    }

    .clDivFileNameFields fieldset .clTextBaseName{
        width:255px !important;
    }

.clTextPublisherDisabled{
    height:22px !important;
}

.clDropAttr{
    font-size:13px;
}

.clImgDownloadable{
    cursor:pointer;
}

/*  ---------------------------------------------------------------------  */
/*                               TxEditFile                                */
/*  ---------------------------------------------------------------------  */
.clDivMainEditFile{
    font-size:13px !important;
}

.clDivMainEditFile input{
    font-size:13px !important;
}

/*  ---------------------------------------------------------------------  */
/*                            TxImportArray                                */
/*  ---------------------------------------------------------------------  */
.clDivTxImportArray{
    font-size: 13px;
    
}

.clDivGridImportArray{
    position: absolute;
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 72px;
}

.clDivTxImportArrayOptions{
    position: absolute; bottom: 0px; left:0px; right:0px; height:72px;
}

    .clDivTxImportArrayLine{
        height:30px;
        width:100%;
        margin-top:6px;
    }

        .clDivTxImportArrayLine label{
            width:300px;
            text-align: right;
            float:left;
            margin-top:8px;
            margin-right: 6px;
        }

        .clDivTxImportArrayLine .clDivTxImportArraySeparator{
            float:left;
            height: 24px;
            width:auto;
        }

        .clDivComboSeparatorTxImportArray{
            float: left;
        }

        .clDivTxImportArrayLine input[type=checkbox]{
            margin-top:10px;
        }

.clDivComboPointTxForm{
    margin-left: 6px;
    float: left;
}

.clALinkObject{
    margin-bottom: 3px;
}

.clDivClickToSeeMore{
    color: blue;
    text-decoration:underline;
    cursor: pointer;
    float: left;
    margin-top: 6px;
}

.clDivGridPublisher table.obj.row20px tr td:first-child{
    overflow: hidden;
    text-overflow: ellipsis;
}

.clLabelTxPoint{
    display: inline-flex;
    margin-top: 3px;
}

.clDivGenericFieldPoint{
    margin-top: -4px;
}