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;
}

.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;
    }

    .clDivComboLinkTxForm{
        float:left
    }

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

.clDivTxNotificationTxForm{
    position: absolute !important;
    top: -3px !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-bottom: 3px !important;
    }
.alert-dismissible .close {
    top: -4px !important;
}

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

.clDivLabelSrcForm {
    display: inline;
    padding-right: 2px;
}
    .clDivLabelSrcForm img {
        height: 12px;
    }
	.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;
}

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

.GenericRow {
    margin-top: 6px;
    margin-bottom: 12px;
    margin-left: 20px;
    margin-right: 21px;
    display: inline-block;
    vertical-align: top;
}

.GenericRow textarea {
    height: auto;
    padding-left: 3px;
    resize: vertical;
}

.GenericLabel {
    width: 100%;
    padding-bottom: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
    .GenericLabel.withSource {
        margin-left: -23px;
    }

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

    }
.GenericFieldMedium {
    width: 391px;
}
    .GenericFieldMedium .GenericField {
    }
.GenericFieldLong {
    width: Calc(100% - 26px);
    margin-right: 6px !important;
}
    .GenericFieldLong .GenericField {
        width: 100%;
        margin-right: -10px;
    }
    .GenericFieldLong .ArrayFieldRead {
        max-width: Calc(100% - 38px) !important;
    }
    .GenericFieldLong .HalfArrayFieldRead {
        max-width: Calc(50% - 45px) !important;
    }
.GenericFieldHalf {
    width: Calc(50% - 45px);
}
    .GenericFieldHalf .ArrayFieldRead {
        max-width: Calc(100% - 25px) !important;
    }
    .GenericFieldHalf .ArrayFieldRead .objbox {
        overflow-x: auto !important;
    }

.GenericEditionFieldShort {
    width: 177px;
}
.GenericEditionFieldMedium {
    width: 395px;
}
.GenericEditionFieldLong {
    width: Calc(100% - 54px);
}
    .GenericEditionFieldLong .GenericField {
        width: 100%;
    }
        .GenericEditionFieldLong .GenericField .clDivTreeForm {
            width: Calc(100% - 2px);
        }

.wrapperDivGroup {
    overflow: hidden;
    width: 100%;
}
.wrapperDivGroup > div {
    width: Calc(100% + 27px);
}
    .wrapperDivGroup .GenericGroup {
        width: Calc(100% - 64px);
    }
    .wrapperDivGroup .GenericFieldLong {
        width: Calc(100% - 75px);
    }

    .GenericGroup {
        margin: 6px !important;
        padding: 3px 3px 6px !important;
        clear: left;
        border: 1px solid #A4BED4;
        width: Calc(100% - 20px) !important;
    }

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

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

.clDivLinkAttributeMatrix {
    max-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 {
    font-size: 12px;
    letter-spacing: -0.5px;
    font-weight: bold;
}


.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;
}
.clImgToCatchHalfSize {
    max-width: Calc(50% - 45px);
    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 {
    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;
}
.clDivAttributeFieldPoint {
    margin-top: 0px !important;
}

.clDivMissingTxFile {
    font-style: italic;
    color: #e53935;
}