/*
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/earlyaccess/notokufiarabic.css);
*/
@import url(../fonts/fonts.css);
@import url(ionicons.min.css);

/*
	To change the color scheme use Find & Replace All : 
	
	Primary Color	: #00A88E 
	GridRowFocus	: #F2F9FC 
	
*/



/* General */

html, body {
    padding: 0 !important;
    margin: 0 !important;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

body {
    font-family:  "Open Sans",'Noto Kufi Arabic', sans-serif !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #fff;
}

body *{
    /*font-family:  "Open Sans",'Noto Kufi Arabic', sans-serif !important;*/
}
body::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
	background-color: #F5F5F5 !important;
}

body::-webkit-scrollbar
{
	width: 2px !important;
	background-color: #F5F5F5 !important;
}

body::-webkit-scrollbar-thumb
{
	background-color: rgba(0, 0, 0, 0.31) !important;
}

h1 {
    margin: 0;
}

.no-gutter{
	padding: 0 !important;
	margin: 0 !important;		
}

.mobile-page .headerPane {
    display: none;
}

br{
    display: none !important;
}


input[type="text"]
{
    width : 85%;
    font-size:18px;
}

table.dxeTextBoxSys
{
    border-radius: unset;
    -moz-border-radius:unset;
    -khtml-border-radius: unset;
    -webkit-border-radius: unset;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }

}








/* Pages Layout */
.mobile-page-login {
    display: block;
    background-color:white;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    position: relative;
}
.mobile-page {
    display: block;
    /*background-image: url(../../content/Images/bg-mob.jpg);*/
    background-size: cover;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    position: relative;
}
#SplitterRoot , 
.mobile-page .page {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    display: block;
    border: none !important;
}
.mobile-page .page-headline{
	margin-top: 2.5em;
}

/* Page Navbar */
.mobile-page .page-nav {
    height: 50px;
}
.mobile-page .page-nav * {
    vertical-align: middle;
    margin: 0 auto;
    padding: 0;
    line-height: 1;
}
.mobile-page .page-nav div {
	text-align: center;
    vertical-align: middle;
}


.mobile-page .page-nav a i {
	margin: 0;
	padding: 0;
}

.mobile-page .page-nav  a{
    padding: 10px 0;
    margin:  0;
    font-size: 21pt;
    text-align: center;
    vertical-align: middle;	
	line-height: 1.4;
	
}

.mobile-page .page-nav  a:hover{
	text-decoration: none;
}

.mobile-page .page-title{
    margin:  0;
    margin-top: 14px;
    padding: 0;
    display: inline-block;
	font-size: 13pt;
}

.mobile-page .page-nav  a i{
	font-size: 19pt;
	font-weight: 100 !important;
		margin-left: 11px;
		

}
.mobile-page .page-nav  a .langLink,
.mobile-page .page-nav  a .back-text {
	font-size: 11pt;
	margin-left: 7px;
	display: inline-block;

}

.mobile-page .select-language .dxeEditArea{
	margin: 0;
	padding: 0;
	background: transparent !important;
}

.mobile-page .page-navbar{
    display: block !important; 
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0 !important;
    width: 100% !important;    
    border: none !important;
    background: transparent !important;
}
.mobile-page .page-navbar::after,
.mobile-page .page-navbar::before {
    display: table;
    contain: ' ';
}


.mobile-page .content-holder {
    display: block !important;
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0 !important;
    width: 100%  !important;
    height: 100% !important;
    border: none !important;    
}


.navbar-default,
.navbar{
    height: 66px !important;
    width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;  
}

.navbar-brand {
    padding: 5px 5px !important;
}
/*
  Pages > Home.Mobile.ASPX
*/
ul.home-list {
    display: block;
    padding: 0;
    margin: 0;
    width: 276px;
    list-style: none;
}

ul.home-list li{
    margin: 0;
    padding: 0;
    line-height: 1;
}

ul.home-list li a {
    margin: 5px; 
    padding: 0;
    width: 128px;
    height: 128px; 
    text-align: center;
    line-height: 1;  
    float: left;
    vertical-align: middle;
}
ul.home-list li a i{
    display: block;
    width: 100%;
    height: 52px;
    font-size: 48px;
    margin:  .5em 0 .05em 0;
    padding: 0;
    line-height: 1;     
}
ul.home-list li a span{
    display: block;    
    height: 20px;
    width: 100%;
    font-size: 14px; 
    margin: 0;
    padding: 0;
    line-height: 1;  
    
}



/*
  Pages > Dashboard.Mobile.ASPX
*/

.dashboard-refresh-img{
    display: block !important;
    width: 10% !important;
    height: 32px;
    text-align: center !important;
    float: left;
    margin:  0 auto !important;
    padding: 9px 0 0 9px !important; 
    

}
.dashboard-title {
    display: block !important;
    text-align: center !important;
    width: 90% !important;
    float: left;
    margin:  0 0 0 -18px !important; 
    padding: 7px 0 !important; 
    
    
}
.dashboard-title span{
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important; 
    text-align: center !important;
}

.dashboard-content{
    margin: 0 0 0 0 !important;
    width: 100%  !important;
    height: 100% !important;
}



/* Page Footer */
.mobile-page .page-footer{
    margin: 0; 
    padding: 0;
    border: none;
}
/* Page Body  --- Edges between Navbar and the Footer */
.mobile-page .page-body {
    margin:  0;
    padding: 0;
}

@media screen and (max-width:320px){
.mobile-page .page-body {
    margin: 1.5em 0 0 0  !important;
}
.mobile-page .splash-contents {
    margin: 35% auto !important;
}
}



/* Splash Page Contents*/
.mobile-page .splash-contents {
    width: 250px;
    margin: 50% auto;
    vertical-align: middle;
    text-align: center;
}
@media screen and (min-width:320px){
.mobile-page .splash-contents {
    margin: 40% auto;
}
.mobile-page .page-body {
    margin: 1.5em 0 0 0;
}
}

.mobile-page .splash-logo {
    width: 100%;
    display: block;
    margin: 10% auto;
}

.mobile-page .page.splash .btn-login{
    padding: 1.3em 3em;
    margin: 1em 0;
    border: none;
    display: block;
    font-size: 1.2em;
    border-radius: 3em;
    -webkit-border-radius: 3em;
    -moz-border-radius: 3em;
}
.mobile-page .page.splash .btn-signup{
    padding: 1.3em 3em;
    margin: 1em 0;
    display: block;
    font-size: 1.2em;
    border-radius: 3em;
    -webkit-border-radius: 3em;
    -moz-border-radius: 3em;
}


/* Forms Styles*/
.mobile-page .input {
    box-sizing: border-box !important;
    box-shadow: none !important;
    border: none;
    padding: 7px 35px 8px 0;
    width: 100%;
    margin: 0.25em 0;
    font-size: 12pt;
    line-height: 1em;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    background: transparent;
    -moz-border-radius: 0 !important;
}
.mobile-page .input:focus {
    box-sizing: border-box !important;
    box-shadow: none !important;
}

.input.input-username {
    background: transparent url(../img/username.png) no-repeat right top;
}

.input.input-password {
    background: transparent url(../img/lock.png) no-repeat right top;
}

.input.input-company {
    background: transparent url(../img/company.png) no-repeat right top;
}


.input.input-domain {
    background: transparent url(../img/domain.png) no-repeat right top;
}

.input.input-email {
    background: transparent url(../img/email.png) no-repeat right top;
}

.input.input-phone {
    background: transparent url(../img/phone.png) no-repeat right top;
}


.mobile-page .error-box {
    display: block;
    width: 100%;
    border: 0 !important;
    color: #dc3545 !important;
    padding: 0.5em 0 !important;
}

@media screen and (max-width:320px){
.mobile-page .input { 
    padding: 7px 35px 3px 0;
    margin: 0;
    font-size: 12pt;
    line-height: 1em;
}
.mobile-page .page-description {
display: none;	
}
}


.mobile-page .select-style {
    box-sizing: border-box !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border: 0;
    padding: 20px 0;
    font-size: 12pt;
    margin: auto 0 1em 0;
    appearance: none;
    -webkit-appearance: none;
    line-height: 1.5;
    padding: 0 7px !important;
    width: 100%;
	background: transparent !important;
}
.mobile-page .select:focus {
    box-sizing: border-box !important;
    box-shadow: none !important;
}

.mobile-page input[type="checkbox"] {
	width: 30px;
	height: 30px;
    border: 0;
    box-sizing: content-box;
    display: inline-block;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    outline: none;
    cursor: pointer;
	background: transparent url(../img/checkbox.png) no-repeat top center;
	vertical-align: middle;	
}

.mobile-page input[type="checkbox"] + label {
	margin: 0 10px;

}
.mobile-page input[type=checkbox]:checked  {
	background:  url(../img/checkbox.png) no-repeat 0 -30px;
}


.mobile-page  .dxeListBoxItem  {
	margin:0;
	padding: 0.3em;
	width: 100%;
	font-size: 1.3em;
}
.mobile-page  .dxpc-content,
.mobile-page  .dxpc-contentWrapper{
	margin: 0;
	padding: 0;
	width: 100%;
	display: block;
}

@media screen and (max-width:320px) {

.mobile-page .checkbox-group{
	margin: 1em 0  !important;
	vertical-align: middle;
}
.mobile-page .signin-btn {
	margin: .4em 0 !important;
}
}


.mobile-page .checkbox-clear-cache {
    margin-top: 8px;
}
.mobile-page .checkbox-clear-cache .dxbButton,
.mobile-page .checkbox-clear-cache a{
    text-decoration: none;
    color: #000;
    font-size: 400;
    font-family:  "Open Sans",'Noto Kufi Arabic', sans-serif !important;
    font-size: 9pt !important;
}


.mobile-page .checkbox-clear-cache a span{
    margin-left: 7px;

}
@media screen and (min-width:320px) {

.mobile-page .signin-btn button{
    margin: 0.4em 0;
}

.mobile-page .checkbox-group{
	margin: 1em 0  !important;
	vertical-align: middle;
}
.mobile-page .clear-cache-text{
	display: inline-block;
}
.mobile-page .page-description {
display: none;	
}
}
@media screen and (min-width:768px){
.mobile-page .signin-btn button{
    margin: 3em 0;
}
}

.mobile-page .signin-btn {
    width: 260px !important;
    height: 48px;
	margin: 1em 0;
    border-radius: 54px !important;
    -webkit-border-radius: 54px !important;
    border: 0;
    font-size: 12pt;
    font-weight: lighter !important;
}
.mobile-page .signin-btn:active{
    box-sizing: border-box !important;
    box-shadow: none !important;
}

.mobile-page .lost-password-text {
    margin-top: 1em !important;
    text-align: center;
    height: 48px;
}
    .mobile-page .lost-password-text * {
        display: inline;
        
    }

.mobile-page .lost-pass-link {
    font-weight: 400 !important;
    font-size: 12pt !important;
    padding: 0.5em 1.5em !important;
}


/****************************************
*										*
*			Color Scheme				*
*										*
*****************************************/



/* Pages Background  */
.mobile-page .page.splash {
    background: #2db8e9;
    background: -moz-linear-gradient(top, #2db8e9 0%, #00A88E 100%);
    background: -webkit-linear-gradient(top, #2db8e9 0%,#00A88E 100%);
    background: linear-gradient(to bottom, #2db8e9 0%,#00A88E 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2db8e9', endColorstr='#00A88E',GradientType=0 );
    color: white;
}

/* Navbar Background Color */
.mobile-page .page-nav{
	background-color: #00A88E;
	color: #FFF !important;
}


/* Navbar Text Color */

.mobile-page .page-nav  a,
.mobile-page .page-title,
.mobile-page .select-language-input,
.mobile-page .select-language .dxeEditArea{
    color: #FFF;
    background: none !important;
}


/* Splash Page - Button - Login */
.mobile-page .page.splash .btn-login {
    background: #00A88E;
	color: #FFF;	
}
/* Splash Page - Button - Signup */
.mobile-page .page.splash .btn-signup{
    color: #FFF;
    background: none;
    border: 1px solid #FFF;	
}

/* Button - Login */
.mobile-page .signin-btn {
	background: #00A88E;
    color: #FFF;	
}
.mobile-page .signin-btn:active{
	background: #2cb8e9;
}

/* Button - Clear Cache */
.mobile-page .clearbtn a{
	background: #00A88E;	
	margin-left: -5px;
}


/* Input Colors */
.mobile-page .input {
    border-bottom: 1px solid #bdbdbd;	
}
.mobile-page .input:focus {
    border-bottom: 1px solid #00A88E;
    color: #00A88E;	
}	


/* Links - Lost Password Link */
.mobile-page .lost-pass-link {
	color: #00A88E !important;
}

/* Labels */
.mobile-page .form-group label {
    color: rgba(0, 0, 0, 0.61);
}
/* Errors Color */
.mobile-page .error-box {
    color: #dc3545 !important;	
}


/*
    Home Contents [ASPX] 
*/

ul.home-list li a {
    background: #f9f9f9;
    color: #00A88E; 
}

ul.home-list li.apps a:hover,
ul.home-list li.apps a:active,
ul.home-list li.apps a:focus{
    color: #fff;
    background: #00A88E;   
    text-decoration: none;
}
ul.home-list li.approvals a:hover,
ul.home-list li.approvals a:active,
ul.home-list li.approvals a:focus{
    color: #fff;
    background: #eedc48;   
    text-decoration: none;
}

ul.home-list li.BI a:hover,
ul.home-list li.BI a:active,
ul.home-list li.BI a:focus{
    color: #fff;
    background: #e39b3e;   
    text-decoration: none;
}
ul.home-list li.logout a:hover,
ul.home-list li.logout a:active,
ul.home-list li.logout a:focus{
    color: #fff;
    background:#e33e3e;
    text-decoration: none;
}


.navbar-toggle {
    position: relative;
    top: 0%;
    transform: none;
    padding: 10px 10px;
    margin-top: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 5px;
}


.navbar .navbar-header{
    background-color: #00A88E !important;
    color: #FFF !important; 
    border-bottom: none  !important;   
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    background-color: #00A88E !important;
    border-top: 1px solid #00A88E;
}

.navbar-default .navbar-toggle {
    border-color: #FFF !important;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #00A88E;
  }

  .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
  }

  .navbar-default .navbar-nav{
      height: 100% !important;
  }
  .navbar-default .navbar-nav > li > a {
    color: #ffffff;
    background-color: transparent;
    text-shadow: none;
    font-size: 14pt !important;
    font-weight: 300;
    padding: .5em;
    margin: .7em auto;
    text-align: center;
    }


/*
    iOS Theme Customization
*/

/* GridView */

.dxgv {
    background-color: #FFF !important;
    color: #828890 !important; 
    
}
.dxgvDataRow_iOS{
    background-color:  #ffffff !important;
    color: #828890 !important;  
}

    .dxgvDataRow_iOS.dxgvDataRowHover_iOS,
    .dxgvDataRow_iOS.dxgvFocusedRow_iOS {
        background-color: #CFD3D7 !important;
        outline: 1px solid #e6e6e6 !important;
        color: #00A88E !important;
    }



#gridArea {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%  !important;
    height: 100% !important;
}

.dxgvControl_iOS {
    display: table !important;
    width: 100% !important;
    border: none !important;
    padding: 0 0 0 0 !important;
    margin: 0 !important;
    border-collapse: collapse !important;  
}

/*.dxgvCSD .dxgvTable_iOS {*/
	
	 /*height: 100%!important;*/
/*}*/


.dxgvSearchPanel_iOS table, 
.dxgvSearchPanel_iOS > table,
.dxgvSearchPanel_iOS {
    width: 100% !important;   
    max-width: 100% !important; 
    padding: 0 0 0 0 !important;
    margin: 0 !important;
}

.dxgvSearchPanel_iOS .dxeButtonEdit_iOS,
.dxgvSearchPanel_iOS .dxeEditArea_iOS,
.dxgvSearchPanel_iOS *{
    width: 100% !important; 
    border-left: 0 !important;
    border-right: 0 !important; 
    border-bottom: #bee1f3 !important;   
    border-top: 0 !important;    
    border-radius: 0 !important;  
}
.dxgvSearchPanel_iOS .dxeButtonEdit_iOS,
.dxgvSearchPanel_iOS .dxeEditArea_iOS {
    background: #F2F9FC !important;
}

.dxgvPagerBottomPanel_iOS::after,
.dxgvPagerBottomPanel_iOS::before {
    display: table;
    contain: ' ';
}

table[id$="_DetailTable"],
table[id$="_ActionsTable"] {
    margin: 5px auto !important;    
}

table[id$="_ActionsTable"] .dxbButton_iOS{
    width: 35px;
    height: 35px;
}

table[id$="_gridTable"]{
    width: 90% ;
}

.dxbButton_iOS {
    border: 1px solid #e6e6e6 !important;
    background: #f9f9f9 !important;
    color: #555 !important;
    font-size: 9pt !important;
    margin: 1em auto !important; 
    padding: 7px;   
}
.dxeImage_iOS{
    border: 1px solid #e6e6e6 !important;
    background: #f9f9f9 !important;  
    padding: 5px;   
    
}

.dxbButtonHover_iOS,
.dxbButtonChecked_iOS,
.dxbButtonPressed_iOS, 
a.dxbButton_iOS:hover, 
a.dxbButton_iOS:focus,
.dxeImage_iOS:hover, 
.dxeImage_iOS:focus {
    border: 1px solid #3ebcfd !important;
    box-shadow: 0 0px 1px 0px rgba(0,0,0,0.4) !important;   
    text-decoration: none !important; 
}

table[id$="_DetailTable"] .dxbButton_iOS {
    border-radius: 5% !important;
    background: #f9f9f9 !important;
    border: 1px solid #e6e6e6 !important;
    color: #555 !important;
    font-size: 9pt !important
} 

.dxgvPreviewRow_iOS .dxgv{
padding: 5px 10px !important;
margin: 5px 0 !important;
color: #777 !important;

}

/* Object-list */

.dxnbLite  {
    margin-top: -20px !important;
    width: 100% !important;
}
.dxnbLite .dxnb-gr {
    margin: 0 !important;
    border: 0 !important;
}

.dxnbLite .dxnb-gr .dxnb-header,
.dxnbLite .dxnb-gr .dxnb-headerCollapsed {
    background: #f6f6f6 !important;
    color: #454545 !important;
    border-right: 0 !important;
    border-left: 0 !important;
    border: 0 !important;
	padding: 15px 15px 15px !important;    
}


.dxnbLite .dxnb-gr .dxnb-content{
    border-right: 0 !important;
    border-left: 0 !important;
    border: 0 !important;    
}


/* Dashboards */
.dxsplControl .dxsplPane{
    border: 0 !important;    
    padding: 0 !important;
    margin: 0 !important;
    
}
.dxsplControl .dxsplLCC{
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

/* Approvals */




/* StyleWeb.CSS */

.logodefulatpage {
    /*	margin: 10% auto; */
         
        text-align: center;
    }
    .lbledit
    {
        width :30%;
        padding:2px;
    }
    .txtlbl
    {
        width :65%;
    
    }
    .lefrightEn
    {
        float :left ;
    }
    .lefrightAr
    {
        float:right ;
    }
    .dxcvPagerBottomPanel
    {
        text-align :center ;
    }
    .imaglogin
    {
        width :85%;
        text-align :center ;
        margin:0 auto ;
    }
    
    .loader {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: url('/content/Images/loading.gif') 50% 50% no-repeat rgb(249,249,249);
    }
    
    
    .control-label
    {
        font-size :18px;
        padding-top:22px;
        text-align:left;
    
    }
    
    
    .ioconuserlogin,.iconpassword
    {
        margin-top:0px;
        padding-bottom:3px;
        width:32px;
        float:left;
    }
    .cblangouage
    {
       padding:6px; 
    }
    .dvlannguage
    {
        float:left;
        width:45%;
        
    }
    .cmdlogindiv
    {
        text-align:center;
    }
    .drildwonlanguage
    {
        float:left;
        width:100%;
        font-size:18px;
        font-weight:normal;
    }
    .checkbox
    {
        font-size:18px;
    }
    
    .IconCmdUp
    {
        border:1px solid #b3b5b9;
        background-color:white;
        margin-bottom:4px;
         
        padding-top:3px;
    }
    
    .linkaddnew {
         
        display: block;
        float: left;
        height: 36px;
        padding-left: 38px;
        padding-top: 9px;
        width: 120px;
        font-size:14px;
    }
    
    .dxcvTable_iOS
    {
        border-radius: unset !important;
        -moz-border-radius:unset !important;
        -khtml-border-radius: unset !important;
        -webkit-border-radius: unset !important;
        padding:5px !important ;
    }
    
    .linktoolscard
    {
        padding-left:36px;
        margin-top :3px;
        
        background-position: 0px 0px ;
          
    
    
    }
    
    .cardheader
    {
    /*    border-bottom :1px dotted #b3b5b9;
        background-color :#f7f7f9;
        padding: 3px 20px;*/
        float:right;
    
    }
    
     .checkboxtoolscard
    {
       margin-top:15px; 
    }
    
     ul.navbar-nav
     {
         font-size:20px;
         font-weight:bold;
     }
     
     .dxcvSearchPanel_iOS > table
     {
         width:90%;
     }
    
     .commandlayoutapprovale
     {
        cursor: pointer;
        margin-top: -6px;
        position: absolute;
        right: 118px;
        width: 20px;
    
     }
     .dxbButton_iOS.dxbButtonSys {
    /*    background-color: #f7f7f9;
        border: 1px solid #b3b5b9; */
        padding: 5px;
        text-decoration: none;
        font-weight:normal;
    }
     .form-group 
     {
         clear:both;
         margin-bottom:0.5%;
     }
     .form-horizontal h2
     {
         font-size:160%;
     }
     .form-horizontal h4
     {
         font-size:118%;
     }
     .btnpop
     {
           font-size: 18px;
        margin: 5px;
        padding: 8px;
        text-align: center;
        width: 40%;
        border:1px solid #999;
        background-color:#eee;
    
    
     }
     .lnkpop
     {
        border: 1px solid #999;
        display: inline-block;
        font-size: 18px;
        margin: 5px;
        padding: 5px;
        text-align: center;
        width: 40%;
          background-color:#eee;
          color:#000;
    
     }
     .lblmessage
     {
         text-align:center;
         display:inline-block;
     }
     .HyperRejected {
        /*background-color: #f7f7f9;*/
        background-position: 4px 4px;
        background-size: 26px 26px;
        border: 0px solid #b3b5b9;
        border-radius: 5px;
        cursor: pointer;
        /*float: right;*/
        margin-top: 5px;
        padding-bottom: 7px;
        padding-left: 24px;
        padding-top: 5px;
        position: absolute;
        right: 12px;
        text-decoration: none;
        width: 32px;
    
    }
      .HyperApproved {
        /*background-color: #f7f7f9;*/
        background-position: 4px 4px;
        background-size: 26px 26px;
        border: 0px solid #b3b5b9;
        border-radius: 5px;
        cursor: pointer;
        /*float: right;*/
        margin-top: 5px;
        padding-bottom: 7px;
        padding-left: 24px;
        padding-top: 5px;
        position: absolute;
        right:52px;
        text-decoration: none;
        width: 32px;
    
    }
      .btndiv
      {
        background: whitesmoke none repeat scroll 0 0;
        
        height: 21%;
        position:relative;
      }
     .drillcardDelete {
        float: right;
        margin-top: 5px;
    
    }
     .logindefualtlink
     {
          
        background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #eee, #ccc) repeat scroll 0 0;
        border: 1px solid #999 !important;
        color: #444;
        display: inline-block;
        font-weight: bold;
        line-height: 1.4 !important;
        
        outline: 0 none !important;
        padding: 5px 8px !important;
        position: relative;
        text-align: center;
        white-space: nowrap;
        width: 30%;
        font-size:18px;
        font-weight:bold;
    
     
     }
     .form-horizontal .control-label {
         text-align:left;
         padding-left:10px;
    }
     .divloingdefult
     {
         text-align:center;
     }
     .defualpage
     {
         text-align:center;
     }
     .dxflCaptionCellSys,.dxflNestedControlCell_iOS
     {
         display:inline;
     }
     .requestdiv
     {
         width:48%;
         float:left;
         text-align:center;
     }
     .requestdiv a
     {
         display:inline-block;
     }
     .objectsdiv
     {
         width:48%;
         text-align:center;
         float:left;
     }
     .objectsdiv a
     {
         display:inline-block;
     }
     .logoutdiv
     {
         width:48%;
         float:left;
         text-align:center;
         margin:40px 0px 0px 0px;
     }
     .logoutdiv a
     {
         display:inline-block;
     }
     .Dashboardsdiv
     {
         width:48%;
         float:left;
         text-align:center;
         margin:40px 0px 0px 0px;
     }
     .divhome img
     {
         border:0px solid #c8c8c8;
     }
     a
     {
         color:black;
     }
     a:hover,a:focus
     {
         color:black;
         text-decoration :none;
     }
     .linkbak
     {
        background-color: #f7f7f9;
        border: 1px solid #b3b5b9;
        border-radius: 5px;
        cursor: pointer;
        display: block;
        font-weight: bold;
        margin: 10px 0;
        padding-bottom: 7px;
         
        padding-top: 5px;
        text-align: center;
        text-decoration: none;
        width: 56px;
     }
       .dashborddef
    {
        text-align:center;
        font-size:18px;
    }
    .dashborddef img
    {
        border:1px solid #808080;
        width:90%
    }
    .defualpage h3
    {
        clear:both;
    }
    .backcmd {
        display: inline;
        float: left;
        margin:0px 5px;
    }
    .refreshcmd {
        display: inline;
        float: right;
        margin:6px 0px;
    }
    .lblstatues {
        clear: both;
        display: block;
        text-align: left;
        margin:5px;
    }
    .LinkGetLocation,.LinkGetMap,.LinkGetCancel
    {
        font-size: 18px;
        margin: 5px;
        padding: 8px;
        text-align: center;
        width: 40%;
        border:1px solid #999;
        background-color:#eee;
        display:inline-block;
        color:#000;
    }
    #map,#mapOld ,#myMap
    {
        /*width:90%;*/
        height:350px;
       
        border:1px solid #999;
    }
    
    .hideinedit,.hideinview
    {
        display:none !important;
    }
    .titleloginandregester a,.titleloginandregester a:hover,.titleloginandregester a:active
    {
        color:red;
    }



    .dxeBase_iOS{
        margin: auto 9px;
    }


    /* Styleupdate.css*/
    .linkbak {
        width: auto !important;
        padding-left: 5px;
        padding-right: 5px;
        float: left;
    }
    

    .dxeTrackBar_iOS,
    .dxeHelpText_iOS,
    .dxeTBValueToolTip_iOS,
    .dxlpLoadingPanel_iOS,
    .dxlpLoadingPanelWithContent_iOS,
    .dxeBase_iOS,
    .dxeTextBox_iOS,
    .dxeButtonEdit_iOS,
    .dxeErrorCell_iOS,
    .dxeRadioButtonList_iOS,
    .dxeCheckBoxList_iOS,
    .dxeMemo_iOS,
    .dxeHyperlink_iOS,
    .dxeListBox_iOS,
    .dxeCalendar_iOS,
    .dxbButton_iOS,
    .dxfcControl_iOS,
    .dxeMaskHint_iOS,
    .dxeProgressBar_iOS,
    .dxpcDropDown_iOS,
    .dxeDropDownWindow_iOS,
    .dxcaControl_iOS,
    .dxcaLoadingPanel_iOS,
    .dxeCaptionCell_iOS,
    .dxeOutOfRWarn_iOS,
    .dxgvControl_iOS,
    .dxgvDisabled_iOS
    .dxgvLoadingPanel_iOS,
    .dxheControl_iOS,
    .dxheErrorFrame_iOS,
    .dxheControl_iOS .dxheHtmlViewArea_iOS,
    body.dxheDesignViewArea_iOS,
    body.dxhePreviewArea_iOS,
    .dxpgControl_iOS, 
    .dxpgCustForm_iOS,
    .dxreControl_iOS,
    .dxpgLoadingPanel_iOS,
    .dxwscLoadingPanel_iOS,
    .dxssControl_iOS,
    .dxssLoadingPanel_iOS,
    .dxscControl_iOS,
    .dxheControl_iOS,
    .dxscLoadingPanel_iOS,
    .dxtlControl_iOS,
    .dxtlLoadingPanel_iOS,
    .dxvgControl_iOS,
    .dxvgDisabled_iOS,
    .dxvgLoadingPanel_iOS,
    .dxccControl_iOS,
    .dxdvControl_iOS,
    .dxhlControl_iOS,
    .dxlpLoadingPanel_iOS,
    .dxlpLoadingPanelWithContent_iOS,
    .dxncControl_iOS,
    .dxmLite_iOS,
    .dxnbLite_iOS,
    .dxpLite_iOS,
    .dxpcLite_iOS,
    .dxdpLite_iOS,
    .dxpnlControl_iOS,
    .dxrpControl_iOS,
    .dxrpControlGB_iOS,
    .dxsmControl_iOS,
    .dxtcLite_iOS,
    .dxtiControl_iOS,
    .dxucProgressBar_iOS,
    .dxucControl_iOS,
    .dxucEditArea_iOS,
    input[type="text"].dxucEditArea_iOS,
    .dxsplControl_iOS,
    .dxtvControl_iOS,
    .dxfmControl_iOS,
    .dxfmControl_iOS .dxfm-rInput,
    .dxisControl_iOS,
    .dxigControl_iOS,
    .dxflFormLayout_iOS,
    .dxrControl_iOS,
    .dxizControl_iOS .dxiz-hint > span,
    .dxcvControl_iOS,
    .dxcvDisabled_iOS,
    .dxcvLoadingPanel_iOS,
    .dxchartsuiLoadingPanel_iOS,
    .dxchartsuiCrosshairLabel_iOS,
    .dxchartsuiTooltip_iOS,
    .dxchartsuiTooltip_TopLeft_iOS,
    .dxchartsuiTooltip_TopRight_iOS,
    .dxchartsuiTooltip_BottomLeft_iOS,
    .dxchartsuiTooltip_BottomRight_iOS,
    .dxvsValidationSummary_iOS
    {
        font: 14px "Open Sans",'Noto Kufi Arabic', sans-serif !important;
        
    }



.dxgvTable_iOS {
/*    table-layout: auto !important;
    width: auto !important;*/
    scroll-behavior: auto !important;
}
	.dxpcLite_iOS, .dxdpLite_iOS{
		position: absolute !important;
	}
	
	
	
	/*
		GridView Batch Update 
		11/12/2018
	
	*/
.dxtc-content{
	
	padding: 0 !important; 
	margin: 0 !important; 
}	

.dxgvDataRow_iOS .dxICheckBox_iOS,
.dxgvInlineEditRow_iOS .dxICheckBox_iOS,
.dxgvDataRow_iOS .dxeIRadioButton_iOS,
.dxgvInlineEditRow_iOS .dxeIRadioButton_iOS
{
    margin: 0 !important; 
}
.dxgvCommandColumn_iOS .dxICheckBox_iOS,
.dxgvCommandColumn_iOS .dxeIRadioButton_iOS
{
    margin: 0 !important; 
}	
	
.dxgvControl_iOS td.dxgvBatchEditCell_iOS
{
    padding: 0 !important; 
}

.dxgvControl_iOS td.dxgvBatchEditModifiedCell_iOS
{
    background: #FFF !important;
}
.dxgvBatchEditDeletedItem_iOS,
.dxgvBatchEditNewItem_iOS.dxgvBatchEditDeletedItem_iOS
{
    background: #EFEFEF !important;
}
.dxgvBatchEditDeletedItem_iOS > td:not(.dxgvCommandColumn_iOS)
{
    color: rgba(0, 0, 0, 0.5) !important; 
}
.dxgvBatchEditDeletedItem_iOS td.dxgvBatchEditModifiedCell_iOS
{
    background: #eefbe7 !important;
}

.dxgvBatchEditNewItem_iOS
{
    background: #F0FAEA !important; 
}	
.dxgvControl_iOS td.dxgvBatchEditCell_iOS .dxichCellSys
{
    padding: 0;
}	
	

.dxvgRecord_iOS .dxICheckBox_iOS,
.dxvgRecord_iOS .dxeIRadioButton_iOS
{
    margin: 0 !important; 
}	
	
	
.dxgvEditFormDisplayRow_iOS td.dxgv, .dxgvDetailCell_iOS td.dxgv, .dxgvDataRow_iOS td.dxgv, .dxgvDetailRow_iOS.dxgvADR td.dxgvAIC {
    overflow: hidden;
    border-bottom: 0 !important; 
    border-top-width: 0;
    border-left-width: 0;
    padding: 0 !important; 
}	
	
	   
	   
.dxgvFocusedRow_iOS .dxWeb_edtCheckBoxUnchecked_iOS {
    
 background-position: -264px 0px  !important;
    background-size: 538px auto;
    width: 32px;
    height: 32px;
	padding: 0 !important; 
	margin: 0 !important; 
}	

	
.dxgvFocusedRow_iOS .dxWeb_edtCheckBoxChecked_iOS {
	background-position: -366px 0px !important;
    
    background-size: 538px auto;
    width: 32px;
    height: 32px;
	padding: 0 !important; 
	margin: 0 !important; 	
}


.dxeListBoxItemSelected_iOS .dxWeb_edtCheckBoxChecked_iOS, .dxfm-file .dxWeb_edtCheckBoxChecked_iOS, .dxfm-file .dxWeb_edtCheckBoxUnchecked_iOS, .dxfm-file.dxfm-fileSA .dxWeb_edtCheckBoxChecked_iOS, .dxgvFocusedRow_iOS .dxWeb_edtCheckBoxChecked_iOS, .dxgvFocusedRow_iOS .dxWeb_edtCheckBoxGrayed_iOS, .dxgvFocusedRow_iOS .dxWeb_edtCheckBoxUnchecked_iOS, .dxgvSelectedRow_iOS.dxfm-fileSI .dxWeb_edtCheckBoxChecked_iOS, .dxigControl_iOS.dxTouchUI .dxWeb_igCloseButton_iOS, .dxigControl_iOS.dxTouchUI .dxWeb_igPauseButton_iOS, .dxigControl_iOS.dxTouchUI .dxWeb_igPlayButton_iOS, .dxm-checked .dxWeb_mHorizontalPopOut_iOS, .dxm-checked .dxWeb_mVerticalPopOut_iOS, .dxm-checked .dxWeb_mVerticalPopOutRtl_iOS, .dxm-checked.dxm-hovered .dxWeb_mHorizontalPopOut_iOS, .dxm-checked.dxm-hovered .dxWeb_mVerticalPopOut_iOS, .dxm-checked.dxm-hovered .dxWeb_mVerticalPopOutRtl_iOS, .dxm-disabled .dxWeb_mHorizontalPopOut_iOS, .dxm-disabled .dxWeb_mVerticalPopOut_iOS, .dxm-disabled .dxWeb_mVerticalPopOutRtl_iOS, .dxm-hovered .dxWeb_mAdaptiveMenu_iOS, .dxmLite_iOS .dxm-left .dxm-back-icon, .dxm-scrollBtnHovered .dxWeb_mScrollDown_iOS, .dxm-scrollBtnHovered .dxWeb_mScrollUp_iOS, .dxm-scrollBtnPressed .dxWeb_mScrollDown_iOS, .dxm-scrollBtnPressed .dxWeb_mScrollUp_iOS, .dxm-selected .dxWeb_mHorizontalPopOut_iOS, .dxm-selected .dxWeb_mSubMenuItemChecked_iOS, .dxm-selected .dxWeb_mVerticalPopOut_iOS, .dxm-selected .dxWeb_mVerticalPopOutRtl_iOS, .dxm-selected.dxm-hovered .dxWeb_mHorizontalPopOut_iOS, .dxm-selected.dxm-hovered .dxWeb_mVerticalPopOut_iOS, .dxm-selected.dxm-hovered .dxWeb_mVerticalPopOutRtl_iOS, .dxpc-collapseBtnChecked .dxWeb_pcCollapseButton_iOS, .dxpc-maximizeBtnChecked .dxWeb_pcMaximizeButton_iOS, .dxpc-pinBtnChecked .dxWeb_pcPinButton_iOS, .dxp-hoverDropDownButton .dxWeb_pPopOut_iOS, .dxpnl-btnHover .dxWeb_pnlExpand_iOS, .dxpnl-btnHover .dxWeb_pnlExpandArrowBottom_iOS, .dxpnl-btnHover .dxWeb_pnlExpandArrowLeft_iOS, .dxpnl-btnHover .dxWeb_pnlExpandArrowRight_iOS, .dxpnl-btnHover .dxWeb_pnlExpandArrowTop_iOS, .dxpnl-btnPressed .dxWeb_pnlExpand_iOS, .dxpnl-btnPressed .dxWeb_pnlExpandArrowBottom_iOS, .dxpnl-btnPressed .dxWeb_pnlExpandArrowLeft_iOS, .dxpnl-btnPressed .dxWeb_pnlExpandArrowRight_iOS, .dxpnl-btnPressed .dxWeb_pnlExpandArrowTop_iOS, .dxpnl-btnSelected .dxWeb_pnlExpand_iOS, .dxpnl-btnSelected .dxWeb_pnlExpandArrowBottom_iOS, .dxpnl-btnSelected .dxWeb_pnlExpandArrowLeft_iOS, .dxpnl-btnSelected .dxWeb_pnlExpandArrowRight_iOS, .dxpnl-btnSelected .dxWeb_pnlExpandArrowTop_iOS, .dxpnl-btnSelected.dxpnl-btnHover .dxWeb_pnlExpand_iOS, .dxpnl-btnSelected.dxpnl-btnHover .dxWeb_pnlExpandArrowBottom_iOS, .dxpnl-btnSelected.dxpnl-btnHover .dxWeb_pnlExpandArrowLeft_iOS, .dxpnl-btnSelected.dxpnl-btnHover .dxWeb_pnlExpandArrowRight_iOS, .dxpnl-btnSelected.dxpnl-btnHover .dxWeb_pnlExpandArrowTop_iOS, .dxpnl-btnSelected.dxpnl-btnPressed .dxWeb_pnlExpand_iOS, .dxpnl-btnSelected.dxpnl-btnPressed .dxWeb_pnlExpandArrowBottom_iOS, .dxpnl-btnSelected.dxpnl-btnPressed .dxWeb_pnlExpandArrowLeft_iOS, .dxpnl-btnSelected.dxpnl-btnPressed .dxWeb_pnlExpandArrowRight_iOS, .dxpnl-btnSelected.dxpnl-btnPressed .dxWeb_pnlExpandArrowTop_iOS, .dxp-pressedDropDownButton .dxWeb_pPopOut_iOS, .dxr-minBtnHover .dxWeb_rPinBtn_iOS, .dxrpCollapsed .dxWeb_rpCollapseButton_iOS, .dxtlFocusedNode_iOS .dxWeb_edtCheckBoxChecked_iOS, .dxtlFocusedNode_iOS .dxWeb_edtCheckBoxGrayed_iOS, .dxtlFocusedNode_iOS .dxWeb_edtCheckBoxUnchecked_iOS, .dxtv-ndSel .dxWeb_edtCheckBoxChecked_iOS, .dxtv-ndSel .dxWeb_edtCheckBoxUnchecked_iOS, .dxWeb_edtCheckBoxChecked_iOS, .dxWeb_edtCheckBoxCheckedDisabled_iOS, .dxWeb_edtCheckBoxGrayed_iOS, .dxWeb_edtCheckBoxGrayedDisabled_iOS, .dxWeb_edtCheckBoxUnchecked_iOS, .dxWeb_edtCheckBoxUncheckedDisabled_iOS, .dxWeb_fmBreadCrumbsSeparatorArrow_iOS, .dxWeb_fmBreadCrumbsUpButton_iOS, .dxWeb_fmBreadCrumbsUpButtonDisabled_iOS, .dxWeb_fmCopyButton_iOS, .dxWeb_fmCopyButtonDisabled_iOS, .dxWeb_fmCreateButton_iOS, .dxWeb_fmCreateButtonDisabled_iOS, .dxWeb_fmDeleteButton_iOS, .dxWeb_fmDeleteButtonDisabled_iOS, .dxWeb_fmDwnlButton_iOS, .dxWeb_fmDwnlButtonDisabled_iOS, .dxWeb_fmExpandFolderContBtn_iOS, .dxWeb_fmFolder_iOS, .dxWeb_fmFolderLocked_iOS, .dxWeb_fmMoveButton_iOS, .dxWeb_fmMoveButtonDisabled_iOS, .dxWeb_fmRefreshButton_iOS, .dxWeb_fmRefreshButtonDisabled_iOS, .dxWeb_fmRenameButton_iOS, .dxWeb_fmRenameButtonDisabled_iOS, .dxWeb_fmThumbnailCheck_iOS, .dxWeb_fmUplButton_iOS, .dxWeb_fmUplButtonDisabled_iOS, .dxWeb_igCloseButton_iOS, .dxWeb_igNavigationBarMarker_iOS, .dxWeb_igNextButton_iOS, .dxWeb_igNextButtonDisabled_iOS, .dxWeb_igNextButtonHover_iOS, .dxWeb_igNextButtonPressed_iOS, .dxWeb_igPauseButton_iOS, .dxWeb_igPlayButton_iOS, .dxWeb_igPrevButton_iOS, .dxWeb_igPrevButtonDisabled_iOS, .dxWeb_igPrevButtonHover_iOS, .dxWeb_igPrevButtonPressed_iOS, .dxWeb_isDot_iOS, .dxWeb_isDotDisabled_iOS, .dxWeb_isDotPressed_iOS, .dxWeb_isDotSelected_iOS, .dxWeb_isNextBtnHor_iOS, .dxWeb_isNextBtnHorDisabled_iOS, .dxWeb_isNextBtnVert_iOS, .dxWeb_isNextBtnVertDisabled_iOS, .dxWeb_isNextPageBtnHor_iOS, .dxWeb_isNextPageBtnHorDisabled_iOS, .dxWeb_isNextPageBtnHorOutside_iOS, .dxWeb_isNextPageBtnHorOutsideDisabled_iOS, .dxWeb_isNextPageBtnVert_iOS, .dxWeb_isNextPageBtnVertDisabled_iOS, .dxWeb_isNextPageBtnVertOutside_iOS, .dxWeb_isNextPageBtnVertOutsideDisabled_iOS, .dxWeb_isPauseBtn_iOS, .dxWeb_isPlayBtn_iOS, .dxWeb_isPrevBtnHor_iOS, .dxWeb_isPrevBtnHorDisabled_iOS, .dxWeb_isPrevBtnVert_iOS, .dxWeb_isPrevBtnVertDisabled_iOS, .dxWeb_isPrevPageBtnHor_iOS, .dxWeb_isPrevPageBtnHorDisabled_iOS, .dxWeb_isPrevPageBtnHorOutside_iOS, .dxWeb_isPrevPageBtnHorOutsideDisabled_iOS, .dxWeb_isPrevPageBtnVert_iOS, .dxWeb_isPrevPageBtnVertDisabled_iOS, .dxWeb_isPrevPageBtnVertOutside_iOS, .dxWeb_isPrevPageBtnVertOutsideDisabled_iOS, .dxWeb_izEWCloseButton_iOS, .dxWeb_izHint_iOS, .dxWeb_mAdaptiveMenu_iOS, .dxWeb_mHorizontalPopOut_iOS, .dxWeb_mScrollDown_iOS, .dxWeb_mScrollUp_iOS, .dxWeb_mSubMenuItem_iOS, .dxWeb_mSubMenuItemChecked_iOS, .dxWeb_mVerticalPopOut_iOS, .dxWeb_mVerticalPopOutRtl_iOS, .dxWeb_nbCollapse_iOS, .dxWeb_nbExpand_iOS, .dxWeb_pAll_iOS, .dxWeb_pAllDisabled_iOS, .dxWeb_pcCloseButton_iOS, .dxWeb_pcCollapseButton_iOS, .dxWeb_pcMaximizeButton_iOS, .dxWeb_pcPinButton_iOS, .dxWeb_pcRefreshButton_iOS, .dxWeb_pcSizeGrip_iOS, .dxWeb_pcSizeGripRtl_iOS, .dxWeb_pFirst_iOS, .dxWeb_pFirstDisabled_iOS, .dxWeb_pLast_iOS, .dxWeb_pLastDisabled_iOS, .dxWeb_pNext_iOS, .dxWeb_pNextDisabled_iOS, .dxWeb_pnlExpand_iOS, .dxWeb_pnlExpandArrowBottom_iOS, .dxWeb_pnlExpandArrowLeft_iOS, .dxWeb_pnlExpandArrowRight_iOS, .dxWeb_pnlExpandArrowTop_iOS, .dxWeb_pPopOut_iOS, .dxWeb_pPopOutDisabled_iOS, .dxWeb_pPrev_iOS, .dxWeb_pPrevDisabled_iOS, .dxWeb_rDialogBoxLauncher_iOS, .dxWeb_rDialogBoxLauncherDisabled_iOS, .dxWeb_rDialogBoxLauncherHover_iOS, .dxWeb_rDialogBoxLauncherPressed_iOS, .dxWeb_rGlrDown_iOS, .dxWeb_rGlrDownDisabled_iOS, .dxWeb_rGlrDownHover_iOS, .dxWeb_rGlrPopOut_iOS, .dxWeb_rGlrPopOutDisabled_iOS, .dxWeb_rGlrPopOutHover_iOS, .dxWeb_rGlrUp_iOS, .dxWeb_rGlrUpDisabled_iOS, .dxWeb_rGlrUpHover_iOS, .dxWeb_rMinBtn_iOS, .dxWeb_rMinBtn_iOS.dxWeb_rMinBtnHover_iOS, .dxWeb_rMinBtn_iOS.dxWeb_rMinBtnPressed_iOS, .dxWeb_rMinBtnChecked_iOS.dxWeb_rMinBtn_iOS, .dxWeb_rMinBtnChecked_iOS.dxWeb_rMinBtnDisabled_iOS, .dxWeb_rMinBtnChecked_iOS.dxWeb_rMinBtnHover_iOS, .dxWeb_rMinBtnChecked_iOS.dxWeb_rMinBtnPressed_iOS, .dxWeb_rMinBtnDisabled_iOS, .dxWeb_rpCollapseButton_iOS, .dxWeb_rPinBtn_iOS, .dxWeb_rPopOut_iOS, .dxWeb_splHCollapseBackwardButton_iOS, .dxWeb_splHCollapseBackwardButtonHover_iOS, .dxWeb_splHCollapseForwardButton_iOS, .dxWeb_splHCollapseForwardButtonHover_iOS, .dxWeb_splHSeparator_iOS, .dxWeb_splHSeparatorHover_iOS, .dxWeb_splVCollapseBackwardButton_iOS, .dxWeb_splVCollapseBackwardButtonHover_iOS, .dxWeb_splVCollapseForwardButton_iOS, .dxWeb_splVCollapseForwardButtonHover_iOS, .dxWeb_splVSeparator_iOS, .dxWeb_splVSeparatorHover_iOS, .dxWeb_tcScrollLeft_iOS, .dxWeb_tcScrollLeftDisabled_iOS, .dxWeb_tcScrollLeftHover_iOS, .dxWeb_tcScrollLeftPressed_iOS, .dxWeb_tcScrollRight_iOS, .dxWeb_tcScrollRightDisabled_iOS, .dxWeb_tcScrollRightHover_iOS, .dxWeb_tcScrollRightPressed_iOS, .dxWeb_tvColBtn_iOS, .dxWeb_tvColBtnRtl_iOS, .dxWeb_tvExpBtn_iOS, .dxWeb_tvExpBtnRtl_iOS, .dxWeb_ucClearButton_iOS, .dxWeb_ucClearButtonDisabled_iOS 
{ 
	/*background-image: url('../img/dxr.png') !important; */
} 	
	
.dxeButtonEditButtonHover_iOS .dxEditors_edtClear_iOS, .dxeButtonEditButtonHover_iOS .dxEditors_edtDropDown_iOS, .dxeButtonEditButtonHover_iOS .dxEditors_edtEllipsis_iOS, .dxeButtonEditButtonPressed_iOS .dxEditors_edtDropDown_iOS, .dxeButtonEditButtonPressed_iOS .dxEditors_edtEllipsis_iOS, .dxEditors_caRefresh_iOS, .dxEditors_edtBinaryImageDelete_iOS, .dxEditors_edtBinaryImageOpenDialog_iOS, .dxEditors_edtCalendarFastNavBackToPrevMode_iOS, .dxEditors_edtCalendarFastNavBackToPrevModeRtl_iOS, .dxEditors_edtCalendarFNNextPeriod_iOS, .dxEditors_edtCalendarFNNextYear_iOS, .dxEditors_edtCalendarFNPrevPeriod_iOS, .dxEditors_edtCalendarFNPrevYear_iOS, .dxEditors_edtCalendarNextMonth_iOS, .dxEditors_edtCalendarNextMonthDisabled_iOS, .dxEditors_edtCalendarNextYear_iOS, .dxEditors_edtCalendarNextYearDisabled_iOS, .dxEditors_edtCalendarPrevMonth_iOS, .dxEditors_edtCalendarPrevMonthDisabled_iOS, .dxEditors_edtCalendarPrevYear_iOS, .dxEditors_edtCalendarPrevYearDisabled_iOS, .dxEditors_edtClear_iOS, .dxEditors_edtDETSClockFace_iOS, .dxEditors_edtDETSHourHand_iOS, .dxEditors_edtDETSMinuteHand_iOS, .dxEditors_edtDETSSecondHand_iOS, .dxEditors_edtDropDown_iOS, .dxEditors_edtDropDownDisabled_iOS, .dxEditors_edtEllipsis_iOS, .dxEditors_edtEllipsisDisabled_iOS, .dxEditors_edtError_iOS, .dxEditors_edtListBoxFilterBtn_iOS, .dxEditors_edtListBoxFilterBtnDisabled_iOS, .dxEditors_edtListBoxHideFilterBtn_iOS, .dxEditors_edtListBoxHideFilterBtnDisabled_iOS, .dxEditors_edtListBoxHideFilterBtnRtl_iOS, .dxEditors_edtListBoxHideFilterBtnRtlDisabled_iOS, .dxEditors_edtRadioButtonChecked_iOS, .dxEditors_edtRadioButtonCheckedDisabled_iOS, .dxEditors_edtRadioButtonUnchecked_iOS, .dxEditors_edtRadioButtonUncheckedDisabled_iOS, .dxEditors_edtSpinEditDecrementImage_iOS, .dxEditors_edtSpinEditDecrementImageDisabled_iOS, .dxEditors_edtSpinEditIncrementImage_iOS, .dxEditors_edtSpinEditIncrementImageDisabled_iOS, .dxEditors_edtSpinEditLargeDecImage_iOS, .dxEditors_edtSpinEditLargeDecImageDisabled_iOS, .dxEditors_edtSpinEditLargeIncImage_iOS, .dxEditors_edtSpinEditLargeIncImageDisabled_iOS, .dxEditors_edtTBDecBtn_iOS, .dxEditors_edtTBIncBtn_iOS, .dxEditors_edtTokenBoxTokenRemoveButton_iOS, .dxEditors_edtTokenBoxTokenRemoveButtonDisabled_iOS, .dxEditors_fcadd_iOS, .dxEditors_fcaddhot_iOS, .dxEditors_fcgroupaddcondition_iOS, .dxEditors_fcgroupaddgroup_iOS, .dxEditors_fcgroupand_iOS, .dxEditors_fcgroupnotand_iOS, .dxEditors_fcgroupnotor_iOS, .dxEditors_fcgroupor_iOS, .dxEditors_fcgroupremove_iOS, .dxEditors_fcopany_iOS, .dxEditors_fcopavg_iOS, .dxEditors_fcopbegin_iOS, .dxEditors_fcopbetween_iOS, .dxEditors_fcopblank_iOS, .dxEditors_fcopcontain_iOS, .dxEditors_fcopcount_iOS, .dxEditors_fcopend_iOS, .dxEditors_fcopequal_iOS, .dxEditors_fcopexists_iOS, .dxEditors_fcopgreater_iOS, .dxEditors_fcopgreaterorequal_iOS, .dxEditors_fcopless_iOS, .dxEditors_fcoplessorequal_iOS, .dxEditors_fcoplike_iOS, .dxEditors_fcopmax_iOS, .dxEditors_fcopmin_iOS, .dxEditors_fcopnotany_iOS, .dxEditors_fcopnotbetween_iOS, .dxEditors_fcopnotblank_iOS, .dxEditors_fcopnotcontain_iOS, .dxEditors_fcopnotequal_iOS, .dxEditors_fcopnotlike_iOS, .dxEditors_fcopsingle_iOS, .dxEditors_fcopsum_iOS, .dxEditors_fcoptypefield_iOS, .dxEditors_fcoptypefieldhot_iOS, .dxEditors_fcoptypevalue_iOS, .dxEditors_fcoptypevaluehot_iOS, .dxEditors_fcremove_iOS, .dxEditors_fcremovehot_iOS, .dxeSpinDecButtonHover_iOS .dxEditors_edtSpinEditDecrementImage_iOS, .dxeSpinDecButtonPressed_iOS .dxEditors_edtSpinEditDecrementImage_iOS, .dxeSpinIncButtonHover_iOS .dxEditors_edtSpinEditIncrementImage_iOS, .dxeSpinIncButtonPressed_iOS .dxEditors_edtSpinEditIncrementImage_iOS, .dxeSpinLargeDecButtonHover_iOS .dxEditors_edtSpinEditLargeDecImage_iOS, .dxeSpinLargeDecButtonPressed_iOS .dxEditors_edtSpinEditLargeDecImage_iOS, .dxeSpinLargeIncButtonHover_iOS .dxEditors_edtSpinEditLargeIncImage_iOS, .dxeSpinLargeIncButtonPressed_iOS .dxEditors_edtSpinEditLargeIncImage_iOS, .dxeTBDecBtnHover_iOS.dxEditors_edtTBDecBtn_iOS, .dxeTBDecBtnPressed_iOS.dxEditors_edtTBDecBtn_iOS, .dxeTBIncBtnHover_iOS.dxEditors_edtTBIncBtn_iOS, .dxeTBIncBtnPressed_iOS.dxEditors_edtTBIncBtn_iOS, .dxeTrackBar_iOS.dxeDisabled_iOS .dxEditors_edtTBDecBtn_iOS, .dxeTrackBar_iOS.dxeDisabled_iOS .dxEditors_edtTBIncBtn_iOS, .dxgvFocusedRow_iOS .dxEditors_edtRadioButtonChecked_iOS {
    /*background-image: url(../img/dxr2.png) !important; */
}	
	
	
	
	

/*
	iOS Color Scheme 
*/

/*
	Background Color

*/
.dxgvFocusedGroupRow_iOS,
.dxgvControl_iOS .dxgvHL, 
.dxmLite_iOS .dxm-main .dxm-checked,
.dxmLite_iOS .dxm-main .dxm-selected,
.dxmLite_iOS .dxm-main .dxm-checked.dxm-hovered,
.dxmLite_iOS .dxm-main .dxm-selected.dxm-hovered,
.dxmLite_iOS .dxm-popup .dxm-selected,
.dxmLite_iOS .dxm-popup .dxm-hovered.dxm-selected,
.dxmLite_iOS .dxm-popup .dxm-hovered.dxm-selected a.dx,
.dxmLite_iOS .dxm-popup .dxm-checked,
.dxmLite_iOS .dxm-popup .dxm-hovered.dxm-checked,
.dxmLite_iOS .dxm-popup .dxm-hovered.dxm-checked a.dx,
.dxmLite_iOS .dxm-scrollBtnHovered, 
.dxnbLite_iOS .dxnb-itemSelected,
.dxnbLite_iOS .dxnb-itemSelected a,
.dxnbLite_iOS .dxnb-largeSelected,
.dxnbLite_iOS .dxnb-largeSelected a,
.dxpLite_iOS .dxp-hoverDropDownButton,
.dxtcLite_iOS.dxtc-bottom > .dxtc-stripContainer .dxtc-activeTab,
.dxtcLite_iOS.dxtc-left > .dxtc-stripContainer .dxtc-activeTab,
.dxtcLite_iOS.dxtc-right > .dxtc-stripContainer .dxtc-activeTab,
.dxtcLite_iOS > .dxtc-stripContainer .dxtc-activeTab,
.dxtiCurrentIndexPanelItem_iOS,
.dxucBrowseButton_iOS,
.dxsplVSeparatorHover_iOS,
.dxsplHSeparatorHover_iOS,
.dxsplVSeparatorButtonHover_iOS,
.dxsplHSeparatorButtonHover_iOS,
.dxtvControl_iOS .dxtv-ndSel,
.dxtvControl_iOS .dxtv-ndSel.dxtv-ndHov,
.dxfmControl_iOS div.dxfm-fileSA,
.dxfmControl_iOS div.dxfm-fileF,
.dxfmControl_iOS tr.dxgvFocusedRow_iOS,
.dxfmControl_iOS tr.dxgvFocusedRow_iOS.dxgvDataRowHover_iOS,
.dxrControl_iOS .dxr-grDialogBoxLauncherHover ,
.dxrControl_iOS .dxr-minBtnHover,
.dxrControl_iOS .dxtcLite_iOS.dxtc-top .dxtc-activeTab .dxtc-link,
.dxcvControl_iOS .dxcvHL,
.dxtlFocusedNode_iOS,
.dxvgControl_iOS .dxvgHL,
.dxreControl_iOS .dxreDlgListBox .dxreDlgListSelected,
.dxssControl_iOS .dxss-crse,
.dxscAlternateTimelineDateHeader_iOS,
.dxscAlternateDateHeader_iOS,
.dxscTodayCellHeader_iOS,
.dxscViewSelectorButtonChecked_iOS,
.dxscTimeMarkerLineV_iOS ,
.dxscTimeMarkerLineH_iOS,
.dxeColorEditButton_iOS,
.dxeButtonEditButtonHover_iOS,
.dxeSpinIncButtonHover_iOS,
.dxeSpinDecButtonHover_iOS,
.dxeSpinLargeIncButtonHover_iOS,
.dxeSpinLargeDecButtonHover_iOS,
.dxeListBoxItemSelected_iOS,
.dxeListBoxItemSelected_iOS.dxeListBoxItemHover_iOS,
.dxeListBoxWithCustAppearanceSys .dxeListBoxItemSelected_iOS,
.dxeListBoxWithCustAppearanceSys .dxeListBoxItemSelected_iOS.dxeListBoxItemHover_iOS,
.dxeCalendarFastNavMonthSelected_iOS,
.dxeCalendarFastNavYearSelected_iOS,
.dxeToken_iOS,
.dxssControl_iOS .dxss-fh,
.dxssControl_iOS .dxss-hrg,
.dxssControl_iOS .dxss-vrg 
{
    background-color: #00A88E !important;
    color: #FFFFFF !important;
}

/*
	Text Color

*/

.dxgvControl_iOS a
.dxgvFocusedRow_iOS a,
.dxgvFocusedGroupRow_iOS a,
.dxgvGroupRow_iOS,
.dxgvHeader_iOS a,
.dxgvHeader_iOS a.dxgvCommandColumnItem_iOS.dxbDisabled_iOS,
.dxgvCommandColumn_iOS a,
.dxgvCommandColumn_iOS a.dxgvCommandColumnItem_iOS.dxbDisabled_iOS, 
.dxgvHeader_iOS a.dxgvCommandColumnItem_iOS, 
.dxgvEditFormTable_iOS a,
.dxgvFilterBar_iOS a,
.dxccControl_iOS a,
.dxdvPagerShowMoreItemsContainer_iOS a,
.dxhlControl_iOS a,
.dxnbLite_iOS a,
.dxnbLite_iOS .dxnb-header,
.dxnbLite_iOS .dxnb-headerCollapsed ,
.dxncControl_iOS a,
.dxncBackToTop_iOS,
.dxncBackToTop_iOS a,
.dxncPagerShowMoreItemsContainer_iOS a,
.dxpLite_iOS a,
.dxpLite_iOS .dxp-num,
.dxpcLite_iOS a.dxpc-link,
.dxdpLite_iOS a.dxpc-link,
.dxrpControl_iOS  > tbody > tr > .dxrpHeader_iOS > a,
.dxrpControl_iOS  > tbody > tr > .dxrpHeader_iOS > a > span.dxrpHT,
.dxrpControlGB_iOS span.dxrpHeader_iOS a,
.dxsmCategoryLevel_iOS a,
.dxsmLevelCategoryFlow_iOS a,
.dxsmLevel0_iOS a,
.dxsmLevel0Categorized_iOS a,
.dxsmLevel0Flow_iOS a,
.dxsmLevel0CategorizedFlow_iOS a,
.dxtvControl_iOS a,
.dxsmLevel1_iOS a,
.dxsmLevel1Categorized_iOS a,
.dxsmLevel1Flow_iOS a,
.dxsmLevel1CategorizedFlow_iOS a,
.dxsmLevel2_iOS a,
.dxsmLevel2Categorized_iOS a,
.dxsmLevel2Flow_iOS a,
.dxsmLevel3_iOS a,
.dxsmLevel3Flow_iOS a,
.dxsmLevel4_iOS a,
.dxsmLevel4Flow_iOS a,
.dxsmLevelOther_iOS a,
.dxsmLevelOtherFlow_iOS a,
.dxtcLite_iOS > .dxtc-stripContainer .dxtc-tab a ,
.dxtiControl_iOS a,
.dxucButton_iOS,
.dxucButton_iOS a,
.dxucSilverlightPluginLinkPanel_iOS a,
.dxfmControl_iOS .dxfm-uploadPanel.dxsplPane_iOS table.dxfm-uploadPanelTable td.dxfm-uploadPanelTableBCell a,
.dxfmControl_iOS .dxpc-content .dxfm-mpButtonC a ,
.dxigPagerShowMoreItemsContainer_iOS a,
.dxrControl_iOS a,
.dxrControl_iOS .dxtcLite_iOS.dxtc-top .dxtc-tabHover.dxr-fileTab .dxtc-link,
.dxrControl_iOS .dxtcLite_iOS.dxtc-top .dxtc-tab.dxr-fileTabPressed .dxtc-link
.dxcvControl_iOS a,
.dxcvHeader_iOS,
.dxcvHeader_iOS a.dxcvCommandItem_iOS,
a.dxcvCommandItem_iOS,
.dxcvFilterBar_iOS a,
.dxtlControl_iOS a,
.dxvgControl_iOS a,
.dxvgCategory_iOS,
.dxvgHeader_iOS a,
.dxvgCommandCell_iOS a,
.dxvgFilterBar_iOS a,
.dxpgHeaderTable_iOS,
.dxpgCustomizationFieldsContent_iOS .dxpgFLListDiv_iOS .dxpgHeaderTable_iOS,
.dxpgPrefilterPanelLink_iOS,
.dxscMoreButton_iOS,
.dxscViewNavigatorButton_iOS.dxscViewNavigatorGotoTodayButton,
.dxeHyperlink_iOS,
.dxeCalendarWeekNumber_iOS,
a.dxbButton_iOS,
a.dxfcPropertyName_iOS
{
	color: #00A88E;
}


/*
	Borders Color

*/
.dxgvGroupPanel_iOS .dxgvHeader_iOS,
.dxgvAdaptiveGroupPanel_iOS .dxgvHeader_iOS,
.dxtcLite_iOS > .dxtc-content,
.dxtcLite_iOS.dxtc-top > .dxtc-stripContainer .dxtc-activeTab,
.dxtcLite_iOS.dxtc-top > .dxtc-stripContainer .dxtc-tab
.dxtcLite_iOS.dxtc-left > .dxtc-stripContainer .dxtc-activeTab,
.dxtcLite_iOS.dxtc-left > .dxtc-stripContainer .dxtc-tab,
.dxtcLite_iOS.dxtc-right > .dxtc-stripContainer .dxtc-activeTab,
.dxtcLite_iOS.dxtc-right > .dxtc-stripContainer .dxtc-tab,
.dxucBrowseButton_iOS,
.dxisControl_iOS .dxis-nbItem .dxis-nbHoverItem,
.dxisControl_iOS .dxis-nbSelectedItem,
.dxigControl_iOS .dxisControl_iOS .dxis-nbSelectedItem,
.dxigControl_iOS .dxisControl_iOS .dxis-nbHoverItem,
.dxrControl_iOS .dxr-tabContent,
.dxizControl_iOS ,
.dxitcControl_iOS .dxitcItemHover,
.dxcvHeader_iOS,
.dxpgHeaderTable_iOS,
.dxpgCustomizationFieldsContent_iOS .dxpgFLListDiv_iOS .dxpgHeaderTable_iOS,
.dxreControl_iOS .dxre-quickSearchPanel,
.dxssControl_iOS .dxss-tse ,
.dxssModifyChartStyleContenPanel .dxbButtonHover_iOS,
.dxssControl_iOS .dxss-ctve,
.dxssControl_iOS.icbem .dxss-inputTarget,
.dxeTBMainDHHover_iOS,
.dxeTBSecondaryDHHover_iOS,
.dxeFocused_iOS .dxeFocusedMDHSys .dxeTBMainDH_iOS,
.dxeFocused_iOS .dxeFocusedSDHSys .dxeTBSecondaryDH_iOS,
.dxeColorEditButton_iOS,
.dxeCalendar_iOS.dxeFocused_iOS,
.dxbButton_iOS,
.dxeColorTableCellSelected_iOS,
.dxeACICellSelected_iOS,
.dxeFocused_iOS,
.dxssControl_iOS .dxss-sbe,
.dxssControl_iOS .dxss-crs
{
	border-color: #e7e8e8 !important;
}


.dxtcLite_iOS.dxtc-top > .dxtc-stripContainer .dxtc-leftIndent,
.dxtcLite_iOS.dxtc-top > .dxtc-stripContainer .dxtc-rightIndent,
.dxtcLite_iOS.dxtc-top > .dxtc-stripContainer .dxtc-spacer,
.dxtcLite_iOS > .dxtc-stripContainer .dxtc-sbSpacer,
.dxtcLite_iOS > .dxtc-stripContainer .dxtc-sbIndent,
.dxtcLite_iOS > .dxtc-stripContainer .dxtc-sbWrapper,
.dxrControl_iOS .dxtcLite_iOS.dxtc-top .dxtc-rightIndent.dxtc-it,
.dxssControl_iOS .dxss-brbe 
{
	border-bottom-color: #e7e8e8 !important;
}

.dxtcLite_iOS.dxtc-bottom > .dxtc-stripContainer .dxtc-sbSpacer,
.dxtcLite_iOS.dxtc-bottom > .dxtc-stripContainer .dxtc-sbIndent,
.dxtcLite_iOS.dxtc-bottom > .dxtc-stripContainer .dxtc-sbWrapper,
.dxtcLite_iOS.dxtc-bottom > .dxtc-stripContainer .dxtc-leftIndent,
.dxtcLite_iOS.dxtc-bottom > .dxtc-stripContainer .dxtc-rightIndent,
.dxtcLite_iOS.dxtc-bottom > .dxtc-stripContainer .dxtc-spacer,
.dxssControl_iOS .dxss-trbe 
{
    border-top-color: #e7e8e8 !important;
}


.dxtcLite_iOS.dxtc-left > .dxtc-stripContainer .dxtc-leftIndent,
.dxtcLite_iOS.dxtc-left > .dxtc-stripContainer .dxtc-rightIndent,
.dxssControl_iOS .dxss-rrbe
{
	border-right-color: #e7e8e8 !important;
}


.dxtcLite_iOS.dxtc-right > .dxtc-stripContainer .dxtc-leftIndent,
.dxtcLite_iOS.dxtc-right > .dxtc-stripContainer .dxtc-rightIndent,
.dxssControl_iOS .dxss-lrbe
{
	border-left-color: #e7e8e8 !important;
}



/*
	Others 

*/

.dxICBFocused_iOS,
.dxeIRBFocused_iOS

{
    outline-color: 1px dotted  #00A88E !important;
}

.dxcvSelectedCard_iOS
{        
    box-shadow: inset 1px 1px 0 #00A88E, inset -1px -1px 0 #00A88E !important;
}


/*
	Fix
	margins
*/
.dxnbLite {
	
	padding: 0 !important;
	
}

.dxgvTable_iOS {
	height: 100%  !important;
}
/*.dxgvTable_iOS tr td {
	
	width: auto !important;
	
}*/

.dxgvFooter_iOS {
	display: none;
}

.dxgvDetailRow_iOS td.dxgvDetailCell_iOS {
    padding: 0 !important;
    height: 100% !important;
    margin: 0 !important;
}

.navbar {
    margin: 0 !important;
}

.header-margin
{
	margin-top: 20px;
}

.dxgvCSD {
    height: 100% !important;
    overflow: scroll !important;
    width:auto !important;
    border: none !important;
    padding: 0 0 0 0 !important;
    margin: 0 !important;
 
}


.dxgvTable_iOS dxgvRBB,
.dxgvCSD dxTouchNativeScrollHandle,
.dxgvSearchPanel_iOS {
    table-layout: auto !important;
    overflow: auto !important;
    width: auto !important;
}

.dxgvEditFormDisplayRow_iOS td.dxgv,
.dxgvGroupFooter_iOS td.dxgv,
.dxgvFooter_iOS td.dxgv,
.dxgvDataRow_iOS td.dxgv,
.dxgvDataRowAlt_iOS td.dxgv,
.dxgvSelectedRow_iOS td.dxgv,
.dxgvFocusedRow_iOS td.dxgv,
.dxgvHeader_iOS {
    height: 20px !important;
}

.dxgvStatusBar_iOS {
    width:100px !important;
    z-index:9999!important;
}


