.page-container .page-content {
    background: #F5F5F5;
}
html, body {
    background: #F5F5F5;
}
/* .dx-texteditor-container{
	height: 20px;
    font-size: 12px;
}
.dx-texteditor-input{
	margin-top: -10px;
}
.dx-placeholder {
	margin-top: -5px;
	font-size:12px;
} */
.form-control:focus {
	border-color: #337ab7;
}
.dx-widget input{
	height: 25px;
	font-size: 13px;
}
.dx-menu-item-text{
	padding-left:0px;
	margin-right:26px;
}
.dx-rtl .dx-context-menu .dx-menu-no-icons > .dx-menu-item-wrapper > .dx-menu-item > .dx-menu-item-content .dx-menu-item-text, .dx-rtl.dx-context-menu .dx-menu-no-icons > .dx-menu-item-wrapper > .dx-menu-item > .dx-menu-item-content .dx-menu-item-text {
	padding-left:0px;
}
.extraCss{
	opacity:0.3;
}
.dx-textbox:not(.dx-textarea) .dx-texteditor-container {
	height: 25px;
	font-size: 13px;
}
input.dx-texteditor-input{
	margin-top: -4px;
}
.dx-textbox:not(.dx-textarea) .dx-placeholder {
	margin-top: -3px;
}
.dx-numberbox:not(.dx-textarea) .dx-texteditor-container {
	height: 25px;
	font-size: 13px;
}
.dx-numberbox:not(.dx-textarea) .dx-placeholder {
	margin-top: -3px;
}
.form-control {
	height: 25px;
    font-size: 13px;
    padding: 2px 12px;
}
.dx-button-has-icon .dx-button-content {
    padding: 4px;
}
.icon-color {
    color: #fff;
}

.dx-widget{
    font-family: 'Open Sans', sans-serif; 
    font-size: 12px; 
}
.dx-box-item-content{
    font-size: 12px; 
}
.dx-datagrid-headers .dx-row.dx-column-lines.dx-header-row {
    color: #ffffff !important;
    background-color: #357ebd !important;
    font-weight: bold;
}
.dx-treeview-node.dx-state-selected > .dx-treeview-item {
    background-color: #94C7DB;
}
.dx-treeview .dx-treeview-toggle-item-visibility:before {
    position: absolute;
    font-family: "FontAwesome";
    content: "\f0da";
    font-size: 14px;
    width: 20px;
    height: 20px;
    color: #428bca;
    cursor: pointer;
}
.dx-treeview .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened:before {
    position: absolute;
    font-family: "FontAwesome";
    content: "\f0da";
    font-size: 14px;
    width: 20px;
    height: 20px;
    color: #428bca;
    cursor: pointer;
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.dx-popup-title {
    color: #ffffff;
    background:#428bca;
}
.dx-icon-close:before {
    color: #ffffff;
}
/*.dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused > .dx-treeview-item {
    background-color:#47D5F3;
}*/
.dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox) > .dx-treeview-item:hover{
    /*background-color:#47D5F3;*/
    color:black;
    cursor: pointer;
}
.dx-treeview .dx-treeview-node {
    color: black;
    background-color: white;
    /*background-image: linear-gradient(to right, #3087a7,#96daf3);
    background-image: -moz-linear-gradient(to right, #3087a7,#96daf3);*/
}
.dx-treeview .dx-treeview-toggle-item-visibility:before {
    color:#428bca;
}
.dx-treeview .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened:before{
    color:#428bca;
}
.dx-toolbar .dx-toolbar-after .dx-item.dx-toolbar-item.dx-toolbar-button:nth-child(2){
    float: left;
}
.dx-toolbar .dx-toolbar-after .dx-item.dx-toolbar-item.dx-toolbar-button:nth-child(1){
    float: left;
    margin-left: 10px;
}
.dx-popup-bottom .dx-toolbar-items-container {
    width: 300px;
    margin-left: 140px;
}
/* .dx-toolbar .dx-toolbar-after .dx-item.dx-toolbar-item.dx-toolbar-button:nth-child(2){
    
}*/
.dx-popup-bottom .dx-toolbar-items-container .dx-item.dx-toolbar-item.dx-toolbar-button:nth-child(1) .dx-button-content {
    background: #428bca;
    color:white;
}
.dx-datagrid-search-panel {
    float: left;
    
}
.dx-pager .dx-pages .dx-selection, .dx-pager .dx-page-sizes .dx-selection{
    color: #fff;
    border-color: transparent;
    background-color: #5FA7C2;
}

.dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused > .dx-treeview-item * {
    color: white;
    font-weight: bold;
}
/*.dx-treeview-node-container{
    background-color:#C1ECFD;
}*/
.dx-treeview .dx-treeview-toggle-item-visibility:before {
    color: #428bca;
}
.dx-treeview .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened:before {
    color: #428bca;
}
.dx-item.dx-toolbar-item.dx-toolbar-button.dx-toolbar-item-auto-hide.dx-toolbar-text-auto-hide{
    float: right;
}
.dx-item.dx-toolbar-item.dx-toolbar-button {
    float: left;
}
.x-navigation.x-navigation-horizontal{
    background:  #428bca;
  /*  background-image: linear-gradient(to right, #428bca);
    background-image: -moz-linear-gradient(to right,  #428bca);*/
    /*background-image: linear-gradient(to right, #3087a7,#96daf3);*/
}
.temp-bg-color {
    background:white;
    /*background: #D5EAF2;*/
    /*background-image: linear-gradient(to right, #6DD5FA,#e0f7ff);*/
    color:black;
   /* background-image: linear-gradient(to right white,#96daf3);*/
   /* background-image: -moz-linear-gradient(to right white,#96daf3);*/
}
.temp-bg-color-light {
    background: #f7f7f7;
  /*  background-image: linear-gradient(to left, #cde2f5 , #D5EAF2);
    background-image: -moz-linear-gradient(to left, #cde2f5 , #D5EAF2);*/
}
.temp-bg-color-dark {
    background: #428bca;
   /* background-image: linear-gradient(to right, #157BA2,#6dd5ed);
    background-image: -moz-linear-gradient(to right, #157BA2,#6dd5ed);*/
}
/*.dx-treeview .dx-treeview-item .dx-treeview-item-content span{
    text-decoration: underline;
}*/
.margin-270 {
    margin-left: 230px;
}
.margin-50 {
    margin-left: 50px;
}
#gridContainerFirst .dx-datagrid-headers.dx-datagrid-nowrap {
    margin-top: -5px;
}
.margin-top-0 {
    margin-top: 0px;
}
.margin-top-40 {
    margin-top: -40px;
}
.x-navigation li .hover-normal:hover {
    background-image: linear-gradient(to right,#BAEBFF, #3087a7);
    background-image: -moz-linear-gradient(to right,#BAEBFF, #3087a7);
    color: #000;
}
.long-title h3 {
    color: #ffffff !important;
    background-image: linear-gradient(to right, #3087a7,#96daf3);
    background-image: -moz-linear-gradient(to right, #3087a7,#96daf3);
    font-size: 16px;
    text-align: left;
    height: 25px;
    margin-bottom: 20px;
}
.dx-datagrid-header-panel{
    margin-bottom: -10px;
}
.dx-toolbar-items-container .dx-toolbar-before .dx-item.dx-toolbar-item.dx-toolbar-label {
    max-width: 300px !important;
}
.sidebar-height {
    height: 100%;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav-tabs > .dropdown.active.open > a:hover {
    border-bottom: 1px solid #fff;
}
.dx-toolbar.dx-widget.dx-visibility-change-handler.dx-collection.dx-popup-title {
    height: 35px;
}
.dx-toolbar-before .dx-item-content.dx-toolbar-item-content {
   /*  margin-top: -15px; */
}

/*Changes*/
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 10px;
}

/*.xn-icon-button a:hover {
  background: #47D5F3 !important;
}*/
.fa-plus:before {
    -webkit-text-stroke: 1.5px white;
}
.fa-refresh:before {
    -webkit-text-stroke: 1px white;
}
.dx-datagrid-search-panel.dx-textbox.dx-texteditor.dx-editor-outlined.dx-searchbox.dx-show-clear-button.dx-widget.dx-texteditor-empty {
    height: 30px;
}
.dx-icon.dx-icon-edit-button-addrow {
    margin-top: -2px;
}
.ng-scope.dx-datagrid-toolbar-button.dx-edit-button.dx-datagrid-addrow-button.dx-button.dx-button-normal.dx-widget.dx-button-has-icon.dx-button-has-text {
    height: 30px;
}
.panel-fullscreen-wrap{
    top:2px;
}
.dx-datagrid .dx-row > td, .dx-datagrid .dx-row > tr > td {
    padding: 2px !important;
}
#mCSB_3_dragger_vertical .mCSB_dragger_bar{ 
    background:rgba(49, 151, 186, 0.5);
}
.top-nav-resp-bg:hover {
    background: none !important;
    cursor: none;
}
/*Changes*/
/*.dx-item.dx-box-item {
    margin-top: -5px;
}*/
.ng-scope.dx-toolbar.dx-widget.dx-visibility-change-handler.dx-collection.dx-popup-bottom {
    margin-top: -30px;
}
.x-navigation .xn-search input {
    height: 30px;
}
.x-navigation .xn-search::before{
    line-height: 20px;
}
ul.panel-controls > li > a {
    width: 20px;
    height: 20px;
    line-height: 20px;
}
.nav-tabs > li > a {
    padding: 4px 10px;
    border-radius: 4px 4px 0px 0px;
}
.fixed-pos {
    position:fixed;
    top:0;
    z-index:1000;
    width:100%;
}
/*.x-navigation.x-navigation-minimized li.xn-title-left-menu {
    display: none;
}*/
.dx-toolbar-label .dx-toolbar-item-content > div {
    overflow: visible;
    width: 100%;
}
.dx-checkbox.dx-checkbox-indeterminate.dx-widget .dx-checkbox-icon:before {
    background-color: #FFF;
}
.dx-field-item-label-content{
   max-width: 270px !important;
   white-space: normal;
}
.dx-switch-container{
   border-radius: 15px;
   border-color: #337ab7;
 }
 .success-msg{
	 color:green;
	 font-size: 14px;
	}
	
	.danger-msg{
	color:red;
	 font-size: 14px;
	
}
.dx-datagrid-search-panel{
	margin-top:15px;
}
.dx-switch-handle:before {
   height: 82% !important;
   width: 100%;
   border-radius: 8px;
   margin-top: 2px;
 }
.x-navigation li > a {
  display: block;
  float: left;
  width: 100%;
  line-height: 19px;
  color: black;
  font-size: 13px;
  font-weight: 400;
  padding: 15px 10px 15px 15px;
  text-decoration: none;
   border-bottom: 0px solid #428bca !important;
  vertical-align: text-bottom;
}
.x-navigation li > a:hover {
  background: #428bca !important;
  color:white !important;
}
.text-white {
	color:#fff !important;
}
.page-side-nav{
 	background-color: white !important;
 	margin-top: 65px;
}
ul.panel-controls > li > a {
 	display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: white;
    font-size: 13px;
    font-weight: 400;
}
.x-navigation li > ul {
	background: #fff !important;
}
.x-navigation li.active > a {
	background: #428bca !important;
}
.x-navigation li > ul li.active > a {
	font-weight: bold;
}
.dx-datagrid .dx-header-filter-empty{
	color: white !important;
}
.font-weight-bold {
	font-weight: bold;
}
.font-weight-600 {
	font-weight: 600;
}
.btn-popup-save {
	color: #ffffff !important;
    background-color:#428bca;
}
.btn-popup-save.dx-button.dx-state-hover {
	background-color:#428bca;
}
.top5 { 
	margin-top:5px; 
}
.top80 {
	margin-top:80px; 
}
.bottom5 {
	margin-bottom: 5px;
}
.x-navigation.x-navigation-horizontal  li > a .fa:before {
  color: #fff;
}
.page-container .page-sidebar {
  width: 230px;
}
.panel-heading-bg-color {
	background-color:#428bca !important;
}
.sideBarSearchBox {
	background: #FFF !important;
	color: #000 !important;
	width: 220px !important;
	border-radius: 4px !important; 
	border: 1px solid #ddd !important; 
}
.page-sidenav-50{
	background-color: white !important;
}
.dx-scrollbar-hoverable {
    height: 7px !important;
}
.max-grid-height {
	max-height: 500px;
}
.workflow-max-grid-height {
	max-height: 250px;
}
.cpv-panel-heading {
	padding: 5px !important;
	height: 30px;
	background-color: #428bca !important;
}
.cpv-panel-title {
	line-height: 20px !important;
}
.cpv-panel-body {
	padding: 5px !important;
}
#imgLoading {
    display : block;
    position : fixed;
    z-index: 100;
    background-image : url('../../img/loading.gif');
    background-size: 200px 200px;
    background-color:#fff;
    opacity : 0.4;
    background-repeat : no-repeat;
    background-position : center;
    left : 0;
    bottom : 0;
    right : 0;
    top : 0;
}
#imgLoading1 {
    display : block;
    position : fixed;
    z-index: 100;
    background-image : url('../../img/load.gif');
    background-size: 400px 250px;
    background-color:#fff;
    opacity : 0.4;
    background-repeat : no-repeat;
    background-position : center;
    left : 0;
    bottom : 0;
    right : 0;
    top : 0;
}
#loadimgnew {
    display : block;
    position : fixed;
    z-index: 100;
    background-image : url('../../img/l4.gif');
    background-size: 400px 250px;
    background-color:#fff;
    opacity : 0.8;
    background-repeat : no-repeat;
    background-position : center;
    left : 0;
    bottom : 0;
    right : 0;
    top : 0;
}
.dx-popup-content .dx-field-item-label-content {
	max-width:250px !important;
}
.popoverSummary {
	width:1000%;
    text-decoration: none;
    color: black;
    left: 54%;
    top:-90px;
    display: block;
    position:absolute;
    padding: 0 10px 9px;
    z-index:2;
}
.popoverSummary span {
    display: block;
    font-weight: 400;
}
.margin-left-10 {
	margin-left: 10px;
}
.bg-color-white {
	background-color: #fff !important;
}
.item-border {
	border: 1px solid #D5D5D5;
    margin-top: -1px;
    border-radius: 0px 0px 4px 4px;
}
.sub-panel-collapse {
	width:17px !important;
	height:17px !important;
	line-height:17px !important;
}
.cpv-sub-panel-heading {
	padding: 5px !important;
	height: 25px;
	background-color: #74b8f3 !important;
}
.cpv-sub-panel-title {
	line-height: 15px !important;
	font-size: 14px !important;
}
.dx-data-row td.text-align-left {
	text-align:left !important;
}
.x-navigation li > .top-nav-resp-bg:hover {
	background: #fff !important;
    color: #000 !important;
}
.x-navigation li > .hover-disable:hover {
	background: #fff !important;
	color: #000 !important;
}
.page-container {
	margin-bottom:10px;
}
#medicalPopup {
	padding-right: 150px;
}
#drugPopup {
	
	padding-right: 161px;
}
.popoverSummary {
	width:1000%;
    text-decoration: none;
    color: black;
    left: 54%;
    top:-50px;
    background-color: white;
    display: block;
    position:absolute;
    padding: 0 10px 9px;
    z-index:2;
}
#clinevo-header{
	 background: #428bca !important;
	 color:white !important;
}

.page-container {
	margin-bottom:10px;
}
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}
.confirm-msg-bg-color {
	background-color: #FFBABA;
}
.sub-panel-collapse1 {
	width:17px !important;
	height:17px !important;
	line-height:17px !important;
	margin-top: -16px;
}
.caseEventWidth .dx-field-item-label .dx-field-item-label-content{
	width: 100px !important;
}
.casePatientWidth .dx-field-item-label .dx-field-item-label-content{
	width: 150px !important;
}
#differentcolor{
 background:  white !important;
}
.caseGeneralMenu {
	display: none !important;
}
.case-rev-search {
	pointer-events: none;
}
.dx-texteditor {
	border-color: #337ab7;
}
.dx-texteditor.dx-state-hover {
	border-color: #337ab7;
}
input[type=text] {
	border-color: #337ab7;
}
textarea {
	border-color: #337ab7 !important;
}
.dx-checkbox-icon {
	border-color: #337ab7;
}
.caseLastDoseWidth .dx-field-item-label .dx-field-item-label-content{
	width: 160px !important;
}
.highlightRankingRow {
	background: #428bca;
	color: #fff;
}
.null-factor-btn {
	height:22px;
	width:22px;
	padding:0px;
	margin-top:3px;
	margin-left:-15px;
	border-radius:14px;
	font-size:10px;
	border-color: #337ab7;
}
.null-factor-btn-left5 {
	height:22px;
	width:22px;
	padding:0px;
	margin-top:3px;
	margin-left:-5px;
	border-radius:14px;
	font-size:10px;
	border-color: #337ab7;
}
.null-factor-btn-left10 {
	height:22px;
	width:22px;
	padding:0px;
	margin-top:3px;
	margin-left:-10px;
	border-radius:14px;
	font-size:10px;
	border-color: #337ab7;
}
.null-factor-btn-left125 {
	height:22px;
	width:22px;
	padding:0px;
	margin-top:3px;
	margin-left:-125px;
	border-radius:14px;
	font-size:10px;
	border-color: #337ab7;
}
.null-factor-btn-left230 {
	height:22px;
	width:22px;
	padding:0px;
	margin-top:3px;
	margin-left:-230px;
	border-radius:14px;
	font-size:10px;
	border-color: #337ab7;
}
.caseGen1 {
	margin-left: -100px !important;
}
.dx-tabpanel .dx-tab-selected:before {
    border-bottom: none;
}
.dx-tabpanel .dx-tab-selected:after {
    border-bottom: none;
}
@media only screen and (max-width: 1024px) {
    .x-navigation {
        max-height: 0px;
        background: #428bca;
       
    }
    .xn-logo {
        background: #428bca;
      
    }
    .x-navigation-control-opencase.x-navigation-control:hover {
    	background-color: #ffffff !important;
    }
    .caseGen1 {
	margin-left: 0px !important;
	}
    .top-nav-bar-100 {
    	width: 100% !important;
    }
    .top-nav-resp-bg {
        background: #428bca;
        padding-left: 3px !important;
        font-size: 7px !important;
        margin-top: 0px !important;
        height: unset !important;
    }
    .xn-width-60 {
        width: 60% !important;
        height: 65px;
        margin-top: 5px;
    }
    .xn-width-10 {
        width: 10% !important;
         background: #428bca;
    }
    #differentcolor {
    	height: 110px !important;
    }
    .xn-width-10-openCase {
        width: 7% !important;
         background: #ffffff;
    }
    .xn-width-40 {
        width: 40% !important;
    }
    .x-navigation li > a .fa, .x-navigation li > a .glyphicon {
        color: white;
    }
    .x-navigation.x-navigation-panel{
        max-height: 130px;
    }
    .page-container .page-content .page-sidebar {
        margin-top: 60px !important;
        width: 100% !important;
        
    }
    .dx-popup-bottom .dx-toolbar-items-container {
        width: 250px;
        margin-left: auto;
    }
    .dx-toolbar .dx-texteditor {
        width: 150px !important;
    }
    .dx-popup-content {
        height: 500px !important;
    }
    .xn-margin-top-60 {
        margin-top: 60px;
    }
    .dx-field-item-label-content{
   		max-width: 200px;
   		white-space: normal;
	}
	.panel.panel-default {
       margin-top:49px;
    }
    .margin-270 {
       margin-left: 0px;
    }
    .dx-widget.dx-collection.dx-treeview{
       width:100% !important;
    }
    .imagealign {
       margin-left: -91% !important;
    }
    .icon-width {
       width:20px !important;
       height:20px!important;
    }
    #number-margin {
       margin-left:-2px !important;
       background-color: #74b8f3 !important;
       color:white !important;
    }
    #case-margin {
       margin-left:-48px;
   }
}