.dm-FlwForm{    
    /*border: 1px solid lightgray !important;*/
    box-shadow: 0px 2px 5px  #777 !important;
    position: relative !important;
    margin: 0px auto !important;
    width: 1280px;
}

.dm-FlwWorkingArea{
    width:100%;
    height:100%;
    /*background:#e6eeff;*/
    background:#fff !important;
}

.dm-FlwCenter-Horizontal{
    position: relative !important;   
    /*    left: 50% !important;
        transform: translateX(-50%) !important;
        -webkit-transform: translateX(-50%) !important;
        -ms-transform: translateX(-50%) !important;*/
    margin-left: auto;
    margin-right: auto; 

}

.dm-FlwCenter-Vertial{      
    position: relative !important;   
    top: 50% !important;
    transform: translateY(-50%) !important;
    -webkit-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    /*    margin-top: auto;
        margin-bottom: auto;*/
}

.dm-FlwCenter{
    position: relative !important; 
    /*    left: 50% !important;
        top: 50% !important;
        transform: translate(-50%,-50%) !important;
        -webkit-transform: translate(-50%,-50%) !important;
        -ms-transform: translate(-50%,-50%) !important;*/


    top: 50% !important;
    transform: translateY(-50%) !important;
    -webkit-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;

    margin-left: auto;
    margin-right: auto; 
    /*    margin-top: auto;
        margin-bottom: auto;*/
}


.dm-FlwLeft{    
    position: relative;
    float: Left;
}

.dm-FlwRight{    
    position: relative;
    float: right;
}

.dm-Line-Horizontal{
    width: 100%;
    border: 1px solid #656060;
    /*    margin-bottom: 8px;*/
}

.dm-FontBold {
    font-weight:bold !important;
}

.dm-ColActiveForFilter {
    font-weight:bold !important;
    background: rgb(240, 98, 146);
    color: #fff;
}

.dm-ToolContainer 
{
    line-height: 10px !important;
    width: 100% !important;
    border-bottom: 1px solid rgb(204, 204, 204) !important;
    background: #e7e7e7;
}

.dm-ToolContainer button 
{    
    margin:0px !important;
    padding:0px;
    height: 25px;
    font-size: 11px;
    border-bottom: none !important;
}

.dm-ToolContainer button a 
{    
    font-size: 1.5em !important;
    color: rgb(119, 119, 119) !important;
}

.dm-ToolContainer button span 
{    
    display: inline-block;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.dm-ToolContainer input[type="text"] 
{    
    height: 23px !important;
    border: none !important;
    margin-top: 0px !important;
}

.dm-StripLabel
{
    width: 100%;
    height: 25px;
    float: left;
    color: rgb(68, 68, 68);
    font-family: arial;
    font-size: 12px;
    line-height: 10px;
    margin-top: 0px;
    background-color: rgb(204, 204, 204) !important;
}

.dm-GridCellFormat {
    border-top: none !important;
}

.dm-GridCellDisable {
    background-color: lightgray !important;

}

.dm-GridCellMandatory {
    background-color: #ffcccc !important;
}

.dm-GridCellNegative {
    color: red !important;
}

.dm-PopupPanelGlass {
    background-color: transparent;
    opacity: 0;
    filter:alpha(opacity = 0);
    width: 100% !important;
}

.dm-colorRed {
    color: red !important;
}

.dm-colorGreen {
    color: green !important;
}

.dm-colorWhite {
    color: white !important;
}

.dm-backGroundGray {
    background: gray !important;
}

.dm-fontWeightBold {
    font-weight: bold !important;
}

.gwt-MenuBar-horizontal {
    border-Top: none;
    border-bottom: 1px solid black;
}

.gwt-MenuBar-horizontal .gwt-MenuItem {
    padding: 3px 5px;
    font-size: 12px;
    font-family: arial;         
    color: rgb(62, 62, 62);
    font-weight: normal;
    border-right: 1px inset;
}

.gwt-MenuBar-vertical .gwt-MenuItem {
    font-size: 12px;
    font-family: arial;
    padding: 4px 14px 4px 10px;
    border-bottom: 1px solid lightgray;
}

.gwt-MenuBar .gwt-MenuItem {
    cursor: pointer;
}

.gwt-MenuBar .gwt-MenuItem-selected {
    background: rgb(184, 207, 238);
}

.gwt-SuggestBox {
    padding: 2px;
    padding-top: 0px;
    padding-left: 0px !important;
    padding-right: 0px !important;
    font-size: 11px;
    font-family: MS Reference Sans Serif;
    border: 1px solid lightgray;
    float:left;
}

.gwt-TextBox {
    padding: 2px;
    padding-top: 0px;
    padding-left: 0px !important;
    padding-right: 0px !important;
    font-size: 11px;
    font-family: MS Reference Sans Serif;
    border: 1px solid #ddd;
    float:left;
    height: 16px;
    /*background: rgb(249, 249, 249) !important;*/
}

.gwt-TextBox:focus{
    background: #b3e7fb;
}

.gwt-PasswordTextBox {
    padding: 2px;
    padding-top: 0px;
    padding-left: 0px !important;
    padding-right: 0px !important;
    font-size: 11px;
    font-family: MS Reference Sans Serif;
    border: 1px solid lightgray;
    float:left;
    height: 16px;
}

.gwt-TextBox-readonly {
    color: #888;
}

.gwt-TextArea {
    padding: 2px;
    padding-top: 0px;
    padding-left: 0px !important;
    padding-right: 0px !important;
    font-size: 11px;
    font-family: MS Reference Sans Serif;
    border: 1px solid lightgray;
    float:left;
}
.gwt-TextArea-readonly {
    color: #888;
}

.gwt-Label {
    font-family: MS Reference Sans Serif;
    font-size: 11px;
    float:left;
    overflow: hidden;
    text-overflow: ellipsis;
    width:auto !important;
    max-width: 100%;
}

.gwt-SuggestBoxPopup .suggestPopupTopCenter {
    background:none;
}
.gwt-SuggestBoxPopup .suggestPopupBottomCenter {
    background: none;
    -background: none;
}
.gwt-SuggestBoxPopup .suggestPopupMiddleLeft {
    background: none;
}
.gwt-SuggestBoxPopup .suggestPopupMiddleRight {
    background: none;
    -background: none;
}
.gwt-SuggestBoxPopup .suggestPopupTopLeft {
    background: none;
}
.gwt-SuggestBoxPopup .suggestPopupTopRight {
    background: none;
}
.gwt-SuggestBoxPopup .suggestPopupBottomLeft {
    background: none;
}
.gwt-SuggestBoxPopup .suggestPopupBottomRight {
    background: none;
}
.gwt-SuggestBoxPopup .suggestPopupBottomCenter {
    background: none;
}

.gwt-SuggestBoxPopup .suggestPopupContent {
    border: solid 1px gray;
}

.gwt-SuggestBoxPopup .item {
    padding: 2px 6px;
    color: rgb(66, 66, 66);
    cursor: default;
    border-bottom: solid 1px lightgray;
}

.gwt-SuggestBoxPopup {
    margin-left: 0px;
}

.suggestPopupTop
{
    display: none;
}

.suggestPopupMiddleLeft{
    display: none;    
}

.gwt-TabLayoutPanelContentContainer {
    border: 0px none;
    border-top: solid 1px rgb(81, 99, 149); 

}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab {
    margin-left: 1px;
    cursor: pointer;
    color: rgb(255, 255, 255) !important;
    font-weight: bold;
    text-align: center;
    background: none repeat scroll 0% 0% rgba(81, 99, 149, 0.7);
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTabs {
    height: 20px;
}

.gwt-CheckBox label
{
    position: relative !important;  
    vertical-align: top;
}

.gwt-CheckBox label span
{
    position: relative !important;  
    top:4px;
    vertical-align: top;
}

.gwt-CheckBox span
{
    vertical-align: top;
}

.gwt-RadioButton label
{
    position: relative !important;
    top:4px;
    vertical-align: top;
}
.gwt-RadioButton span
{
    vertical-align: top;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelContent {
    border-color: rgb(146, 193, 240);
    border-style: none;
    border-width: 1px;
    overflow: hidden;
    padding: 0;
}

.gwt-PopupPanelGlass {
    background-color: #000;
    opacity: 0.3;
    filter: alpha(opacity=30);
    z-index: 200;
}

.gwt-PopupPanel {
    border: 2px solid rgb(81, 99, 149);
    padding: 3px;
    background: none repeat scroll 0% 0% white;
    z-index: 200;
}

.dm-GridCellDairyWaiting {
    background-color: #D4DCFF !important;
}

.dm-GridCellDairyConfirm {
    background-color: #BCFFA3 !important;
}

.dm-GridCellDairyCancel {
    background-color: #FFD6D6 !important;
}

.dm-GridCellDairyAttended{
    background-color: #EDE58E !important;
}

.dm-GridCellDairyPostpone {
    background-color: #A5BFCC !important;
}

.dm-GridCellIsCancelled {
    background-color: #FFD6D6 !important;
}

.dm-GridCellSelected {
    background-color: #B8CFEE !important;
}

.dm-CheckBox {
    float:left;
    border: 1px solid gray;
    color: rgb(80,80,80);
    width:13px;
    height:13px;
    font-size:13px;
}

.dm-CheckBox-Disable {
    background: rgb(180,180,180);
}

.dm-top-control-btnStyle{
    width: auto !important;
    background: rgb(230, 230, 230) !important;
    border: none !important;
    padding: 0px 9px !important;
    font-size: 9px !important;
}

.dm-top-control-btnStyle span{
    display:none !important;
}

.dm-top-control-btnStyle:hover{
    background: #f7f7f7 !important;
    color: #029686 !important;
}

.dm-top-control-btnStyle:hover a{
    color: #029686 !important;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab-selected {
    cursor: default;
    background: none repeat scroll 0% 0% rgb(81, 99, 149);
    color: rgb(255, 255, 255) !important;
}

gwt-TabLayoutPanelContentContainer {
    border-color: rgb(81, 99, 149) !important;
    border-style: solid;
    border-width: 2px 1px 1px;
}

.gwt-Button{
    background: #e7e7e7 !important;
}

.dm-button-grad{
    background:none repeat scroll 0% 0% rgb(231, 231, 231) !important;
    color:rgb(68, 68, 68) !important;
    font: 11px Arial;
    font-weight: bold;
}

.fa-loader{
    background-image:url(../../images/loader.gif);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width:100px;
    height:100px;
}

.dm-head-menu-bar{
    background-color: #fff;
    width:auto;
    display:flex;
}
.dm-head-menu-bar-item{
    background-color: #fff;
    display: inline-block;
    /*    padding-top: 8px !important;
        padding-bottom: 8px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;*/
}

.dm-head-menu-bar-item a{
    font-size: 12px;
    text-transform: uppercase;
    color: #444 !important;
    cursor: pointer;
    display: inline-block;
    padding: 8.5px 10px !important;
}

.dm-head-menu-bar-item:hover{
    border-bottom: 2px solid #028478 !important;
    background-color: #f7f7f7 !important;
    color: #029686;
    cursor: pointer;
}
.dm-menu-container{
    background: white;
    overflow-x: hidden;
    column-width: 190px;
    -webkit-column-width: 190px;
    -moz-column-width: 190px;
    padding: 15px;
}

.dm-menu-container > .dm-Menu-item-container{
    position: relative;
    width: inherit;
    display: inline-block;
}

.dm-menu-container div{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: arial;
    font-size: 12px;
}

.dm-menu-parent-container{
    width: 100%;
    height: 492px;
    margin: auto;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 2px 4px rgba(0,0,0,0.5);
    border-width: 2px medium;
    border-style: solid none;
    border-color: rgb(1, 150, 135) -moz-use-text-color;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    overflow-y: auto;
}

.dm-menu-popup-style{
    width: 100% !important;
    left: 0px !important;
    top: 34px !important;
    padding: 0px !important;
    border: medium none;
}

.dm-Menu-item-module{
    margin-left: 5px;
    margin-top: 8px;
    color: rgb(255, 255, 255);
    text-decoration: none;
    font-weight: bolder;
    font-size: 12px;
    padding-bottom: 4px;
    background-color: rgb(1, 150, 135);
    padding-left: 8px;
    margin-bottom: 6px;
}
.dm-Menu-item-module > div{
    position: relative;
    top: 2px;
}

.dm-Menu-child-list{
    margin-left: 13px;
    list-style-type: none;
    color: rgb(60, 60, 60);
    font-size: 12px;
    margin-bottom: 3px;
}

.dm-Menu-child-list a{
    width: 160px;
    float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.dm-Menu-child-list .gwt-Label{
    white-space: nowrap;
    float: right;
    text-align: right;
    opacity: 0.6;
}

.dm-right-corner-style{
    width: 100%;
    text-align: left;
    background: none repeat scroll 0% 0% rgb(255, 255, 255) !important;
    border-right: medium none;
    border-left: medium none;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-width: 1px medium;
    border-style: solid none;
    border-color: rgb(238, 245, 249) -moz-use-text-color;
    padding: 5px 0px;
}
.dm-right-corner-style a{
    padding-left: 10px;
}
.dm-right-corner-style:hover{
    background: #009688 !important;
}

.dm-right-corner-style:hover span, .dm-right-corner-style:hover a{
    color:#fff !important;
}

.dm-right-corner-header{
    position: relative;
    padding: 11px;
    display: block;
/*    background: none repeat scroll 0% 0% rgb(81, 99, 149);
    color: rgb(255, 255, 255);
    border-left: 1px solid;*/
}

.dm-right-corner-header label{
    top: 2px;
    margin-left: 8px;
    /*color: rgb(255, 255, 255);*/
    color:#222;
    font-weight: bold;
}

.dm-Menu-child-list a{
    color:#444 !important;
}
.dm-Menu-child-list a:hover, .dm-Menu-child-list a:hover .dm-Menu-child-list div, .dm-Menu-child-list:hover div{
    font-weight: bold;
    white-space: initial !important;
    cursor: pointer;
    opacity: 1 !important;
}
.dm-login-user-box{
    padding: 0px !important;
    text-align: left;
    width: 256px;
    top: 34px !important;
    margin-left: -136px;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
    border: 2px solid rgb(38, 166, 154);
    background-color: rgb(255, 255, 255);
    padding: 0px;
}

.dm-user-icon{
    font-size: 28px;
    border: 3px solid rgba(0, 0, 0, 0.2);
    background-color: rgb(38, 166, 154);
    color: rgb(255, 255, 255);
    border-radius: 50% 50% 50% 50%;
    padding: 11px 15px;
    margin-right: 20px;
}

.dm-user-name-style{
    color: #444;
    font-size: 14px;
    margin-top: 0px;
    font-weight:bold;
    text-align:left;
    padding:0px;
    display: inline-block;
    vertical-align: top;
    width: auto !important;
}

.dm-mouse-hovering:hover{
    border-bottom: 3px solid #028478;
    background-color: #f7f7f7;
    color: #029686 !important;
}

.dm-closeall-btn-style{
    width: 85px;
    height: 26px;
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    margin-left: 10px;
    box-shadow: 0px 0px 4px rgb(68, 68, 68);
}

.dm-body-row-container{
    padding: 10px;
}
.dm-footer-logout-style{
    background: #f5f5f5;
    border-top: 1px solid #ccc;
    border-color: rgba(0,0,0,.2);
    padding: 16px 0;
}
.dm-user-name-style div{
    width:100% !important;
}

.dm-lock-panel-container{
    background: transparent !important;
    border: none !important;
    top: 57px !important;
}

.dm-swtchusr-btn-style{
    float: right !important;
    margin-right: 22px !important;
}

.dm-imp-info-style{
    color:#444 !important;
    text-decoration: none !important;
    background-color: #ccc !important;
    padding: 0px 1px !important;
}

.dm-cross-style{
    position: absolute;
    width: 2px;
    height: 18px;
    background: none repeat scroll 0% 0% rgb(68, 68, 68);
    z-index: 999;
    top: 4px;
    left: 17px;
    transform: rotate(45deg);
}