input.ui-input-text{font-family:inherit !important;font-size:inherit !important;color:inherit !important;}
div span span table tbody tr td{font-family:inherit !important;font-size:inherit !important;font-style:inherit !important;font-weight:inherit !important;}
.ui-li-static,.ui-li-has-arrow {padding: 0px 5px  0.5em 5px !important;}
.ui-content {padding: 0px !important;}
.dw-i,.dw-li {font-size: 16px !important;}
.ui-panel-wrapper {background-color: transparent !important;}
.dx-placeholder {color:rgb(160,160,160) !important;}
.dx-selectbox .dx-texteditor-input {margin: inherit;height: inherit;border: 0px;color:inherit;font:inherit}
.dx-selectbox .dx-texteditor-container {border: 0px;}
.jqx-datetimeinput .jqx-input-content{font:inherit;color:inherit;padding-left:5px;}
.dx-textbox .ui-input-text {border: 0px;margin: 0px;border-radius:0px}
.dx-textbox .dx-texteditor-input{padding-bottom:0px;padding-top:0px;}
.dx-field .dx-texteditor{width:inherit !important;height:inherit !important;}
.jqx-date-time-input-popup input{font-size: 20px !important;padding: 2px !important;width: 30px !important;}
.dx-list-item-content:before{content:none;}
.dx-list-group .dx-list-item-content{padding:0 !important}
.dx-list-group .dx-list-item-content:after{margin-top:3px !important}
.dx-searchbox .dx-texteditor-input {background-color: #ffffff !important;}
.dx-textarea .dx-texteditor-input {padding: 5px;}
.jqx-fill-state-normal, .jqx-fill-state-hover, .jqx-fill-state-pressed {background-color: transparent}
.viziapps-nav-bar {
    width: 100%;
    height: 50px;
    border-width: 1px;
    border-spacing: 0px 0px;
    padding: 0px;
    border-style: solid;
    border-color: black;
    border-collapse: collapse;
    background-color: rgb(48,48,48);
    color: White;
    font-family: Verdana;
    font-size: 12px;
    text-align: center;
}

.viziapps-nav-bar-item {
    height:50px;
	border-width: 0 1px 0 0;
	padding: 0px;
    border-spacing: 0px 0px;
	border-style: solid;
	border-color: black;
	background-color: #303030;
	text-align:center;
    text-shadow:none!important;
}
.viziapps-nav-bar-item-active {
    height:50px;
	border-width: 0 1px 0 0;
	padding: 0px;
    border-spacing: 0px 0px;
	border-style: solid;
	border-color: black;
	background-color: #585858;
	text-align:center;
    text-shadow:none!important;
}
 .ui-btn-inner {
    display: block;
    overflow: hidden;
    padding: 0em 0px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ui-content .ui-listview-inset {
    margin: 0 0;
}

.ui-checkbox, .ui-radio {
    margin: 0;
    position: relative;
    z-index: 1;
}
.ui-checkbox .ui-btn-icon-left .ui-btn-inner {
    padding-left: 0;
    height: 32px;
}

.ui-checkbox .ui-btn {
    margin: 0;
    height: 32px;
    width: 32px;
    z-index: 2;
}

.ui-checkbox .ui-icon {
    top: 0.9em;
}
.ui-checkbox .ui-btn-icon-left .ui-icon {
    left: 7px;
}

.viziapps-first-table-text
{
    font-family:verdana; 
    font-weight:normal; 
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden; 
    padding: 5px;
    display:block;
    word-wrap:break-word;
     margin-right:25px;
}

.viziapps-second-table-text
{
    font-family:verdana;  
     font-weight:normal; 
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    white-space: normal;
     overflow: hidden; 
    padding: 5px;
    display:block;
    word-wrap:break-word;
    margin-right:25px;
}
.overthrow-enabled .overthrow {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.wrapword{
white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
white-space: pre-wrap;       /* css-3 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/
white-space: normal;
overflow: hidden;
}

.bare-scroller {
	position: absolute;

	/* Prevent elements to be highlighted on tap */
	-webkit-tap-highlight-color: rgba(0,0,0,0);

	/* Put the scroller into the HW Compositing layer right from the start */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
}
.simple-scroller {
	position: absolute;
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	width: 100%;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}

/*toggle bar styles starts here*/

.switch {
    position: relative !important;
    display: block !important;
    vertical-align: top !important;
    width: 80px !important;
    height: 30px !important;
    padding: 3px !important;
    margin: 0 !important;
    background: linear-gradient(to bottom, #eeeeee, #ffffff 25px) !important;
    background-image: -webkit-linear-gradient(top, #eeeeee, #ffffff 25px) !important;
    border-radius: 18px !important;
    box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05) !important;
    cursor: pointer !important;
    box-sizing: content-box !important;
}

.switch-label {
    position: relative !important;
    display: block !important;
    height: inherit !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    background: #eceeef !important;
    border-radius: inherit !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12),
        inset 0 0 2px rgba(0, 0, 0, 0.15) !important;
    box-sizing: content-box !important;
}

.switch-label:before,
.switch-label:after {
    position: absolute !important;
    top: 50% !important;
    margin-top: -0.5em !important;
    line-height: 1 !important;
    -webkit-transition: inherit !important;
    -moz-transition: inherit !important;
    -o-transition: inherit !important;
    transition: inherit !important;
    box-sizing: content-box !important;
}

.switch-label:before {
    content: attr(data-off) !important;
    right: 11px !important;
    color: #303030 !important;
    text-shadow: 0 1px rgba(255, 255, 255, 0.5) !important;
}

.switch-label:after {
    content: attr(data-on) !important;
    left: 11px !important;
    color: #ffffff !important;
    text-shadow: 0 1px rgba(0, 0, 0, 0.2) !important;
    opacity: 0 !important;
}

.switch.active .switch-label {
    background: #008000 !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15),
        inset 0 0 3px rgba(0, 0, 0, 0.2) !important;
}

.switch.active .switch-label:before {
    opacity: 0 !important;
}

.switch.active~.switch-label:after {
    opacity: 1 !important;
}

.switch-handle {
    position: absolute !important;
    top: 4px !important;
    left: 4px !important;
    width: 28px !important;
    height: 28px !important;
    background: linear-gradient(to bottom, #ffffff 40%, #f0f0f0) !important;
    background-image: -webkit-linear-gradient(top, #ffffff 40%, #f0f0f0) !important;
    border-radius: 100% !important;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2) !important;
}

.switch-handle:before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    margin: -6px 0 0 -6px !important;
    width: 12px !important;
    height: 12px !important;
    background: linear-gradient(to bottom, #eeeeee, #ffffff) !important;
    background-image: -webkit-linear-gradient(top, #eeeeee, #ffffff) !important;
    border-radius: 6px !important;
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.02) !important;
}

.switch.active .switch-handle {
    left: 54px !important;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2) !important;
}

.switch-left-right .switch-label {
    overflow: hidden !important;
}

.switch-left-right .switch-label:before,
.switch-left-right .switch-label:after {
    width: 38px !important;
    height: 20px !important;
    top: 4px !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    padding: 11px 0 0 0 !important;
    text-indent: -12px !important;
    border-radius: 20px !important;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2),
        inset 0 0 3px rgba(0, 0, 0, 0.1) !important;
}

.switch-left-right .switch-label:before {
    background: #eceeef !important;
    text-align: left !important;
    padding-left: 45px !important;
}

.switch-left-right .switch-label:after {
    text-align: left !important;
    text-indent: 9px !important;
    background: #008000 !important;
    left: -100px !important;
    opacity: 1 !important;
    width: 100% !important;
}

.switch.active .switch-label:before {
    opacity: 1 !important;
    left: 100px !important;
}

.switch.active .switch-label:after {
    left: 0 !important;
}

.switch.active .switch-label {
    background: inherit !important;
}

.switch-label,
.switch-handle {
    transition: All 0.3s ease !important;
    -webkit-transition: All 0.3s ease !important;
    -moz-transition: All 0.3s ease !important;
    -o-transition: All 0.3s ease !important;
}

/*toggle bar styles ends here*/