/* FORM ELEMENTS   
----------------------------------------------------------*/
.verticalZone {
    float: left;
    
}

.verticalZone.first {
        margin: 0;
    }

.horizontalZone {
    
}

.zoneContainer {
   
}

.border {
    border: 1px solid;
    padding: 8px;
}

.Clear {
    display: block;
    clear: both;
    overflow: hidden;
    width: 1px;
    height: 0;
}


fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}

.invisible{display:none;}


/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}

/*--------------------------formView-------------------------*/
/*#MainContent_frvView, #MainContent_frvView tr>td>div
{
    height:100%;
    display:table;
    width:100%;
}*/

/*-------------------------ASPXControls----------------------*/
.required {
    /*border-color:#ed4339 !important;*/
}

.dxeListBox .dxeHLC, 
.dxeListBox .dxeHC, 
.dxeListBox .dxeHFC
{    
    display:none!important;
}

.dxeListBoxItem .dxeHFC
{
    display:none!important;
    border:0px none!important;
    }
    
.dxeListBox .dxeHD {
    background: none;
    border: none;
}

#lbProductsContainer .dxeListBox td.dxeLTM, 
#lbProductsContainer .dxeListBox td.dxeTM, 
#lbProductsContainer .dxeListBox td.dxeMIM {
    border: none !important;
}

.color-red
{
    color:#ed4339!important;
    }

/*------------------label------------------*/
.label-slaValue {
    font-size:smaller;
}

.label-slaLabel {
    font-size:smaller;
    font-weight:bold;
}

.p-task-desc {
    line-height:15px;
    margin-top: 2px!important;
    margin-bottom: 2px!important;
}
.label-required,  .label-required:after{
    content:"\a*";
    color:red;
    font-size:12px;
}

.label-view {
    float:left!important;
    color:#818285;   
    padding-top:3px;
    padding-right:5px;
    padding-left:5px;
}

.label-baseproperty {
    font-family: Arial,sans-serif;
    font-size: 14px;
    color:#818285;
    text-align:center;
    padding-left:10px;
}

.label-container
{
    width:150px;
    }

.label-title {
    padding: 0px 0px 0px 0px;
    /*font-family: Arial,sans-serif;*/
    font-size: 17px;
    /*font-weight: bold;*/
    /*color: #bf5e02;*/
    /*text-transform: uppercase;*/
    color: #818285;
    /*padding-left: 10px;*/
    /*font-size: 20px;*/
    font-family: xfont;
}

.label-edit
{
    font-family: Tahoma, Arial,sans-serif;
    font-size: 12px;
    color:#818285;
    text-align:left;
    }

.label-editvalue
{
    font-family: Arial,sans-serif;
    font-size: 12px;
    color:#000;
    text-align:left;
    padding-left:15px;
    }

.label-referenceNumber
{
    font-family: Arial,sans-serif;
    font-size: 14px;
    font-weight:bold;
    color:#888888;
    text-align:center;
    }

.label-basecontrolheader {
    font-family: Arial,sans-serif;
    font-size: 16px;
    font-weight:bold;
    color:#555555;
    text-align:left;
}

.label-container-100
{
    width:90px;
    padding-right:10px;
    display:inline-block;
    }
    
.label-container-150
{
    width:140px;
    padding-right:10px;
    display:inline-block;
    }

.label-container-200
{
    width:190px;
    padding-right:10px;
    display:inline-block;
    }
    
.label-container-nolimit
{
    padding-right:10px;
    display:inline-block;
    }
    
.label-padding-left-30
{
    padding-left:30px;
    }
 .label-height-30
 {
     height:30px;
     }
/*-----------------button------------------*/
.button-view,
.button-view div {
    width:16px;
    height:16px!important;
    border:0px none #ef4d68!important;
    padding-left:2px!important;
    padding-right:2px!important;
    padding-top:2px!important;
    background-image:none;
    background-color:transparent!important;
    cursor:pointer;
    float:left;
}

.button-refresh,
.button-refresh div {
    width:16px;
    height:16px!important;
    border:0px none #ef4d68!important;
    padding-left:2px!important;
    padding-right:2px!important;
    padding-top:2px!important;
    background-image:none!important;
    background-color:transparent!important;
    cursor:pointer;
    float:right;
}


.linkbutton,
.linkbutton div
{
    color:#ed4339;
    cursor:pointer;
    font-size:12px;
    font-weight:bold;
    border:0px none #ef4d68!important;
    background-image:none;
    background-color:transparent;
    padding: 0px 0px 0px 0px;
    }

.linkbutton_readonly,
.linkbutton_readonly div
{
    color:#e9e9e9!important;
    font-size:12px;
    font-weight:bold;
    border:0px none #ef4d68!important;
    background-image:none;
    background-color:transparent;
    padding: 0px 0px 0px 0px;
    }

.linkbutton-white,
.linkbutton-white div
{
    color:#fff;
    cursor:pointer;
    font-size:12px;
    font-weight:bold;
    border:0px none #ef4d68!important;
    background-image:none;
    background-color:transparent;
    padding: 0px 0px 0px 0px;
    }

.button-info
{
    color:#ed4339;
    cursor:pointer;
    font-size:12px;
    border:0px none #ef4d68!important;
    background-image:none;
    background-color:transparent;
    padding: 2px 0px 0px 0px;
    }


.button-history,
.button-history div
{
    color:#ed4339;
    cursor:pointer;
    font-size:12px;
    border:0px none #ef4d68!important;
    background-image:none;
    background-color:#fff;
    padding: 0px 0px 0px 0px;
    }
    
.button-default
{
    display:inline-block;
    margin-left:10px;
    background:#ef4d68!important;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    
    text-align:center!important;
    /*padding:5px 10px;*/
    color:#fff;
    -webkit-transition:all 100ms ease-in-out 0;
    -moz-transition:all 100ms ease-in-out 0;
    -ms-transition:all 100ms ease-in-out 0;
    -o-transition:all 100ms ease-in-out 0;
    transition:all 100ms ease-in-out 0;
    cursor:pointer;
    
    }
    
.button-default div
{
    padding:5px 10px;
    /*background-color:#ef4d68;*/
    
    color:#fff;
    line-height:20px;
    font-size:16px;
    text-transform:uppercase;
    border:0px none #ef4d68!important;
    }


.button-default td
{
    border:0px none #ef4d68!important;
    padding:0px;
    }


.button-default:hover 
{
    background:#ef4d68!important;
}

.button-disabled
{
    display:inline-block;
    
    background:#e9e9e9!important;
    border:none;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    text-align:center!important;
    /*padding:5px 10px;*/
    color:#000;
    -webkit-transition:all 100ms ease-in-out 0;
    -moz-transition:all 100ms ease-in-out 0;
    -ms-transition:all 100ms ease-in-out 0;
    -o-transition:all 100ms ease-in-out 0;
    transition:all 100ms ease-in-out 0;
    cursor:default;
    }

.button-disabled:hover 
{
    background:#e9e9e9!important;
}
    
.button-disabled div
{
    padding:5px 10px;
    border:0px none #ef4d68!important;
    color:#fff;
    line-height:20px;
    font-size:16px;
    text-transform:uppercase;
    }
    
.button-default td
{
    border:0px none !important;
    padding:0px;
    }

.pcmButton
{
    /*float:right;*/
    }

/*-----------------textbox-----------------*/

.editbox-container
{
    width:100%!important;
    }

.editbox-container table
{
   
    }

.editbox-container-combo
{
    width:100%!important;    
    }

.editbox-container-combo table
{
    }

    
.editbox-container input
{
    
    }
    
.editbox-container-long
{
    width:500px;
    margin-right:30px;
    }
    
.editbox-container-300
{
    width:300px;
    margin-right:30px;
    }
    
.editbox-container-300 input
{
    width:280px;
    }

.editbox-container-400
{
    width:400px;
    margin-right:30px;
    }

.editbox-container-400 input
{
    width:380px;
    }
    
.editbox-container-400 textarea
{
    width:380px;
    }
    
.editbox-container-long input
{
    width:480px;
    }

.textbox-focused
{
    border-color:#24c20a!important;
    }

.textbox-focused input
{
    border:0px none!important;
    outline-color:#ffffff;
    height:30px;
    }
    
.textbox-focused textarea
{
    border:0px none!important;
    outline-color:#ffffff;
    }

.textbox-default
{
    padding:0px 10px;
    background-color:#fff;
    text-align:left;
    line-height:20px;
    border:2px solid #e9e9e9;
    border-radius:5px 0 5px 0;
    -moz-border-radius:5px 0 5px 0;
    -webkit-left-radius:5px 0 5px 0;
    -webkit-transition:all 100ms ease-in-out 0;
    -moz-transition:all 100ms ease-in-out 0;
    -ms-transition:all 100ms ease-in-out 0;
    -o-transition:all 100ms ease-in-out 0;
    transition:all 100ms ease-in-out 0;
    height:30px;
    width:100%important;
    }

.textbox-default tr  {
    width:100%important;
}
.textbox-focused input,
.textbox-default input
{
    
    font-family: Arial,sans-serif;
    font-size:14px;
    line-height:20px;
    border:0px none !important;
    height:20px!important;
    -ms-padding:2px 8px;
    -webkit-padding:2px 8px 0px 0px;
    -o-padding:2px 8px;
    -moz-padding:2px 8px!important;
    width:100%important;
    }

.textbox-default:hover
{
    border-color:#24c20a;
}

.textbox-default:focus 
{
    border-color:#24c20a;
    }

.textbox-readonly
{
    padding:0px 10px;
    background-color:#fff;
    text-align:left;
    line-height:20px;
    border:0px solid #e9e9e9;
    border-radius:5px 0 5px 0;
    -moz-border-radius:5px 0 5px 0;
    -webkit-left-radius:5px 0 5px 0;
    -webkit-transition:all 100ms ease-in-out 0;
    -moz-transition:all 100ms ease-in-out 0;
    -ms-transition:all 100ms ease-in-out 0;
    -o-transition:all 100ms ease-in-out 0;
    transition:all 100ms ease-in-out 0;
    height:30px;
    width:100%important;
    border-color:#e9e9e9!important;
    color:#e9e9e9!important;
}

.textbox-readonly input
{
    color:#818285!important;
    }

.textbox-readonly:hover
{
    border-color:#e9e9e9!important;
}

.textbox-default:hover
{
    
}

.textbox-errorframe
{

    }

.textbox-errorframe table.dxeInvalid {
    border-color: #ed4339;
    border-width: 2px;
    border-style: solid;
}

.textbox-errorframe div div div div table
{
     border-color:#A0A0A0!important;
     border-width:1px;
    border-style:solid;
    }

.textbox-errorframe,
.textbox-errorframe td.dxeControlsCell
{
    width:100%!important;
    } 
    
.textbox-errorframe td.dxeErrorCell
{
    max-width:0px!important;
    padding-left:0px;
    padding-right:0px;
    }

/*--------------memobox----------------------*/
.memobox-focused
{
    border-color:#24c20a!important;
    }
    
.memobox-focused textarea
{
    border:0px none!important;
    outline-color:#ffffff;
    }

.memobox-default
{
    padding:1px 10px;
    background-color:#fff;
    text-align:left;
    line-height:20px;
    border:2px solid #e9e9e9;
    border-radius:5px 0 5px 0;
    -moz-border-radius:5px 0 5px 0;
    -webkit-left-radius:5px 0 5px 0;
    -webkit-transition:all 100ms ease-in-out 0;
    -moz-transition:all 100ms ease-in-out 0;
    -ms-transition:all 100ms ease-in-out 0;
    -o-transition:all 100ms ease-in-out 0;
    transition:all 100ms ease-in-out 0;
    width:100%;
    }

.memobox-focused textarea,
.memobox-default textarea,
.memobox-default td
{
    padding:2px 8px;
    font-family: Arial,sans-serif;
    font-size:14px;
    line-height:20px;
    border:0px none !important;
    width:10px;

    }

.memobox-default:hover
{
    border-color:#24c20a;
}

.memobox-default:focus 
{
    
    }

.memobox-readonly
{
    padding:1px 10px;
    background-color:#fff;
    text-align:left;
    line-height:20px;
    border:2px solid #e9e9e9;
    border-radius:5px 0 5px 0;
    -moz-border-radius:5px 0 5px 0;
    -webkit-left-radius:5px 0 5px 0;
    -webkit-transition:all 100ms ease-in-out 0;
    -moz-transition:all 100ms ease-in-out 0;
    -ms-transition:all 100ms ease-in-out 0;
    -o-transition:all 100ms ease-in-out 0;
    transition:all 100ms ease-in-out 0;
    width:100%;

    border-color:#e9e9e9!important;
    color:#e9e9e9!important;
}

.memobox-readonly textarea
{
    color:#818285!important;
    }

.memobox-readonly:hover
{
    border-color:#e9e9e9!important;
}

.memobox-default:hover
{
    
}

.memobox-errorframe
{
    }

.memobox-errorframe,
.memobox-errorframe td.dxeControlsCell
{
    width:100%!important;
    } 
    
.memobox-errorframe td.dxeErrorCell
{
    max-width:0px!important;
    padding-left:0px;
    padding-right:0px;
    }

/*--------------htmleditor----------------------*/
.htmleditor-focused
{
    border-color:#24c20a!important;
    }
    
.htmleditor-focused textarea
{
    border:0px none!important;
    outline-color:#ffffff;
    }

.htmleditor-default
{
    /*padding:1px 10px;*/
    background-color:#fff;
    text-align:left;
    line-height:20px;
    border:2px solid #e9e9e9;
    border-radius:5px 0 5px 0;
    -moz-border-radius:5px 0 5px 0;
    -webkit-left-radius:5px 0 5px 0;
    -webkit-transition:all 100ms ease-in-out 0;
    -moz-transition:all 100ms ease-in-out 0;
    -ms-transition:all 100ms ease-in-out 0;
    -o-transition:all 100ms ease-in-out 0;
    transition:all 100ms ease-in-out 0;
    width:100%;
    }

.htmleditor-focused textarea,
.htmleditor-default textarea,
.htmleditor-default td
{
    /*padding:2px 8px;*/
    font-family: Arial,sans-serif;
    font-size:14px;
    line-height:20px;
    border:0px none !important;
    width:10px;

    }

.htmleditor-default:hover
{
    border-color:#24c20a;
}

.htmleditor-readonly:hover
{
    border-color:#e9e9e9!important;
}

.htmleditor-default:focus 
{
    
    }

.htmleditor-readonly
{
    /*padding:1px 10px;*/
    background-color:#fff;
    text-align:left;
    line-height:20px;
    border:0px solid #e9e9e9;
    border-radius:5px 0 5px 0;
    -moz-border-radius:5px 0 5px 0;
    -webkit-left-radius:5px 0 5px 0;
    -webkit-transition:all 100ms ease-in-out 0;
    -moz-transition:all 100ms ease-in-out 0;
    -ms-transition:all 100ms ease-in-out 0;
    -o-transition:all 100ms ease-in-out 0;
    transition:all 100ms ease-in-out 0;
    width:100%;

    border-color:#e9e9e9!important;
    color:#e9e9e9!important;
}

.htmleditor-readonly table,
.htmleditor-readonly table td{
    border:none;
}

.htmleditor-readonly-preview
{
    border-color:#e9e9e9!important;
    color:#818285!important;
    }

.htmleditor-readonly textarea
{
    color:#818285!important;
    }

.htmleditor-readonly:hover
{
    border-color:#e9e9e9!important;
}

.htmleditor-default:hover
{
    
}

.htmleditor-errorframe
{
    color:red;
    border-color:red!important;
    }

/*.htmleditor-errorframe > table
{
        border-color:red!important;
    }*/

.htmleditor-errorframe,
.htmleditor-errorframe td.dxeControlsCell
{
    width:100%!important;
    } 
    
.htmleditor-errorframe td.dxeErrorCell
{
    max-width:0px!important;
    padding-left:0px;
    padding-right:0px;
    }
.htmleditor-incident {
    width:100%!important;
}
/*--------------listbox----------------------*/
.listbox-default,
.listbox-default table
{
    border:0px none white;
    background-color:#fff;
    color:#818285;
    font-family: Arial,sans-serif;
    font-size: 14px;
    }

/*--------------dateedit---------------------*/

.dateedit-default
{
    display:inline-block;
    padding:0px 0px 0px;
    background-color:#fff;
    text-align:left;
    line-height:20px;
    border:2px solid #e9e9e9;
    border-radius:5px 0 5px 0;
    -moz-border-radius:5px 0 5px 0;
    -webkit-left-radius:5px 0 5px 0;
    -webkit-transition:all 100ms ease-in-out 0;
    -moz-transition:all 100ms ease-in-out 0;
    -ms-transition:all 100ms ease-in-out 0;
    -o-transition:all 100ms ease-in-out 0;
    transition:all 100ms ease-in-out 0;
    min-height:26px;
    width:100%;
    }

.dateedit-default input
{
    margin:2px 8px;
    /*padding:2px 8px;*/
    font-family: Arial,sans-serif;
    font-size:14px;
    height:16px;
    line-height:20px;
    }

.dateedit-default td {
    height:19px;
}

.dateedit-button
{
    background-color:#fff;
    background-image:none;
    border:0px;
    }

/*--------------combobox---------------------*/
.combo-default
{
    display:inline-block;
    background-color:#fff;
    text-align:left;
    font-size:16px;
    line-height:20px;
    border:2px solid #e9e9e9;
    border-radius:5px 0 5px 0;
    -moz-border-radius:5px 0 5px 0;
    -webkit-left-radius:5px 0 5px 0;
    -webkit-transition:all 100ms ease-in-out 0;
    -moz-transition:all 100ms ease-in-out 0;
    -ms-transition:all 100ms ease-in-out 0;
    -o-transition:all 100ms ease-in-out 0;
    -ms-padding:2px 8px;
    -webkit-padding:2px 8px 0px 0px;
    -o-padding:2px 8px;
    -moz-padding:2px 8px!important;
    transition:all 100ms ease-in-out 0;
    
    border-collapse:separate;
    
    }
    
.combo-default:hover
{
    border-color:#24c20a;
    }
    
.combo-focused input,
.combo-default input
{
    margin:0px 10px;
    font-size:12px!important;
    line-height:20px;
    border:0px none !important;
    height:21px!important;
    }
.combo-focused
{
    border-color:#24c20a;
    }
    
.combo-focused input
{
    border:0px none!important;
    outline-color:#ffffff;
    height:20px;
    }

.combo-readonly:hover {
    border: 2px solid #e9e9e9!important;
}

.dxeDisabled {
    border-color: #e9e9e9!important;
}
.combo-readonly
{
    border: 0px solid #e9e9e9!important;
    color:#e9e9e9!important;
}

.combo-readonly input
{
    color:#818285!important;
    }

.combo-readonly:hover
{
    border: 0px solid #e9e9e9!important;
    /*border-color:#e9e9e9!important;*/
}

.combo-button
{
    /*-webkit-background-clip:content-box!important;*/
    background:#fff;
    border:0px none #fff;
    padding-top:0px;
    padding-bottom:0px;
    z-index:-100;
    }
    
/*--------------fomview--------------------*/
/*.formview-default, .formview-default > div
{
    margin:0px 10px 0px 0px;
    height:100%!important;
    }*/

/*----------------roundedpanel-----------------*/
.rounded-error {
    background:#ffb2ae;
}

.rounded-information
{
    background:#CCFFCC;
}

.rounded-label-red {
    color:red;
}

.rounded-label-green {
    color:darkgreen;
}

/*----------------radio--------------------*/
.radio-default
{
    padding-top:0px!important;
    padding-left:0px!important;
    padding-right:2px!important;
    padding-bottom:3px!important;
    background-image: none;
    border:2px solid #e9e9e9;

    border-radius:11px!important;
    -moz-border-radius:11px;
    -webkit-border-radius:11px;
    }

span.dxichCellSys {
    display:inline!important;
}

.dxichCellSys > .dxichSys
{
    margin-left:0px!important;
}

    


.radio-default:hover {
    border-color:#24c20a;
}
    
.radio-focused
{
    /*background-color:#fff!important;*/
    }

.radio-readonly
{
    padding-top:0px!important;
    padding-left:0px!important;
    padding-right:2px!important;
    padding-bottom:3px!important;
    border:2px solid #e9e9e9;
    background-image: none;

    border-color:#e9e9e9!important;
    border-radius:11px!important;
    -moz-border-radius:11px;
    -webkit-border-radius:11px;

    /*color:#e9e9e9!important;*/

    
    }

.radio-readonly:hover {
    border:2px solid #e9e9e9;
    }

.radio-readonly span{
    /*background-image:none!important;*/
}

.dxEditors_edtRadioButtonChecked, .dxEditors_edtRadioButtonCheckedDisabled {
    background-image: url('../../images/checked.png')!important;
    background-position: 0px 0px;
}

.dxEditors_edtRadioButtonUnchecked, .dxEditors_edtRadioButtonUncheckedDisabled {
    background-image: none!important;
    background-position: 0px 0px;
}

    
/*----------------checkbox-----------------*/
.checkbox-default
{
    padding-top:0px!important;
    padding-left:0px!important;
    padding-right:2px!important;
    padding-bottom:3px!important;
    border:2px solid #e9e9e9;
    
    }

.checkbox-default:hover
{
    border-color:#24c20a;
}
    
.checkbox-focused
{
    background-color:#fff!important;
    }

.checkbox-readonly
{
    padding-top:0px!important;
    padding-left:0px!important;
    padding-right:2px!important;
    padding-bottom:3px!important;
    border:2px solid #e9e9e9;

    border-color:#e9e9e9!important;
    color:#e9e9e9!important;
    }

.checkbox-readonly:hover {
    border:2px solid #e9e9e9;
    }

.checkbox-readonly span{
    /*background-image:none!important;*/
}

.dxWeb_edtCheckBoxUnchecked
{
    background-image: url('../../images/unchecked.png')!important;
    background-position:0px 0px!important;
    }

.dxWeb_edtCheckBoxUncheckedDisabled {
    background-image: url('../../images/unchecked.png')!important;
    background-position:0px 0px!important;
}

.dxWeb_edtCheckBoxCheckedDisabled {
    background-image: url('../../images/checked.png')!important;
    background-position:0px 0px!important;
}

.tree-node span.dxWeb_edtCheckBoxUnchecked
{
    border:1px solid #e9e9e9;
    background-color:#fff!important;
    }
    
.tree-node span.dxWeb_edtCheckBoxChecked
{
    border:1px solid #e9e9e9;
    background-color:#fff!important;
    }
    
.grid-default span.dxWeb_edtCheckBoxChecked
{
    border:2px solid #e9e9e9;
    background-color:transparent!important;
    }
    
.grid-default span.dxWeb_edtCheckBoxUnchecked
{
    border:2px solid #e9e9e9;
    background-color:transparent!important;
    }
    
.dxWeb_edtCheckBoxChecked
{
    background-image: url('../../images/checked.png')!important;
    background-position:0px 0px!important;
    }

/*----------------angular radiobutton-------------*/
.angularradio-default {
    padding-top: 0px !important;
    padding-left: 0px !important;
    padding-right: 2px !important;
    padding-bottom: 3px !important;
    border: 2px solid #e9e9e9;
}

    .angularradio-default input {
        min-height: 15px;
        min-width: 18px;
        color: white;
        z-index: -1;
    }

.angularradio-focused {
    background-color: #fff !important;
}

/*------------------popup-------------------*/
.popup-default
{
    background:#fff;
    }

/*--------------language combo-------------*/

/*---------------Languageselector--------------*/
.language-switch 
{
    float:right;
    width:120px;
    height:32px;
    display:inline-block;
    position:relative;
    margin-right:5px;
    top:5px;
    cursor:pointer;
}

#cbLanguage,
#cbLanguage > table,
#cbLanguage tr td,
#cbLanguage input
{
    color:#818285;
    font-family:'futura_t_otregular';
    background:#eaeaea!important;
   }
   
.language-combo-buttonstyle
{
    border: 0px none!important;
    background:#eaeaea!important;
    }
    
.language-combo
{
    border: 0px none!important;
    background:#eaeaea!important;
    color:#ef4d68!important;
    font-family:'futura_t_otregular'!important;
    }

.language-combo-listbox
{
    background:#f5f5f5;
    color:#818285;
    border: 1px solid #a4a4a4;
    }
    
.language-combo-itemstyle
{
    color:#818285;
    font-family:'futura_t_otregular';
    background:#f5f5f5;
    }
    
.language-combo-itemstyle-hover
{    
    font-family:'futura_t_otregular';
    font-weight:bold;
    cursor:pointer;
    }

.language-combo-itemstyle-selected
{
    color:#ef4d68;
    }

/*-----------------Image----------------------------*/
.img-arrived {
    vertical-align: middle;
    width:16px!important;
    height:16px!important;
    padding-bottom: 3px
}

.img-linked {
    vertical-align: middle;
}

/*-----------------Gauge----------------------------*/
.gauge-sla {
    vertical-align: middle;
}

/*-----------------Hyperlink------------------------*/
.blue-link {
    color: blue;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    border: 0px none #ef4d68 !important;
    background-image: none;
    background-color: transparent;
    padding: 0px 0px 0px 0px;
}

.hyperlink-default
{
    color:#ed4339;
    cursor:pointer;
    }
    
.hyperlink-default:hover
{
    color:#ed4339;
    cursor:pointer;
    }
    
/*----------------RequiredFieldValidator------------*/
.required-default
{
    color:#ed4339;
    }

/*----------------ASPxGridView-----------------*/
.grid-default
{
    border-color:#f3f3f3;
    }
    
.grid-alternatecolor
{
    background-color:#F8F8F8;
    border-color:#f3f3f3!important;
    }
    
.grid-row
{
    border-color:#f3f3f3!important;
    height:16px!important;
    }

.grid-header,
.grid-header table
{
    background-color:#dedddd;
    border-color:#f3f3f3!important;
    color:#818285!important;
    font-family: Arial, sans-serif!important;
    font-size: 14px;
    height:16px!important;
    }

.grid-header-small,
.grid-header-small table
{
    background-color:#dedddd;
    border-color:#f3f3f3!important;
    color:#818285!important;
    font-family: Arial, sans-serif!important;
    font-size: 12px;
    height:16px!important;
    }

.grid-headerpanel
{
    height:16px!important;
    }

.grid-cell
{
    color:#818285;
    font-family: Arial, sans-serif!important;
    font-size: 14px;
    border-color:#f3f3f3!important;
    }

.grid-cell-small
{
    color:#818285;
    font-family: Arial, sans-serif!important;
    font-size: 12px;
    border-color:#f3f3f3!important;
    }

.grid-cell-wocolor
{
    font-family: Arial, sans-serif!important;
    font-size: 14px;
    border-color:#f3f3f3!important;
    }
    
.grid-commanditem
{
    border-color:#f3f3f3!important;
    color:#e30018!important;
    text-decoration:none;
    }
    
.grid-commandcolumn
{
    background-image:none;
    border-color:#f3f3f3!important;
    font-family: Arial, sans-serif!important;
    font-size: 14px;
    }
    
.grid-table
{
    border-color:#f3f3f3!important;
    }
    
/*--------------grid-----------------*/
.tree-default
{
    min-width:200px !important;
    }

.tree-node
{
    min-width:200px !important;
    }
    
.tree-node-hover
{
    font-weight:bold;
    background-color:#ffffff!important;
    border: 1px solid #ffffff!important;
    }

.tree-node-selected
{
    font-weight:bold;
    background-color:#ffffff!important;
    border-top:0px none!important;
    border-left:0px none!important;
    border-right:0px none!important;
    border-bottom-color:#8BC349!important;
    border-bottom-width:2px!important;
    border-bottom-style:solid!important;
    }

.tree-node-text
{
    color:#818285;
    font-family: Arial, sans-serif!important;
    font-size: 12px;
    }
    
.tree-node-image
{
    }

/*---------------------------splitter-----------------------*/
.splitter-default
{
    width:100%;
    min-height:400px!important;
    height:100%!important;
    padding-right:0px;
    }

/*-----------------------------dataview----------------------*/
.dataview-default
{
    background-color:#fff;
    border:0px none #fff;
    }
/*---------------------------LayoutForm---------------------*/
.basecotrol-container {
    width:100%;
    border-bottom:1px solid #f3f3f3;
    display:table-row;
    height:70px;
}

.layoutgroup-noborder{
    border:0px none black!important;
    border-image:none!important;
}
.layoutgroup-edit {
    margin:0px!important;
    padding:0px!important;
    border:0px none black!important;
    border-image:none!important;
}

/*---------------Collapsible div---------------*/
.collapsed
{
    display:none;
    }

.collapsed-container
{
    border-bottom:2px solid #24c20a;
    padding-bottom:10px;
    }

/*---------------drag and drop file upload---------------*/
.dropZoneExternal > div,
.dropZoneExternal > img
{
    position: absolute;
}
.dropZoneExternal
{
    position: relative;
    border: 1px dashed #f17f21!important;
    cursor: pointer;
}
.dropZoneExternal,
.dragZoneText
{
    width: 350px;
    height: 350px;
}
.dropZoneText
{
    width: 300px;
    height: 150px;
    color: #fff;
    background-color: #888;
}
#dropZone
{
    top: 0;
    padding: 100px 25px; 
}
.uploadControlDropZone,
.hidden
{
    display: none;
}
.dropZoneText,
.dragZoneText
{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 20pt;
}
.dragZoneText
{
    color: #808080;
}
.dxucInlineDropZoneSys span
{
    color: #fff!important;
    font-size: 10pt;
    font-weight: normal!important;
}
.uploadControlProgressBar
{
    width: 350px!important;
}
.validationMessage
{
    padding: 0 20px;
    text-align: center;
}
.uploadControl
{
    margin-top: 10px;
}
.Note
{
    width: 500px;
}