body ,.form-control1,.ctrid,.ctridlbl label,.ctrbody .shkbox label,.igdd_ValueDisplay,tr.igg_AddNewRow>td
,.igdd_ValueDisplayDisabled,.igdd_DropDownList,.igdd_ListItem,.igdd_LoadingItemsMessage,.igdd_PageCurrent
,.igdd_PageLink,.dxeBase_iOS,.dxbButton_iOS,.ui-widget
 {
    font-family: 'Conv_Hacen Tunisia Lt', 'Segoe UI','Segoe UI Web Regular','Segoe UI Symbol','Helvetica Neue','BBAlpha Sans','S60 Sans',Arial,sans-serif !important;
  font-weight:lighter !important;
}
.dxbs-popup-menu
{
right:auto !important;
}
     .popcontrol, .popitem ul {
            max-width: 300px;
            right: auto;
            display: none;
        }
     .ulbtuns
     {
         float:right;
         width:100px;
         list-style:none;
         position:absolute;
         top:1px;
         padding:0 !important;
     }
          .ulbtuns li
     {
              position:relative;
         float:right;
         width:40px;
                  list-style:none;
     }
                    .ulbtuns li img
     {
                            top: 10px;
    right: 10px;
                        position:relative !important;
         float:right;
     
     }
                    .fulscrn
                    {
                                         width: -webkit-calc(100% - 20px) !important;
    width:    -moz-calc(100% - 20px) !important;
    width:         calc(100% - 20px) !important;
    left:10px !important;
    max-width:none !important;
    top:10px !important;
    height:95% !important;
                    }
.lblntw
{
    
    top:27px;
    position:absolute;
    right:27%;
    text-align:right;
    color:#DA4453;
    font-weight:600;
    padding:3px 5px;
    background-color:#f1f1f1;
    min-height:28px;
    border: 1px dashed #cfcfcf;
    
}
.lblntw100
{
    
   
    text-align:right;
    color:#DA4453;
    font-weight:600;
    padding:3px 3px;
    background-color:#f1f1f1;
 
    border-bottom:1px dashed #cfcdcd !important;
    
}
.tab-content-m
{
    padding:0 !important;
}
 
.bld
{
    font-weight:700;
    color:Red;
    font-size:12pt;
    text-align:center;
}
.cntr .dxbButtonSys .dxb
{
    text-align:center !important;
}
@media screen and (min-width:770px) {
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
        text-shadow: 2px 1px 0 #f7f7f7;
    }
}
.TokenBoxInput
{
      width:100% !important;
}
.dxbDisabled_iOS
{
    background-color:#e5e5e5 !important;
    color:#333 !important;
}
.dxmLite_PlasticBlue .dxm-horizontal .dxm-hovered
{
    background-image:none !important;
}
.dxgvControl_PlasticBlue td.dxgvBatchEditModifiedCell_PlasticBlue
{
    background-color:#808080 !important;
}
.dxgvBatchEditDeletedItem_PlasticBlue div, .dxgvBatchEditNewItem_PlasticBlue.dxgvBatchEditDeletedItem_PlasticBlue div
{
    text-decoration:line-through !important;
   
}
   .hascond
        {
        border-color:blue;
         border-right:20px solid blue;
        }
.replbl
{
    width:100px;
    white-space: pre-wrap;
    text-align:right;
    font-size:90%;
 
}
.dxvgRecord_PlasticBlue
{
    text-align:center;
}
    .replbl .dxeCaption_PlasticBlue {
           font-weight:700 !important;
           color:#888888;
    }
.logcontant
{
    max-height:200px;
    overflow:auto;
    padding:5px;
    border:1px dotted #e5e5e5;
    margin-bottom:5px;
    
}
.logcontant hr
{
    margin: 5px 0;
}
.desktop
{
    padding:0 !important;
}
.htmmaincont
{ 
    position:relative;
       clear:both;
    padding:0 !important;
    margin:0 !important;

}
    .divcontant
    {
            position: absolute !important;
    right: 0px;
    width:20px;
    height:20px;
    top:-20px !important;
    overflow:hidden;
     
    opacity:.3;
 
      z-index: 9999999;
    padding:2px;
    }

.editstyle {
 float:right;
 
    width: 16px;
    cursor: pointer;
 
}
.reloadstyle
{
   float:left !important;
}
.divcontant:hover
{
   background-color:#d4eff7;
    width:40px;
  opacity:1;
  border-radius:5px;
}
#maincontainer
{
    position:relative;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.null1
{
    text-align:right !important;
    direction:rtl !important;
}
.dxca-imageDiv
{
    background-color:white !important;
}
.dxeDisabled_PlasticBlue{
    
    color:inherit !important;
}
ul{
    text-align:right;
}
.contfiles img {
    border: 2px solid rgba(255, 255, 255, 0.00);
}

    .contfiles img:hover {
        border: 2px outset #d6d4d4;
    }
     .popitem span.popout {
                transform: rotate(90deg) !important;
            }
#CapIMG_uplImage {
    width: 98% !important;
}
.dxeListBoxItem_PlasticBlue
{
    white-space:pre-line !important;
}
 
.helpcss 
{
   
   padding:10px 40px 15px 20px !important;
 
   
 position:fixed !important;
 bottom:5px !important;
 min-width:50% !important;
 font-weight:700 !important;
 left:0 !important;
 top:auto !important; 
   background-color:rgb(134, 161, 211) !important;
   color:white !important;
   border:0 !important;
   background-image:url('/Content/images/help1.png') !important;
   background-position:99% center !important;
   background-repeat:no-repeat !important;
   border-radius: 0 5px 5px 0px;
}

@media screen and (max-width:567px) {
    .helpcss {
       min-width:100% !important;
         border-radius: 0 !important ;
          bottom:0 !important;
    }
}
.fastact
{
    padding:0;
}
.fastact .col-md-12
{
    padding:0;
    padding-bottom:10px;
    float:right;
    width:100%;
}
  .tab-content
{
    border:1px solid #e5e5e5;
    border-width:0px 1px 1px;
    padding:0 10px 10px 10px;
    float:right;
    width:100%;
}
.tab-content .tab-content {
    padding-bottom:5px !important;
}
.nav-tabs
{
    padding-right:0;
    float:right;
    width:100%
}
.nav-tabs > li > a{
    border-radius:0;


}
 .nav-tabs > li > a {
           background-color:#f5f5f5;
        margin-right: 0px;
    }
.fastact .active
{
    z-index:0;
}
.fastact .fastactbtn
{
 width:33.333% !important;
 float:right;
 padding-bottom:10px;
 text-align:center;
}
.imgconainer {
    float: right;
}
.goapp
{
    display:block;
}
.goapp input
{
    position:fixed;
    top:0;
    right:5px;
    width:40px;
    height:40px;
      z-index:9999;  
}
@media (max-width: 1000px) {
.goapp{
display:none;
}
}
.PCOPY
{
    font-weight: 700;
}
.chide
{
    display:none !important;
}
.ctridlbl label,.ctrbody .shkbox label
{
 
  
    font-weight: 700;
    overflow: hidden;
   margin:0;
 
    font-size: 11pt;
}
 .ctrpostop .shkbox label
{
    float:right;
    width:100%;
        height: 28px;
        
       
} 
.ntw
{
    color: #ffffff !important;
    
   
    background-color: #333;
    padding: 0px 5px;
   
    RIGHT: 0;
}
td.dxeHelpText_PlasticBlue span,.dxflGroupCell_PlasticBlue
{
        float: right;
        text-align:right;

}
.hidectr {
    width: 100%;
    height:5px;
    overflow:hidden;
    position: absolute;
    margin-top: -3px;
    padding-left: 20px;
}

.scnctr {
    padding: 0 0px 5px 10px;
    max-height: 250px;
    overflow: auto;
}

.listctr .dxeEditArea_PlasticBlue {
    min-height: 0 !important;
    height: 0px !important;
    padding-top: 5px !important;
    color: transparent;
}

.btns {
    width: 120px;
}
.dohide
{
    display:none !important;
}
.grdtoolbar
{
    margin-bottom:2px !important;
    padding:5px 5px  !important;
    background-image:none !important;
}
.GRDPK
{
    background-color:#e5e5e5;
    text-align:center;
}
        .combtn
        {
            
   float:right;
    border: 0px solid #007BF7  !important;
    border-radius: 2px  !important;
    -webkit-border-radius: 2px !important;
    background-color: #007BF7 !important;
  
    font: 12px 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif !important;
         padding: 3px 10px !important;
  
    color: white !important;
    box-shadow: 2px 2px 2px #888888 !important;
   
        }
        .combtn:hover {
                border: 0px solid #808080  !important;

             background-color: #808080 !important;
        }
.retimg3 {
    text-decoration: none !important;
    background-color: #333;
    color: white;
    cursor: pointer;
    padding: 3px 5px;
    font-size: 8pt;
    border: 1px solid #d8d8d8;
    box-shadow:0px 0px 5px 3px #888888;
    float: right;
    max-width: 150PX;
    text-align: center;
    MARGIN:5px 5px 0 0px;
}
.error {
        border: 0 solid Red !important;
    border-left: 5px solid Red !important;  
          padding-top: 0px !important;
               padding: 0px !important;
}
.error1 {
    border-left: 0px solid Red !important;
    border-top-width: 5px !important;
}

    .error1 .dxeEditArea_PlasticBlue {
        padding-top: 0px !important;
    }

.retimg3:hover {
    background-color: #e5e5e5;
    color: #333;
}

.retimg {
    text-decoration: none !important;
    background-color: #333;
    color: white;
    cursor: pointer;
    padding: 2px 3px;
    font-size: 10pt;
    border: 1px solid #d8d8d8;
    box-shadow: 5px 5px 5px #888888;
    float: left;
    width: 100px;
}

    .retimg:hover {
        background-color: #e5e5e5;
        color: #333;
    }

.retimg2 {
    float: right;
    width: 110px;
    margin-right: 5px;
    text-align: center;
}

body {
    text-align: right;
    direction: rtl;
    padding-top: 50px;
    padding-bottom: 20px;
 
}

.DataAlert {
    position: fixed;
    bottom: 1px;
    left: 1px;
    display: block;
    width: 24px;
    height: 24px;
}

#srvcfmenu .mdiv {
    padding: 10px 0;
    vertical-align: middle;
    border-bottom: 1px dotted #d8d8d8;
}

    #srvcfmenu  .sdiv {
        text-align: center;
        padding: 10px;
        /*font-weight: 700;*/
    } 
        #srvcfmenu .glyphicon-th-list {
  color:#d8d8d8;
  
    }
       #srvcfmenu .sdiv .glyphicon {
  color:#894c4c;
  font-size:20px;
    }

        #srvcfmenu  .sdiv:hover {
            background-color: #edcfc4;
            border-radius: 5px;
        }

        #srvcfmenu  .sdiv .sicon img {
            padding-bottom: 10px;
            width: 40px;
        }

.islink, .islink1 {
    font-weight: 700;
    color: white;
    cursor: pointer;
}

    .islink > .sub-arrow {
        display: none !important;
    }

@media (max-width: 1000px) {
    .appbody .container {
        width: auto;
    }
}

@media (min-width: 768px) {

    #srvcfmenu  .sdiv {
     
        min-width:100px;
    }

    #srvcfmenu .subdiv {
    display: -webkit-flex; /* Safari */
    -webkit-flex-flow: row wrap; /* Safari 6.1+ */
    display: flex;
    flex-flow: row wrap;
        text-align: center;
    }
}
/*.tltr{
direction:ltr !important;

}
.trtl{
direction:rtl !important;

}*/
.tltr {
    direction: ltr !important;
}

.trtl {
    direction: rtl !important;
}

#notfyul
{
    min-width:250px !important;
}#notfyul a
{
   white-space:pre-wrap !important;
   font-size:85%;
}
#notfyul span {
    font-size: 85%;
    color: red;
    padding-right: 5px;
}

#notfyul, #notfyul li {
    list-style-image: none;
    list-style: none;
}

    #notfyul img {
        width: 19px;
        padding: 5px 0px 0 5px;
        float: left;
    }

.prodesc {
}

    .prodesc b {
        color: red;
    }

    .prodesc span {
        color: #428bca;
        font-weight: 700;
        padding-right: 3px;
    }

#notfya .sub-arrow, #msga .sub-arrow {
    display: none;
}

.DataAlert img {
    width: 16px;
}

.loadingstyle {
    width: 33px;
    height: 33px;
}
 
.red * ,.rowwrong *,.wrongupd *,.rowdelete * {
    background-color: red !important;
}
.rowadd * {
    background-color: lightgreen ;
}
.rowupdate * {
    background-color: cornflowerblue ;
}
.rowsave * {
    background-color: #ffffff;
}
.rowread * {
    background-color: gray;
}
.titledet {
    color: #333;
    font-size: 10pt;
    padding-right: 2%;
    float: right;
    width: 98%;
}

.cell_req {
    border-left: 0 solid red !important;
    border-left: 5px solid red !important;
}

.pk {
    width: 100px;
    float: right;
}

.pkt {
    border: 0 !important;
}

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-bottom: 10px;
}

html .ui-autocomplete {
    height: auto;
}

.actcol {
    background-color: #428bca !important;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    font-weight: 700;
}
.dxeCaptionCell_PlasticBlue
{
    padding-top:4px !important;
}
.htmlbtn
{
    background-color:#11719c;
    color:white;
    border:0;
    padding:2px 10px;
    height:28px;
    border-radius:2px;
}
.htmlbtn:hover {
    background-color:#333;

}
.htmldivbtn {
    padding-right:5px;
}
.pop .ctrbody  {
    height: 28px;
    overflow: hidden;
 
      max-height: 300px;
}
    .pop .ctrbody:hover {
            position: absolute;
        float: none;
        right: 0;
        top:28px;
        z-index: 99999;
        height: auto;
            overflow: auto;
        background-color: white;
          box-shadow: 0px 0px 6px 2px #c7c8c9;
    }

.ovr .ctrbody, .ovr1 .ctrbody {
    height: 59px;
    overflow: hidden;
    margin-bottom: 10px;
    border-bottom: 1px solid #B8B8B8;
    border-top: 0px solid #B8B8B8;
}

    .ovr .ctrbody > table, .ovr1 .ctrbody > table {
        /*margin-top: -9px;*/
    }

    .ovr .ctrbody:hover, .ovr1 .ctrbody:hover {
        float: none;
        right: 0;
        z-index: 99999;
        height: auto;
        background-color: white;
    }

    .ovr .ctrbody:hover {
        position: absolute;
         
    }

    .ovr1 .ctrbody:hover {
        position: relative;
    }

.tip_trigger img
{
 opacity:.2;
}
    .tip_trigger img:hover {
        opacity:1;
    }
    .ValidationSummary
    {
         padding-bottom: 10px !important;
    background-color: #f6cebf;
    color: black;
    }
    .ValidationSummary li{
         float: right !important;
    padding: 0 0px 0 5px !important;
    border-left: 1px solid #f6f6f6 ;
    list-style: none;
    margin-left: 5px;
    }
        .ValidationSummary li:last-child {
            border-left: 0px solid white ;

        }
    .ValidationSummaryhdr
    {
        font-weight:700;
    }
.notvalid {
    position: absolute;
    right: 1px;
    top: 25px;
    color: white;
    background-color: red;
    padding: 2px 3px;
}

#REPPAGE .div_ctr {
    margin-bottom: 3px;
}

.MI, .DI {
    padding: 0;
    text-align: right;
    float: right;
    width: 100%;
}

.MI {
    /*border-top:1px solid #ccc;*/
    padding-top: 3px;
    background-color: #ebebeb;
}

.lik {
    display: none;
}

.MI li, .DI li {
    padding-bottom: 5px;
    min-width: 200px;
}

    .MI li, .DI li, .MI li b, .DI li b {
        margin-left: 10px;
        list-style: none;
        list-style-image: none;
        float: right;
    }

        .MI li b, .DI li b {
            padding-right: 0;
            /*padding-left: 10px;*/
        }

.liclear {
    float: right;
    width: 100%;
}

#mnu10101 {
    min-width: 180px !important;
}

#DV_597629222 {
    max-height: 700px;
    overflow: auto;
}

.DET_BTN_NEW {
    float: right;
    width: 100%;
}

#DET_BTN_NEW {
    float: right;
    min-width: 100px;
    height: 30px;
    padding: 5px 10px;
    background-color: #428bca;
    font-weight: 700;
    margin: 5px 0;
    border-radius: 10px 0;
    color: white;
    cursor: pointer;
}

    #DET_BTN_NEW:hover {
        background-color: gray;
        border-radius: 0 10px;
    }

.filestable {
    width: 100%;
    background-color: #333;
    padding: 10px;
    border-radius: 2px;
}

.filestr > td {
    border-top: 10px solid #333;
    background-color: #d8d8d8;
    /*max-height:10px;
    overflow:hidden;
    float:right;
    width:100%;*/
}
/*.filestr > td:hover {
    position:absolute;
  max-height:100% !important;
  min-height:10px;
  right: 0;
}*/
#DV_597629222 .DetailGrid {
    width: 98% !important;
    float: none !important;
}



.notify {
    float: right;
    margin-left: -100px;
    color: red;
    font-weight: 700;
}

#Security {
    margin-top: 100px;
    width: 99%;
    text-align: center;
}

#welcome {
    float: right;
    padding: 40px 5% 20px 5%;
    width: 90%;
}

.lblMessage {
    float: right;
    
    width: 100%;
    color: red;
    text-align: right;
    font-weight: 700;
   
}

    .lblMessage span {
        float: right;
    }

.loglink {
    list-style: none;
}

.screennotes {
    float: right;
    padding-top: 10px;
    width: 100%;
}
.screennotes:empty
{
    display:none;
}
.vcode {
    width: 200px;
}

#captcha {
    float: right;
    margin: 20px;
    color: red;
    font-weight: 700;
}

#Progress {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(248, 248, 248, 0.76);
    z-index: 999999;
}



.Progress {
    position: fixed;
    top: 35%;
    right: 48%;
    z-index: 99999;
}

#btnfav {
    /* float: right; */
    width: 22px;
    height: 22px;
    text-decoration: None;
    color: TRANSPARENT;
    z-index: 9;
    /* left: 10px; */
    background-repeat: no-repeat;
    display: block;
    margin-top: 13px;
    position: absolute;
 
}

.favadd {
    background-image: url('/Content/images/favdel.png');
}

.favdel {
    background-image: url('/Content/images/favadd.png');
}
.scrnMe3
{
    width:30px !important;
    background-color:transparent !important;
    border-width:0 !important;
}
.scrnMe4
{
    width:150px !important;
    background-color:transparent !important;
    border-width:0 !important;
}
.scrnMe3 #lifav,.scrnMe4 #lifav {
    display:none !important;
}
.scrnMe {
    position:relative;
    float: right;
 overflow:hidden;
    width: 100%;
    min-height:40px;
}
.scrnMe,.scrnMe li{
    list-style-type:none;
    list-style-image:none;
    float:right;

    padding:0;
    margin:0;
}
.scrnMe .archive
{
    float:left !important;
 
    position:relative;
    width:100px !important;
        
}
.scrnMe .archive a {
   
 position:absolute;
 left:3px;
 top:7px;
          padding:2px   10px;
 z-index:9;
     
            box-shadow: 0px 0px 6px 2px #c7c8c9;
         text-decoration:none;
 
             background-color: #428bca;
    color: white;
}
.scrnMe .archive a:hover {
      box-shadow: 0px 0px 5px 2px #888888;
}
.scrnMe .archive a img{
    width:24px;
    height:24px;
}

 
#btnhelp img {
     
 width: 20px;  
    padding: 13px 5px 0 0;
    
 }

#usrid {
    display: none;
    padding: 2px;
    padding-right: 5px;
    font-weight: 700;
}

#titlogo {
    width: 75%;
}

#imglogo {
    /*position: relative;*/
    top: 100px;
    float: left;
    max-width: 115px;
    /* width: 25%; */
}

.hid {
    display: none !important;
}

.subnav {
    background-color: transparent;
}

    .subnav:hover {
        color: #000;
    }

.ICO {
    margin-right: 14px;
    height: 18px;
    margin-left: 6px;
}

.ICO2 {
    margin: 20px;
    height: 64px;
}

.icon {
    text-align: center;
}

    .icon img {
        height: 70px;
    }

.DifUl {
    float: right;
    list-style: none;
}

    .DifUl li {
        float: right;
        padding: 20px;
        min-width: 250px;
        background-color: #fff;
        text-align: center;
        font-weight: 700;
    }

        .DifUl li a {
            font-weight: 700;
            font-size: 20px;
        }

.subli {
    min-width: 160px;
}

.dxtlControl_PlasticBlue {
    border-width: 0 !important;
}

.RadGrid th input {
    margin-top: 0;
    margin-bottom: 0;
    height: 12px;
}

.PRO_DESC, .PRO_DESC2 {
    direction: rtl;
    width: 98%;
    margin: 0 1% 0 1%;
    float: right;
}

    .PRO_DESC th, .PRO_DESC2 th {
        text-align: right;
    }

.DAYS {
    float: right;
}

    .DAYS:hover {
        cursor: pointer;
    }

.notr {
    float: right;
    margin: 0 3px 0 3px;
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    cursor: default;
}

.r0 {
    background-image: url('/content/images/R0.PNG');
}

.r1 {
    background-image: url('/content/images/R1.PNG');
}

.r2 {
    background-image: url('/content/images/R2.PNG');
}

.i1 {
    background-image: url('/content/img/Important1.gif');
}

.i2 {
    background-image: url('/content/img/Important2.gif');
}

.i3 {
    background-image: url('/content/img/Important3.gif');
}

.DAYS span {
}

    .DAYS span b {
        color: #000;
    }

.clear {
    float: right;
    clear: both;
    margin-top: 2px;
    margin-bottom: 2px;
    width: 100%;
    height: 1px; /* background-color:#ececec */
    border-top: 1px dotted #ccc;
}

.PANEL {
    min-width: 300PX;
    min-height: 200PX;
}

.RANK1 {
    background-color: red;
}

.RANK2 {
    background-color: blue;
    text-align: center;
}

.RANK3 {
    background-color: green;
}

.tiklink {
    margin-bottom: 4px;
    padding-bottom: 20px;
    background-image: url('/content/images/in.png');
    background-position: right bottom;
    background-repeat: no-repeat;
    color: blue;
    text-align: left;
    text-decoration: none;
    text-shadow: 1px 1px #fff;
    font-weight: 900;
    cursor: pointer;
}

    .tiklink:hover {
        text-decoration: underline;
    }

.read {
    padding-right: 2px;
    background-image: url('');
    color: #000;
}

.dxtlNode_PlasticBlue:hover {
    background-color: #e2e2e2 !important;
    text-shadow: 2px 2px 1px rgba(0,0,0,.2);
    color: black;
}

.tiklink2 {
    width: 100%;
    text-align: center;
}

.copy {
    width: 50px;
    background-color: aqua;
    color: gray !important;
    text-align: center;
    font-size: small;
}

.tiklinkred {
    background-color: #ffd800;
}

.tiklinkclose, .tiklinkclose * {
    visibility: hidden;
}

.PROTIME {
    min-width: 55PX;
    background-color: red;
    color: #fff;
    text-align: center;
}

.MailSubject1 {
    float: left;
}

.loadingmid, #loadingmid {
    position: fixed;
    top: 1px;
    left: 50%;
    z-index: 99999;
    padding-top: 15px;
}

#Divload {
    display: none;
}

#mainSEARCH {
    float: right;
    padding: 1%;
    background-color: #428bca;
    color: #333;
}
    #mainSEARCH div {
        padding:0;
    }
.srshdiv {
    float: right;
}

#DIVSEARCH {
    float: left;
    margin: 3px;
    padding: 1px 3px 1px 3px;
    width: 10%;
    background-color: #922e0a;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    font-size: large;
    font-family: Arial,Helvetica,sans-serif;
    cursor: pointer;
}

.srshdivbtn {
    float: left;
    padding-left: 3%;
}

.sbtn {
    width: 220px;
}

.sinbx {
    width: 40px;
   padding-right:10px !important; 
}

.stxt {
    width: 70%;
}

.slst {
    float: right;
    margin-top: -7PX;
}

.scmb {
    width: 30%;
}
.inboxbtn
{
    padding:0 !important;

}
.inboxbtn span
{
    cursor:pointer !important;
}
#scol1, #scol2, #scol3 {
    float: right;
 
}

#scol3 {
    width: 15%;
    float: left;
    color: #184e7d;
}

#scol2 {
    width: 25%;
}

#scol1 {
    width: 60%;
}
.navbar-header
{
    padding-left:5px;
}
  .navbar-brand {
       font-size:14px;
       color:#fdffc9 !important;
    
     
    }
@media(max-width:767px) {
    #sublink {
        position: absolute;
        z-index: 100;
        width: 98%;
        border-bottom: 1px solid red;
        background-color: #428bca;
    }

    .ICO {
        /* height: 24px; */
    }

    .navbar-brand {
        overflow: hidden;
     
    }

    .usrmnu {
        padding-left: 0;
    }

    .div_ctr_req, .div_ctr {
        float: right !important;
        width: 47% !important;
    }

    .srshdiv {
    }

    #scol1, #scol2 {
        width: 40%;
    }

    #DIVSEARCH {
        display: none;
    }
}

@media(max-width:567px) {
    .div_ctr_req, .div_ctr {
        float: right !important;
        /* width: 97% !important; */
    }

    .dxEditors_edtDropDown_PlasticBlue {
        margin-right: 10px !important;
        margin-left: 10px !important;
    }

    .dxEditors_edtEllipsis_PlasticBlue {
        display: none !important;
    }

    #scol1, #scol2, #scol3 {
        width: 99%;
    }

    .gpdv {
        width: 100% !important;
        border-left: 0px solid #333 !important;
    }
}

#inbox {
    float: right;
    min-height: 200px;
    width: 100%;
    background-color: #fff;
}

.mlnk {
    color: #fff;
}

.gcell {
    white-space: pre !important;
}

.cntr, .cntr input {
    text-align: center !important;
}

.Eng {
    direction: ltr !important;
}
.eng .igdd_DropDownList
{
        color:#333 !important;
    direction:ltr !important;
    text-align:left !important;
}
.hdr_cntr {
    text-align: center !important;
    padding: 5px 4px 5px 4px;
}

.hdr_eng {
    text-align:  center !important;
    padding: 5px 0px 5px 8px;
}

.hdr_req {
    border-bottom-color: orangered;
}

.grdreq {
    color: red;
    font-weight: 700;
    left: 0px;
}

.ar, .ar input {
    text-align: right !important;
    direction: rtl;
}

.igdd_DropDownList {
}

.igdd_ListItem {
    min-width: 200px !important;
}

.igg_Control * {
    font-size: 10pt !important;
}

.igg_HeaderCaption {
    text-align: right;
    padding-right: 5px;
    /*font-size: 11pt !important;*/
    font-weight: 700;
}

.igdd_DropDownListContainer {
    float: right;
    right: 0 !important;
    margin-right: 0px !important;
}

    .igdd_DropDownListContainer > div {
        overflow-x: hidden !important;
        height: 100% !important;
        max-height: 200px !important;
    }

.igg_FilterRuleDropDown {
    margin-left: auto !important;
    margin-right: 50% !important;
}

tbody.igg_Item > tr > td {
    text-align: inherit;
}

.POPIMG {
    position: relative;
    z-index: 0;
    margin: 2px;
    width: 22px;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
}

    .POPIMG:hover {
        margin: 0;
        width: 26px;
    }

.dxpcLite_PlasticBlue .dxpc-content, .dxdpLite_PlasticBlue .dxpc-content {
    padding-bottom: 3px;
}

.div_req {
    width: 100% !important;
    background-color: red;
    float: right;
    height: 5px;
    
}
 
.onlyweb{
        display:block !important;
}
.onlymobile{
    display:none !important;
}

@media print {
    .hprint, #mainSEARCH, #scrnMe a, .CLIC,.BTN,.htmmaincont > img,.nav ,.tip_trigger,.retimg3{
        display: none !important;
    }
    .actprodet
    {
        max-height:100% !important;
    }

    .MI, .DI {
        padding: 5px;
    }

    .MI {
        border-bottom: 0;
    }

    .DI {
        border: 1px solid gray;
    }

        .DI b {
            width: 80px;
        }

    .files a {
        display: none;
    }
}



.body-content {
}

input[type="text"], input[type="password"] {
}

#subcon {
    background-color: #428bca;
    color: #dadada;
}

@media screen and (min-width:768px) {
   
    .jumbotron {
        /* margin-top: 20px; */
    }

    .body-content {
    }
}


.gpdv {
}

.gpdv100 {
    float: right;
    width: 24%;
}

.gpdv102 {
    float: right;
    width: 48%;
}

.gpdv103 {
    float: right;
    width: 73%;
    border-left: 1px dotted #dadada;
    margin-left: 1%;
}
.gpdv104 {
    float: right;
    width: 32%;
    border-left: 1px dotted #dadada;
    margin-left: 1%;
}

.gpdv200 {
    float: left;
    width: 24%;
}

.gpdv202 {
    float: left;
    width: 48%;
}

.gpdv203 {
    float: left;
    width: 73%;
}

.gpdvPRO_IMPORTANCE_1290539731 .div_ctr {
}

#DVLIST_2117022723, #DVLIST_1572252706 {
    left: 10px;
    position: absolute;
    background-color: gray !important;
}


#commet {
    list-style-type: none;
    width: 100%;
    background-color: #fafafa;
    float: right;
}

    #commet li {
        width: 95%;
        overflow: hidden;
        float: right;
    }

#files {
    margin-top: -60px;
    list-style-type: none;
    width: 28%;
    background-color: #333;
    float: right;
}

    #files li {
        width: 50px;
        height: 50px;
        overflow: hidden;
        float: right;
        padding: 1px;
        margin: 3px;
    }

        #files li .timg {
            opacity: 1;
            float: right;
            width: auto;
            height: 50px;
        }

        #files li .mimg {
            display: none;
        }

        #files li:hover .mimg {
            display: block;
            z-index: 99999;
            position: absolute;
            max-height: 500px;
            border: 10px solid gray;
            padding: 0;
            left: 29%;
            width: auto;
        }

        #files li:hover .timg {
            opacity: .5;
        }

#ohsnap {
    position: fixed;
    bottom: 100px;
    left: 21px;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #eed3d7;
    border-radius: 4px;
    position: absolute;
    bottom: 0;
    left: 21px;
    /* Each alert has its own width */
    float: right;
    clear: right;
    z-index: 9999;
    min-width: 200px;
}

.alert-red {
    color: white;
    background-color: #DA4453;
}

.alert-green {
    color: white;
    background-color: #37BC9B;
}

.alert-blue {
    color: white;
    background-color: #4A89DC;
}

.alert-yellow {
    color: white;
    background-color: #F6BB42;
}

.alert-orange {
    color: white;
    background-color: #E9573F;
}

.alert-black {
    color: white;
    background-color: #000;
}

.S1 {
    display: none;
}


.navbar-default {
    background-color: #428BCA;
}

@media (max-width: 768px) {
    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
        background-color: #3e86c6;
    }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
        background-color: #4b82b4;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        background-color: #306697;
    }
    .BTNDIV {
        width: 45%;
    }
    .div_ctr {
        width: 99% !important;
    }
    .Detail {
        width: 98% !important            ;
     
    }
    .prossadd
    {
        margin-top:70px !important;
    }
}

@media (max-width: 767px) {
    .navbar-default a {
        color: rgb(236, 236, 236) !important;
        /* font-weight:700 !important; */
    }
}

@media (min-width: 768px) {

    .navbar-default .navbar-nav > li > a {
        color: white;
        /* font-weight:700; */
    }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
        color: #333;
        background-color: white;
    }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
        color: #333;
        background-color: white;
    }
}

.MSTRDIV .form-horizontal .form-group {
    margin-right: 0;
    margin-left: 1%;
}

.alertuser {
    color: #DA4453 !important;
    text-shadow: 1px 1px white;
}

.UserAlert {
    display: block;
    font-size: 80%;
    font-weight: 700;
    text-align: center;
    color: white;
    margin-top: 30px; /* margin-right: 178px; */
    position: absolute;
    background-color: red;
    z-index: 999;
    padding: 5px;
}

#UserAlert:before, #UserAlert:before, #UserAlert:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    color: transparent;
    border: 10px solid black;
    border-color: transparent transparent red;
    margin-top: -25px; /* margin-right: 178px; */
    right: 0px;
}

.glyphicon {
    margin: 0 0 0 6px;
}

#notificationLink, #notificationLink2, #notificationLink3 {
    height: 20px;
    width: 20px;
    background-image: url('/Content/images/alarmdis.png');
    background-repeat: no-repeat;
    margin-top: 15px;
    float: right;
    margin-left: 5px;
}

#notificationLink3 {
    background-image: url('/Content/images/dotss.png');
    margin-top: 0px;
    background-position: center center;
    width: 24px;
    height: 24px;
}

    #notificationLink3:hover {
        background-color: #DA4453 !important;
        border-radius: 10px;
        padding: 5px;
    }

#notificationLink2 {
    background-image: url('/Content/images/usernoty.png');
}

.notificationLinkshow {
    background-image: url('/Content/images/alarm.png') !important;
}

.notificationLinkshow3 {
    background-color: #ccc !important;
    border-radius: 10px;
    padding: 5px;
}

#notification_li, #notification_li2, #notification_li3 {
    position: relative;
}

#notificationContainer, #notificationContainer2, #notificationContainer3 {
    background-color: #fff;
    border: 1px solid rgba(100, 100, 100, .4);
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
    overflow: visible;
    position: absolute;
    top: 30px; /* margin-right: -155px; */
    width: 200px;
    z-index: 1;
    display: none;
    left: 30px;
}

#notificationContainer3 {
    width: 300px;
    left: 5px;
}

#notificationContainer2, #notification_count2 {
    left: 5px;
}

    #notificationContainer:before, #notificationContainer2:before, #notificationContainer3:before {
        content: '';
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        color: transparent;
        border: 10px solid black;
        border-color: transparent transparent white;
        margin-top: -20px; /* margin-right: 178px; */
        left: 0px;
    }

#notificationTitle, #notificationTitle2, #notificationTitle3 {
    z-index: 1000;
    font-weight: bold;
    padding: 8px;
    font-size: 13px;
    background-color: #ffffff;
    width: 90%;
    border-bottom: 1px solid #dddddd;
}

#notificationsBody, #notificationsBody2, #notificationsBody3 {
    padding: 13px 0px 0px 0px !important;
    min-height: 100px;
    max-height: 400px;
    overflow: auto;
}

#notificationFooter, #notificationFooter2, #notificationFooter3 {
    background-color: #e9eaed;
    text-align: center;
    font-weight: bold;
    padding: 8px;
    font-size: 12px;
    border-top: 1px solid #dddddd;
}

#notification_count, #notification_count2, #notification_count3 {
    padding: 3px 7px 3px 7px;
    background: #cc0000;
    color: #ffffff;
    font-weight: bold;
    margin-left: 77px;
    border-radius: 9px;
    position: absolute;
    margin-top: 31px;
    font-size: 11px;
}

#notfylist2 li:hover, #notfylist li:hover {
    cursor: pointer;
    color: blue;
}

#notfylist3 hr {
    margin: 3px 0;
}

.clearbls, .clearbls li {
    list-style: none;
    list-style-image: none;
}

    .clearbls table {
        float: right;
    }

    .clearbls .clearbls > li, .clearbls > div > li {
        padding: 4px 0;
        cursor: default;
    }

    .clearbls .li_header {
        color: #999;
        cursor: default;
        font-size: .9em;
        line-height: 12px;
        padding: 2px 0;
    }

.dxeToken_PlasticBlue {
    min-width: 90px !important;
    max-width: 570px !important;
}

.dxeTokenText_PlasticBlue {
    min-width: 70px !important;
    max-width: 650px !important;
}
.form-control1 {
    color:#333 !important;
}
.SpinEdit
{
    border-collapse:separate;
}
.hidefilter
{
    display:none;
}
.actprodet{
    max-height:270px;overflow:auto;padding-top:0
}
.capeditor
{
    min-height:100px !important;
}
.btn
{
  
    padding:4px 12px;
}
.form-control {
    border-radius: 0;
    display: normal;
    height: 28px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.token {
    height: auto !important;
}

    .token input {
        background-color: #333;
    }

.text_cell {
    padding: 0 9px;
}

.column_options label {
    padding: 0 3px;
    font-size: 8pt;
    font-weight: 400;
}

.pls::after {
    content: '+';
}

.npls::after {
    content: '-';
}

.form-group {
   margin-bottom:1px !important; 
}

.nav-tabs > li {
    float: right;
}

.tab-pane {
    padding-top: 10px;
    border-top: 0 !important;
}

.well {
    background-color: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    float:right;
    width:100%;
    padding: 2px 30px 2px 2px; 
 
    margin:  0;
    border: 0;
}

.btn2 {
    padding: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin: 5px 0;
    width: 20px;
    font-size: 10px;
    position: relative;
    margin-bottom: -40px;
    margin-right: 5px;
}

.cstbtn {
    padding: 3px 2px 0 2px;
    height: 26px;
    margin: 0 !important;
    border: 0;
}

.cstbrn, .cstcnd {
    Width: 35px;
    Height: 28px;
    border: 0;
    font-size: 9pt !important;
    float: right;
    margin-left: 2px;
}

.cstcnd {
    Width: 65px;
}

.csttxt, .csttxt2, .csttxt3 {
    border: 0;
    padding-right: 5px;
    Height: 28px;
}

       .ctrRight.div_ctr,.ctrRight .div_ctr
            {
                min-width:200px;
            }
          .ctrRight.ctrdate
            {
                min-width:210px !important;
            } 
                .ctrRight   .ctrid:not(.ctrTIT),   .ctrRight  .ctrbody .ctridlbl, .ctrRight  .ctrbody .ctridlbl label
           {
               float:right !important;
               width:100px !important;
               font-size: 99% !important;
                   white-space:pre-wrap
           }
               .ctrRight .ctrid::after,   .ctrRight  .ctrbody .ctridlbl label:after {
                   content:':';
               }
           .ctrRight    .ctrbody:not(.ctr1)
           {
                      float:left !important;
                    width: -webkit-calc(100% - 100px) !important;
    width:    -moz-calc(100% - 100px) !important;
    width:         calc(100% - 100px) !important;
           }
                 .imagctr   
           {
                     padding:0 0 0 5px;
                   
             
           }
                 .imagclear
                 {
                     padding-top:2px;
                 }
                 .DetailGrid2{
                     width:75%;
                 margin-top:5px;
               
                     float:right;
                     background-color:#f3f3f3;
                     min-height:280px;
                      position:relative;
                 }
                 .showhidecolm{
                     float:right;padding:0 3px;font-size: 80%
                 }

@media (max-width: 567px) {
    .DetailGrid2 {
        width: 100% !important;
      
    }
}
       
       

.csttxt2 {
    width: 350px !important;
}

.csttxt3 {
       width: -webkit-calc(100% - 110px) !important;
    width:    -moz-calc(100% - 110px) !important;
    width:         calc(100% - 110px) !important;
 
}

.csttxt2:focus {
    border: 0 !important;
}

.hlp {
}

    .hlp tit {
        font-weight: 700;
        padding-left: 5px;
    }

    .hlp det {
    }

    .hlp pro {
        font-weight: 700;
        color: #e66868;
        padding-right: 5px;
    }

}

.hlp span {
}

.hlp p {
    font-size: 11pt;
}

@media screen {

    .PRNTHDR {
        display: none;
    }
}

.crmitems {
    width: 100%;
}

    .crmitems td {
    }

    .crmitems th {
        padding: 9px 0;
        background-color: rgba(236, 15, 15, 0.38);
    }
       /*.focs
        {
            border-bottom:5px solid red !important;
        }*/ 
         .focs .dxbButton_iOS
        {
            background-color:red !important;
        }

      
#DV_1290539731
{
border-top:0;
}