﻿
hr.seperator {
    clear: both;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

hr.seperatorLite {
    clear: both;
    width: 96%;
}

div.seperatorVertical, div.seperatorVerticalShort, div.seperatorVerticalEmpty, div.seperatorVerticalShortEmpty {
    float: left;
    margin-right: 10px;
    width: 9px;
}

div.seperatorVertical {
    min-height: 26px;
}

div.seperatorVerticalShort {
    min-height: 21px;
}

div.seperatorVerticalEmpty {
    min-height: 26px;
}

div.seperatorVerticalShortEmpty {
    min-height: 21px;
}

div.seperatorVerticalSlim {
    float: left;
    margin-right: 5px;
    min-height: 21px;
    width: 4px
}

div.seperatorHorizontal {
    margin-right: 10px;
    min-height: 1px;
    width: 100%;
    background-repeat: repeat-x;
    padding-top: 10px;
    position: relative;
    bottom: 0px;
}

div.actionButtonsModule {
    margin: 5px 0;
    background: #3C5569;
    padding: 5px 10px;
    display: flow-root;
}

div.actionButtonModule {
    float: right;
}

div.actionButtonModuleLeft {
    float: left;
}

div.actionButtonModuleCancel {
    float: right;
}

div.gridUpButtons {
    width: 99%;
    text-align: right;
    height: 30px;
    margin-top: 10px;
}

div.gridUpButton {
    float: right;
}

/* Labels, Values */

div.labelPanel, div.labelPanelBig, div.labelPanelLite, div.labelPanelSmall, div.labelPanelFull, div.labelPanelBig, div.labelPanelBigWide, div.labelPanelThin,
div.labelPanelDouble, div.labelPanelSlimDouble, div.labelPanelLiteDouble, div.labelPanelSmallDouble, div.labelPanelFullDouble, div.labelPanelBigDouble, div.labelPanelBigWideDouble, div.labelPanelThinDouble,
div.labelPanelTreble, div.labelPanelSlimTreble, div.labelPanelLiteTreble, div.labelPanelSmallTreble, div.labelPanelFullTreble, div.labelPanelBigTreble, div.labelPanelBigWideTreble, div.labelPanelThinTreble {
    margin-top: 2px;
}

.label, .labelSlim, .labelLite, .labelSmall, .labelFull, .labelPanelBig, .labelBigWide, .labelThin {
    font-weight: 700
}

div.labelPanel, div.labelPanelSlim, div.labelPanelLite, div.labelPanelSmall, div.labelPanelFull, div.labelPanelBig, div.labelPanelBigWide, div.labelPanelThin,
div.labelPanelDouble, div.labelPanelSlimDouble, div.labelPanelLiteDouble, div.labelPanelSmallDouble, div.labelPanelFullDouble, div.labelPanelBigDouble, div.labelPanelBigWideDouble, div.labelPanelThinDouble,
div.labelPanelTreble, div.labelPanelSlimTreble, div.labelPanelLiteTreble, div.labelPanelSmallTreble, div.labelPanelFullTreble, div.labelPanelBigTreble, div.labelPanelBigWideTreble, div.labelPanelThinTreble {
    float: left;
    text-align: left;
}

div.valuePanel, div.valuePanelSlim, div.valuePanelLite, div.valuePanelSmall, div.valuePanelFull, div.valuePanelBig, div.valuePanelBigWide, div.valuePanelThin,
div.valuePanelDouble, div.valuePanelSlimDouble, div.valuePanelLiteDouble, div.valuePanelSmallDouble, div.valuePanelFullDouble, div.valuePanelBigDouble, div.valuePanelBigWideDouble, div.valuePanelThinDouble,
div.valuePanelTreble, div.valuePanelSlimTreble, div.valuePanelLiteTreble, div.valuePanelSmallTreble, div.valuePanelFullTreble, div.valuePanelBigTreble, div.valuePanelBigWideTreble, div.valuePanelThinTreble {
    float: left;
    padding-bottom: 5px;
    text-align: left;
}

div.labelPanel, div.valuePanel, div.value, table.value, input.value, select.value, textarea.value, span.value, textarea.value, span.value {
    width: 200px !important;
}

div.labelPanelSlim, div.valuePanelSlim, div.valueSlim, table.valueSlim, input.valueSlim, select.valueSlim, textarea.valueSlim, span.valueSlim {
    width: 95px !important;
}

div.labelPanelLite, div.valuePanelLite, div.valueLite, table.valueLite, input.valueLite, select.valueLite, textarea.valueLite, span.valueLite {
    width: 120px !important;
}

div.labelPanelSmall, div.valuePanelSmall, div.valueSmall, table.valueSmall, input.valueSmall, select.valueSmall, textarea.valueSmall, span.valueSmall {
    width: 160px !important;
}

div.labelPanelFull, div.valuePanelFull, div.valueFull, table.valueFull, input.valueFull, select.valueFull, textarea.valueFull, span.valueFull {
    width: 100% !important;
}

div.labelPanelBig, div.labelPanelBig, div.valuePanelBig, div.valueBig, table.valueBig, input.valueBig, select.valueBig, textarea.valueBig, span.valueBig {
    width: 260px !important;
}

div.labelPanelBigWide, div.valuePanelBigWide, div.valueBigWide, table.valueBigWide, input.valueBigWide, select.valueBigWide, textarea.valueBigWide, span.valueBigWide {
    width: 305px !important;
}

div.labelPanelThin, div.valuePanelThin, div.valueThin, table.valueThin, input.valueThin, select.valueThin, textarea.valueThin, span.valueThin {
    width: 55px !important;
}

/* Double */

div.labelPanelDouble, div.valuePanelDouble, div.valueDouble, table.valueDouble, input.valueDouble, select.valueDouble, textarea.valueDouble, span.valueDouble, textarea.valueDouble, span.valueDouble {
    width: 400px !important;
}

div.labelPanelSlimDouble, div.valuePanelSlimDouble, div.valueSlimDouble, table.valueSlimDouble, input.valueSlimDouble, select.valueSlimDouble, textarea.valueSlimDouble, span.valueSlimDouble {
    width: 190px !important;
}

div.labelPanelLiteDouble, div.valuePanelLiteDouble, div.valueLiteDouble, table.valueLiteDouble, input.valueLiteDouble, select.valueLiteDouble, textarea.valueLiteDouble, span.valueLiteDouble {
    width: 240px !important;
}

div.labelPanelSmallDouble, div.valuePanelSmallDouble, div.valueSmallDouble, table.valueSmallDouble, input.valueSmallDouble, select.valueSmallDouble, textarea.valueSmallDouble, span.valueSmallDouble {
    width: 320px !important;
}

div.labelPanelThinDouble, div.valuePanelThinDouble, div.valueThinDouble, table.valueThinDouble, input.valueThinDouble, select.valueThinDouble, textarea.valueThinDouble, span.valueThinDouble {
    width: 110px !important;
}
/* END OF Double */

/* Treble */

div.labelPanelTreble, div.valuePanelTreble, div.valueTreble, table.valueTreble, input.valueTreble, select.valueTreble, textarea.valueTreble, span.valueTreble, textarea.valueTreble, span.valueTreble {
    width: 620px !important;
}

div.labelPanelSlimTreble, div.valuePanelSlimTreble, div.valueSlimTreble, table.valueSlimTreble, input.valueSlimTreble, select.valueSlimTreble, textarea.valueSlimTreble, span.valueSlimTreble {
    width: 295px !important;
}

div.labelPanelLiteTreble, div.valuePanelLiteTreble, div.valueLiteTreble, table.valueLiteTreble, input.valueLiteTreble, select.valueLiteTreble, textarea.valueLiteTreble, span.valueLiteTreble {
    width: 380px !important;
}

div.labelPanelSmallTreble, div.valuePanelSmallTreble, div.valueSmallTreble, table.valueSmallTreble, input.valueSmallTreble, select.valueSmallTreble, textarea.valueSmallTreble, span.valueSmallTreble {
    width: 500px !important;
}

div.labelPanelThinTreble, div.valuePanelThinTreble, div.valueThinTreble, table.valueThinTreble, input.valueThinTreble, select.valueThinTreble, textarea.valueThinTreble, span.valueThinTreble {
    width: 175px !important;
}
/* END OF Treble */

input.int, select.int, span.int {
    direction: rtl;
}

input.value, input.valueSlim, input.valueLite, input.valueFull, input.valueBig, input.valueBigWide, input.valueThin, input.valueSmall,
input.valueDouble, input.valueSlimDouble, input.valueLiteDouble, input.valueFullDouble, input.valueBigDouble, input.valueBigWideDouble, input.valueThinDouble,
input.valueTreble, input.valueSlimTreble, input.valueLiteTreble, input.valueFullTreble, input.valueBigTreble, input.valueBigWideTreble, input.valueThinTreble {
    padding-left: 4px;
    padding-right: 1px;
    min-height: 30px;
    display: block;
    border-radius: 4px;
}

select.value, select.valueSlim, select.valueLite, select.valueFull, select.valueBig, select.valueBigWide, select.valueThin, select.valueSmall,
select.valueDouble, select.valueSlimDouble, select.valueLiteDouble, select.valueFullDouble, select.valueBigDouble, select.valueBigWideDouble, select.valueThinDouble,
select.valueTreble, select.valueSlimTreble, select.valueLiteTreble, select.valueFullTreble, select.valueBigTreble, select.valueBigWideTreble, select.valueThinTreble {
    /*padding-left: 0;*/
    padding-right: 0;
    min-height: 30px;
    display: block;
    border-radius: 4px;
}

textarea.value, textarea.valueSlim, textarea.valueLite, textarea.valueFull, textarea.valueBig, textarea.valueBigWide, textarea.valueThin, textarea.valueSmall,
textarea.valueDouble, textarea.valueSlimDouble, textarea.valueLiteDouble, textarea.valueFullDouble, textarea.valueBigDouble, textarea.valueBigWideDouble, textarea.valueThinDouble,
textarea.valueTreble, textarea.valueSlimTreble, textarea.valueLiteTreble, textarea.valueSmallTreble, textarea.valueFullTreble, textarea.valueBigTreble, textarea.valueBigWideTreble, textarea.valueThinTreble {
    padding: 5px;
    min-height: 30px;
    display: block;
    border-radius: 4px;
}

span.value, span.valueSlim, span.valueLite, span.valueSmall, span.valueFull, span.valueBig, span.valueBigWide, span.valueThin, span.valueDouble, span.valueSlimDouble, span.valueLiteDouble, span.valueSmallDouble, span.valueThinDouble, span.valueTreble, span.valueSlimTreble, span.valueLiteTreble, span.valueSmallTreble, span.valueThinTreble {
    display: block;
    padding: 7px 0
}

.labelPanelSlimDouble span, .labelPanelLiteDouble span, .labelPanelSmallDouble span, .labelPanelDouble span, .labelPanelThinDouble span, .labelPanelTreble span, .labelPanelSlimTreble span, .labelPanelLiteTreble span, .labelPanelSmallTreble span, .labelPanelThinTreble span, .labelPanel span, .labelPanelSlim span, .labelPanelLite span, .labelPanelSmall span, .labelPanelFull span, .labelPanelBig > span, .labelPanelBigWide span, .labelPanelThin span {
    display: block;
    padding: 7px 0
}

div.valuePanel > span, div.value span, div.valuePanelSlim span, div.valueSlim span, div.valuePanelLite > span, div.valueLite span, div.valuePanelSmall span, div.valueSmall span, div.valuePanelFull span, div.valueFull span, div.labelPanelBig > span, div.valuePanelBig > span, div.valuePanelBigWide > span, div.valueBigWide span, div.valuePanelThin span, div.valueThin span, div.valuePanelDouble > span, div.valueDouble span, div.valuePanelSlimDouble span, div.valueSlimDouble span, div.valuePanelLiteDouble > span, div.valueLiteDouble span, div.valuePanelSmallDouble > span, div.valueSmallDouble span, div.valuePanelThinDouble span, div.valueThinDouble span, div.valuePanelTreble span, div.valueTreble span, div.valuePanelSlimTreble span, div.valueSlimTreble span, div.valuePanelLiteTreble > span, div.valueLiteTreble span, div.valuePanelSmallTreble span, div.valueSmallTreble span, div.valuePanelThinTreble span, div.valueThinTreble span {
    display: inline-block;
    padding: 7px 0
}

div.valuePanel table span, div.value table span, div.valuePanelSlim table span, div.valueSlim table span, div.valuePanelLite table span, div.valueLite table span, div.valuePanelSmall table span, div.valueSmall table span, div.valuePanelFull table span, div.valueFull table span, div.labelPanelBig table span, div.valuePanelBig > table span, div.valuePanelBigWide table span, div.valueBigWide table span, div.valuePanelThin table span, div.valueThin table span, div.valuePanelDouble table span, div.valueDouble table span, div.valuePanelSlimDouble table span, div.valueSlimDouble table span, div.valuePanelLiteDouble table span, div.valueLiteDouble table span, div.valuePanelSmallDouble table span, div.valueSmallDouble table span, div.valuePanelThinDouble table span, div.valueThinDouble table span, div.valuePanelTreble table span, div.valueTreble table span, div.valuePanelSlimTreble table span, div.valueSlimTreble table span, div.valuePanelLiteTreble table span, div.valueLiteTreble table span, div.valuePanelSmallTreble table span, div.valueSmallTreble table span, div.valuePanelThinTreble table span, div.valueThinTreble table span {
    display: inline-block;
    padding: 0
}

div.valuePanel table.dxeRadioButtonList, div.value table.dxeRadioButtonList, div.valuePanelSlim table.dxeRadioButtonList, div.valueSlim table.dxeRadioButtonList, div.valuePanelLite table.dxeRadioButtonList, div.valueLite table.dxeRadioButtonList, div.valuePanelSmall table.dxeRadioButtonList, div.valueSmall table.dxeRadioButtonList, div.valuePanelFull table.dxeRadioButtonList, div.valueFull table.dxeRadioButtonList, div.labelPanelBig table.dxeRadioButtonList, div.valuePanelBig > table.dxeRadioButtonList, div.valuePanelBigWide table.dxeRadioButtonList, div.valueBigWide table.dxeRadioButtonList, div.valuePanelThin table.dxeRadioButtonList, div.valueThin table.dxeRadioButtonList, div.valuePanelDouble table.dxeRadioButtonList, div.valueDouble table.dxeRadioButtonList, div.valuePanelSlimDouble table.dxeRadioButtonList, div.valueSlimDouble table.dxeRadioButtonList, div.valuePanelLiteDouble table.dxeRadioButtonList, div.valueLiteDouble table.dxeRadioButtonList, div.valuePanelSmallDouble table.dxeRadioButtonList, div.valueSmallDouble table.dxeRadioButtonList, div.valuePanelThinDouble table.dxeRadioButtonList, div.valueThinDouble table.dxeRadioButtonList, div.valuePanelTreble table.dxeRadioButtonList, div.valueTreble table.dxeRadioButtonList, div.valuePanelSlimTreble table.dxeRadioButtonList, div.valueSlimTreble table.dxeRadioButtonList, div.valuePanelLiteTreble table.dxeRadioButtonList, div.valueLiteTreble table.dxeRadioButtonList, div.valuePanelSmallTreble table.dxeRadioButtonList, div.valueSmallTreble table.dxeRadioButtonList, div.valuePanelThinTreble table.dxeRadioButtonList, div.valueThinTreble table.dxeRadioButtonList {
    padding: 5px 0
}


.p2 span, .tg2 span {
    padding: 2px 0 !important
}

.p2 div {padding:0}

.flexiblePanel .mrl {
    min-height: 20px !important
}

/* END OF Labels, Values */
.required {
}

.requiredFieldsNote {
}

.labelRequiredFieldsNote {
}

.contanierPanelFixed .contanierPanelContent .contanierContentPanel .ErrorAndInformationContainer .ErrorContainer,
.contanierPanelFixed .contanierPanelContent .contanierContentPanel .ErrorAndInformationContainer .InfoContainer,
.contanierPanelFixed .contanierPanelContent .contanierContentPanel .ErrorAndInformationContainer .DeveloperInfoContainer {
    width: 380px !important;
    border-radius: 5px;
}

/*#region Permissions */

.dlPermissionItem {
    border-bottom: 1px solid #666;
    padding: 7px 0px;
}

    .dlPermissionItem p {
        display: block;
        float: left;
        width: 150px;
        margin-right: 10px;
    }

    .dlPermissionItem span {
        display: block;
        float: left;
        border: 1px solid #cccccc;
        min-width: 80px;
        padding: 3px;
        margin: 1px;
    }

    .dlPermissionItem .checkBoxListOfPermissionGroup {
        display: block;
        float: left;
        width: 580px;
    }

/*#endregion */

.button option {
    color: #333333 !important;
}

.ml-5 {
    margin-left: 5px !important;
}

.table-row-item {
    vertical-align: middle !important;
}

.text-align-right {
    text-align: right !important;
}

.text-align-left {
    text-align: left !important;
}

.text-align-center {
    text-align: center !important;
}

div.valuePanel .dxeButtonEdit, div.value .dxeButtonEdit, div.valuePanelSlim .dxeButtonEdit, div.valueSlim .dxeButtonEdit, div.valuePanelLite .dxeButtonEdit, div.valueLite .dxeButtonEdit, div.valuePanelSmall .dxeButtonEdit, div.valueSmall .dxeButtonEdit, div.valuePanelFull .dxeButtonEdit, div.valueFull .dxeButtonEdit, div.valuePanelBig .dxeButtonEdit, div.valueBig .dxeButtonEdit, div.valuePanelBigWide .dxeButtonEdit, div.valueBigWide .dxeButtonEdit, div.valuePanelThin .dxeButtonEdit, div.valueThin .dxeButtonEdit, div.labelPanelDouble .dxeButtonEdit, div.valuePanelDouble .dxeButtonEdit, div.valueDouble .dxeButtonEdit, div.labelPanelSlimDouble .dxeButtonEdit, div.valuePanelSlimDouble .dxeButtonEdit, div.valueSlimDouble .dxeButtonEdit, div.labelPanelLiteDouble .dxeButtonEdit, div.valuePanelLiteDouble .dxeButtonEdit, div.valueLiteDouble .dxeButtonEdit, div.labelPanelSmallDouble .dxeButtonEdit, div.valuePanelSmallDouble .dxeButtonEdit, div.valueSmallDouble .dxeButtonEdit, div.labelPanelThinDouble .dxeButtonEdit, div.valuePanelThinDouble .dxeButtonEdit, div.valueThinDouble .dxeButtonEdit, div.labelPanelTreble .dxeButtonEdit, div.valuePanelTreble .dxeButtonEdit, div.valueTreble .dxeButtonEdit, div.labelPanelSlimTreble .dxeButtonEdit, div.valuePanelSlimTreble .dxeButtonEdit, div.valueSlimTreble .dxeButtonEdit, div.labelPanelLiteTreble .dxeButtonEdit, div.valuePanelLiteTreble .dxeButtonEdit, div.valueLiteTreble .dxeButtonEdit, div.labelPanelSmallTreble .dxeButtonEdit, div.valuePanelSmallTreble .dxeButtonEdit, div.valueSmallTreble .dxeButtonEdit, div.labelPanelThinTreble .dxeButtonEdit, div.valuePanelThinTreble .dxeButtonEdit, div.valueThinTreble .dxeButtonEdit, div.labelPanelLite .dxeButtonEdit, .rds {
    border-radius: 4px;
    display: block;
}
