@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);

/***
Reset and overrides  
***/
/* general body settings */
body { 
  color: #000; 
  font-family: Verdana !important;
  padding: 0px !important;
  margin: 0px !important;
  font-size:11px; 
  direction: ltr;
}
.editBtn
{
    /*background:url("../../../Images/edit.jpg")left top;
    background-repeat:no-repeat;
display: block;
    float: left;*/
    width:20px;
    height:20px;
    cursor:pointer;
    
}

.delBtn
{
    /*background:url("../../../Images/edit.jpg")left top;
    background-repeat:no-repeat;
display: block;
    float: left;*/
    width:15px;
    height:15px;
    cursor:pointer;
    
}
.viewBtn
{
    /*background:url("../../../Images/edit.jpg")left top;
    background-repeat:no-repeat;
display: block;
    float: left;*/
    width:15px;
    height:15px;
    cursor:pointer;
    
}
 .css-form input.ng-invalid.ng-dirty
                    {
                        background-color: #FA787E;
                    }
                    .css-form input.ng-valid.ng-dirty
                    {
                        background-color: white;
                    }
textarea{resize:none; overflow:auto;}
.LbrdRadius{border-radius:5px !important;}
/*...for mobile....date - 6 jun 2014*/
@media only screen and (max-width: 1008px) 
{
   .page-container, .footer {width:1024px !important;}
   .navbar-fixed-top, .navbar-fixed-bottom {width: 1024px;}  
}

@media only screen and (min-width: 1400px) 
{
 body {font-size:15px;} .modal-dialog .modal-header
 .patientDateInfo p{font-size:15px !important;} 
 .patientDateInfo p span{font-size:15px !important;} 
   
}

@media only screen and (max-width: 1024px) {
   
   #divAdministeredDataContainer thead tr th{font-size:10px !important;}
   #VacRecordsContainer thead tr th{font-size:10px !important;}
   #AllergyTab table thead th{font-size:10px !important;}
   #algFilter{width:38px !important; padding:0;}
}
/*...for mobile....date - 6 jun 2014*/

.cl{ clear:both;}
/*.table{margin-bottom:6px !important;}*/
input[type="radio"], input[type="checkbox"] {
    line-height: normal;
    /*margin: 2px 0 0;*/
}
.capsLetter input[type="checkbox"]
{
      margin: 4px 0 0;
}
label{ cursor:auto;}
/*.greenRow td{background:#C2E6CD;}*/
.yellowRow td{background:#FFFF80;}  

/***
General typography 
***/
h3 small, h4 small, h5 small {
  color: #444;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 300;
}

h1.block, h2.block, h3.block, h4.block, h5.block, h6.block {
  padding-bottom: 10px;
}

#tblPatientGrid tbody tr{ cursor:pointer;}


a {
  text-shadow: none !important;
  color: #0d638f;
}

.dataTables_paginate{float:right !important;}

input[type="button"], input[type="submit"]{margin-left:8px !important;}
.inputWidth{width:115px; margin-bottom:0 !important; height:15px !important;}
.white{color:#fff !important;}
.white:hover{opacity:0.5;}
.fixedBtn{width:80px !important; padding:0;}
.fixedBtnShort{width:80px !important;}
/***
General backgrounds
***/
.bg-blue {
  background-image: none !important;
  background-color: #4b8df8 !important;
}

.bg-red {
  background-image: none !important;
  background-color: #e02222 !important;
}

.bg-yellow {
  background-image: none !important;
  background-color: #ffb848 !important;
}

.bg-green {
  background-image: none !important;
  background-color: #35aa47 !important;
}

.bg-purple {
  background-image: none !important;
  background-color: #852b99 !important;
}

.bg-grey {
  background-image: none !important;
  background-color: #555555 !important;
}

/***
Apply fix for font awesome icons.
***/
[class^="icon-"], 
[class*=" icon-"],
[class^="icon-"]:hover, 
[class*=" icon-"]:hover { 
  background: none !important;
}

/***
Make font awesome icons fixed width(latest version issue)
***/
li [class^="icon-"],
li [class*=" icon-"] {
  display: inline-block;
  width: 1.25em;
  text-align: center;
}
li [class^="icon-"].icon-large,
li [class*=" icon-"].icon-large {
  /* increased font size for icon-large */
  width: 1.5625em;
}

/***
Close icon used for modal dialog and other UI element close buttons
***/
.close {
  display: inline-block;
  margin-top: 0px;
  margin-right: 0px;
  width: 11px;
  height: 17px;
  background-repeat: no-repeat !important;
  background-image11: url("../images/remove-icon-small.png") !important;
  background:url(../images/portlet-remove-icon-white.png) !important;
  opacity:1 !important;
}

/***
ie8 & ie9 modes
***/
.visible-ie8 {
  display: none;
}

.ie8 .visible-ie8 {
  display: inherit !important;
}

.visible-ie9 {
  display: none;
}

.ie9 .visible-ie9 {
  display: inherit !important;
}

.hidden-ie8 {
  display: inherit;
}

.ie8 .hidden-ie8 {
  display: none !important;
}

.hidden-ie9 {
  display: inherit;
}

.ie9 .hidden-ie9 {
  display: none !important;
}

/***
Fix link outlines after click
***/
a,a:focus, a:hover, a:active {
  outline: 0;
}

/***
IE8 fix for form input height in fluid rows
***/
.ie8 .row-fluid [class*="span"] {
    min-height: 20px !important;
}

/***
Fix grid offset used for reponsive layout handling(refer app.js=>handleResponsive)
***/
.fix-offset {
  margin-left: 0px !important;
}

/***
Misc tools
***/
.visible-ie8 {
  display: none
}

.no-padding {
  padding: 0px !important;
}

.no-margin {
  margin: 0px !important;
}

.no-bottom-space {
  padding-bottom:0px !important;
  margin-bottom: 0px !important;
}

.no-top-space {
  padding-top:0px !important;
  margin-top: 0px !important;
}

.space5 {
  display: block;
  height: 5px !important;
  clear: both;
}

.space7 {
  height: 7px !important;
  clear: both;
}

.space10 {
  height: 10px !important;
  clear: both;
}

.space12 {
  height: 12px !important;
  clear: both;
}

.space15 {
  height: 15px !important;
  clear: both;
}

.space20 {
  height: 20px !important;
  clear: both;
}

.no-space {
  margin: 0px !important;
  padding: 0px !important;
}

.no-text-shadow {
  text-shadow: none !important;
}

.no-left-padding {
  padding-left: 0 !important;
}

.no-left-margin {
  margin-left: 0 !important;
}

.margin-bottom-0 {
  margin-bottom: 0px !important;
}
.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

margin-top-10 {
  margin-top: 10px !important;
}
.margin-top-5 {
  margin-top: 5px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.marginLR5{margin-right:5px; margin-left:5px;}
.margin-left-40{margin-left:40px;}

.hide {
  display: none;
}

.bold {
  font-weight:600 !important;
}
.fbold {
  font-weight:bold;
}

.fix-margin {
  margin-left: 0px !important
}

.border {
  border: 1px solid #ddd
}

.inline {
  display: inline;
}

hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #E0DFDF;
  border-bottom: 1px solid #FEFEFE;
}

/********************
 GENERAL LAYOUT 
*********************/

/***
Header and header elements.
***/

.border {
  border: 1px solid red;
}

.header {
  padding: 0 !important;
  margin: 0 !important;
}

.header.navbar-fixed-top {
  z-index: 111 !important;
}

.header .brand {
  display: inline-block;
  margin-top: -5px;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  width: 140px;
}

.header .brand img {
  margin-left: 4px;
}

.header .btn-navbar {
  margin-bottom: 0px;
  padding-right: 0px;
  padding-top:10px;
  padding-bottom: 6px; 
  background-image: none;
  filter:none;
  box-shadow: none;
  color: #fff;
  border: 0;
}

.header .btn-navbar:hover {
  text-decoration: none;
}

.header .navbar-inner {
  width: 100%;
  margin-left: 0 0 0 110px;
  border: 0px;
  padding: 0px; 
  box-shadow: none;
  height: 42px; 
}

.header .nav {
  display: block !important; 
}

.header .nav > li {
  margin: 0px;
  padding: 0px;
}

.header .nav > li.dropdown, 
.header .nav > li.dropdown > a {
  padding-left: 7px; 
  padding-right: 7px;
}

.header .nav > li.dropdown > a:last-child {
  padding-right: 0;
}

.header .nav > li.dropdown:last-child {
   padding-right: 2px;
}

.header .nav > li.dropdown .dropdown-toggle {
  margin: 0px;
  padding: 12px 2px 7px 2px;
}

.header .nav > li.dropdown .dropdown-toggle i {
  font-size: 18px;
}

.header .nav > li.dropdown.user .dropdown-toggle {
  padding: 6px 4px 7px 9px;
}

.header .nav > li.dropdown.user .dropdown-toggle:hover {
  text-decoration: none;
}

.header .nav > li.dropdown.user .dropdown-toggle .username {
  color: #ddd;
}

.header .nav li.dropdown.user .dropdown-toggle i {
  display: inline-block;
  margin-top: 5px;
  margin: 0;
  font-size: 16px;
}

.header .nav > li.dropdown.user .dropdown-menu i {
  width: 15px;
  display: inline-block;
}

.header .nav > li.dropdown .dropdown-toggle .badge {
  position: absolute;
  font-size: 11px !important;
  font-weight: 300;
  top: 8px;
  right: 10px;
  text-align: center;
  height: 14px;
  background-color: #e02222;
  padding: 2px 6px 2px 6px;
  -webkit-border-radius: 12px !important;
     -moz-border-radius: 12px !important;
          border-radius: 12px !important;
  text-shadow:none !important;
}

/* firefox hack for top bar badges */
@-moz-document url-prefix() { 
  .header .nav li.dropdown .dropdown-toggle .badge {
    padding: 1px 6px 3px 6px;
  }
  .sendFilePos{margin-left:170px; right:40px;}
}

.header .nav .dropdown-menu {
  margin-top: 3px;
}

/***
Page container
***/
.page-container {
  margin: 0px;
  padding: 0px;
}

.page-header-fixed .page-container {
  margin-top: 40px;  
}

/***
Page sidebar
***/

/* ie8 fixes */
.ie8 .page-sidebar {
  position: absolute;
  width: 225px;
}

ul.page-sidebar-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  margin: 0;
  padding: 0; 
}

ul.page-sidebar-menu > li {
  display: block;
  margin: 0;
  padding: 0; 
  border: 0px;
}

ul.page-sidebar-menu > li.start > a {
   border-top-color: transparent !important;
}

ul.page-sidebar-menu > li:last-child > a,
ul.page-sidebar-menu > li.last > a {
   border-bottom-color: transparent !important;
}

ul.page-sidebar-menu > li > a {
  display: block;
  position: relative;
  margin: 0;
  border: 0px;
  padding: 10px 15px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 300;
}

.page-sidebar-fixed ul.page-sidebar-menu > li > a {
  -webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
       -o-transition: all 0.2s ease;
          transition: all 0.2s ease;
}

ul.page-sidebar-menu > li > a i {
  font-size: 16px;
  margin-right: 5px;
  text-shadow:none; 
}

ul.page-sidebar-menu > li.break {
  margin-bottom: 20px;
}

ul.page-sidebar-menu > li.active > a {
  border: none; 
  text-shadow:none;
}  

ul.page-sidebar-menu > li.active > a .selected {
  display: block;
  width: 8px;
  height: 25px;
  background-image: url("../images/sidebar-menu-arrow.png");
  float: right;
  position: absolute;
  right:0px;
  top:8px;
}

.page-sidebar ul > li > a > .arrow:before {  
   float: right;
   margin-top: 1px;
   margin-right: 5px;
   display: inline;
   font-size: 16px;
   font-family: FontAwesome;
   height: auto;
   content: "\f104";
   font-weight: 300;
   text-shadow:none;
}

ul.page-sidebar-menu > li > a > .arrow.open:before {   
   float: right;
   margin-top: 1px;
   margin-right: 3px;
   display: inline;
   font-family: FontAwesome;
   height: auto;
   font-size: 16px;
   content: "\f107";
   font-weight: 300;
   text-shadow:none;
}

ul.page-sidebar-menu > li > ul.sub-menu {
  display: none;
  list-style: none;
  clear: both;
  margin: 8px 0px 8px 0px;
}

ul.page-sidebar-menu > li.active > ul.sub-menu {
  display: block;
}

ul.page-sidebar-menu > li > ul.sub-menu > li {
  background: none;
  margin: 0px;
  padding: 0px;
  margin-top: 1px !important;
}

ul.page-sidebar-menu > li > ul.sub-menu > li > a {
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 5px 0px;
  padding-left: 44px !important;
  text-decoration: none;
  font-size: 14px;
  font-weight: 300;
  background: none;
}

/* 3rd level sub menu */
ul.page-sidebar-menu > li > ul.sub-menu  > li ul.sub-menu {
  display: none;
  list-style: none;
  clear: both;
  margin: 0px 0px 0px 0px;
}

ul.page-sidebar-menu > li > ul.sub-menu  li > a > .arrow:before   {  
   float: right;
   margin-top: 1px;
   margin-right: 20px;
   display: inline;
   font-size: 16px;
   font-family: FontAwesome;
   height: auto;
   content: "\f104";
   font-weight: 300;
   text-shadow:none;
}

ul.page-sidebar-menu > li > ul.sub-menu  li > a > .arrow.open:before {   
   float: right;
   margin-top: 1px;
   margin-right: 18px;
   display: inline;
   font-family: FontAwesome;
   height: auto;
   font-size: 16px;
   content: "\f107";
   font-weight: 300;
   text-shadow:none;
}

ul.page-sidebar-menu > li.active > ul.sub-menu > li.active ul.sub-menu {
  display: block;
}

ul.page-sidebar-menu > li > ul.sub-menu > li  ul.sub-menu li {
  background: none;
  margin: 0px;
  padding: 0px;
  margin-top: 1px !important;
}

ul.page-sidebar-menu > li > ul.sub-menu  li > ul.sub-menu > li > a {
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 5px 0px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 300;
  background: none;
}

ul.page-sidebar-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {  
  padding-left: 60px;
}

ul.page-sidebar-menu > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {  
  padding-left: 80px;
}

ul.page-sidebar-menu > li.active > ul.sub-menu > li.active ul.sub-menu > li.active ul.sub-menu {
  display: block;
}


ul.page-sidebar-menu > li > ul.sub-menu  li > ul.sub-menu > li > a > i {
  font-size: 13px;
}

/* sidebar search */

.page-sidebar .sidebar-search {
  margin: 8px 20px 20px 20px;
}

.page-sidebar .sidebar-search .submit {  
  display: block;
  float: right;
  margin-top: 8px;
  width: 13px;
  height: 13px;
  background-image: url(../images/search-icon.png);
  background-repeat: no-repeat;
}
 
.page-sidebar .sidebar-search input {
  margin: 0px;
  width: 165px;
  border: 0px; 
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  font-size: 14px ;
  box-shadow: none;
}

.page-sidebar .sidebar-search .input-box {
   padding-bottom: 2px;
}

/***
Sidebar toggler(show/hide)
***/

.page-sidebar .sidebar-toggler {
  cursor: pointer; 
  opacity: 0.5;
  filter: alpha(opacity=50);
  margin-top: 15px;
  margin-left: 175px;
  width: 29px;
  height: 29px;
  background-repeat: no-repeat;
}

.sidebar-toggler:hover { 
  filter: alpha(opacity=100);
  opacity: 1;
}

.page-sidebar-closed .sidebar-toggler {  
  margin-left: 3px;
}

.page-sidebar-closed .page-sidebar .sidebar-search {  
  height: 34px;    
  width: 29px;
  margin-left: 3px;  
  margin-bottom: 15px !important;
}

.page-sidebar-closed .page-sidebar .sidebar-search input {
  display: none;
}

.page-sidebar-closed .page-sidebar .sidebar-search .submit { 
  margin: 11px 7px !important;
  display: block !important;
}

.page-sidebar-closed .page-sidebar .sidebar-search .input-box {
  border-bottom: 0 !important;
}

.page-sidebar-closed .page-sidebar .sidebar-search.open {  
  height: 34px;    
  width: 255px;
  overflow: hidden;
}

.page-sidebar-closed .page-sidebar .sidebar-search.open input {  
  margin-top: 3px;
  padding-left: 10px;
  padding-bottom: 2px;
  width: 180px;
  display: inline-block !important;
}

.page-sidebar-closed .page-sidebar .sidebar-search.open .submit {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin: 10px 8px 9px 6px !important;
}

.page-sidebar-closed .page-sidebar .sidebar-search.open .remove {
  background-repeat: no-repeat;
  width: 11px;
  height: 11px;
  margin: 11px 6px 7px 8px !important;
  display: inline-block !important;
  float: left !important;
}

.page-sidebar-closed ul.page-sidebar-menu > li > a .selected {
  right: -3px !important;
}

.page-sidebar-closed ul.page-sidebar-menu > li > a > .title,
.page-sidebar-closed ul.page-sidebar-menu > li > a > .arrow {
  display: none !important;
}

.page-sidebar-closed .sidebar-toggler {
  margin-right: 3px;
}

.page-sidebar-closed .page-sidebar .sidebar-search {
  margin-top: 6px;
  margin-bottom: 6px;
}

.page-sidebar-closed ul.page-sidebar-menu {
  width: 35px !important;
}

.page-sidebar-closed ul.page-sidebar-menu > li > a {
  padding-left: 7px;
}

.page-sidebar-fixed.page-sidebar-closed ul.page-sidebar-menu > li > a {
  -webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
       -o-transition: all 0.2s ease;
          transition: all 0.2s ease;
}

.page-sidebar-closed ul.page-sidebar-menu > li:hover {
  width: 225px !important;
  position: relative !important;
  z-index: 2000;
  display: block !important;
}

.page-sidebar-closed ul.page-sidebar-menu > li:hover .selected {
  display: none;
}

.page-sidebar-closed ul.page-sidebar-menu > li:hover > a > i {
  margin-right: 10px;
}

.page-sidebar-closed ul.page-sidebar-menu > li:hover .title {
  display: inline !important;
}

.page-sidebar-closed ul.page-sidebar-menu > li > .sub-menu {
  display: none !important;
}

.page-sidebar-closed ul.page-sidebar-menu > li:hover > .sub-menu {  
  width: 189px;
  position: absolute;
  z-index: 2000;
  left: 36px;
  margin-top: 0;
  top: 100%;
  display: block !important;
}

.page-sidebar-closed ul.page-sidebar-menu > li:hover > .sub-menu > li > .sub-menu,
.page-sidebar-closed ul.page-sidebar-menu > li:hover > .sub-menu > li > .sub-menu > li > .sub-menu {
  width: 189px;
}

/* 2rd level sub menu*/
.page-sidebar-closed ul.page-sidebar-menu > li:hover > .sub-menu > li > a {
  padding-left: 15px !important;
}

/* 3rd level sub menu*/
.page-sidebar-closed ul.page-sidebar-menu > li > ul.sub-menu > li > .sub-menu > li > a {  
  padding-left: 30px !important;
}

/* 4rd level sub menu*/
.page-sidebar-closed ul.page-sidebar-menu > li > ul.sub-menu > li > .sub-menu > li > .sub-menu > li > a {  
  padding-left: 45px !important;
}

/* sidebar container */
 
.page-sidebar-closed  .page-sidebar {
  width: 35px;
}

.page-sidebar-closed  .page-content {
  margin-left: 35px !important;
}

.tab-content-pad{padding:4px 0 !important;}
.container-fluid-facesheet{padding-left:5px; padding-right:5px;}
/***
Page content
***/
.page-content {  
  margin-top: 0px;   
  padding: 0px;
  background-color: #fff; 
}

.ie8 .page-content { 
    margin-left: 225px; 
    margin-top: 0px;
    min-height*: 760px;
}

.ie8 .page-sidebar-fixed .page-content {
    min-height*: 600px; 
}

.ie8 .page-content.no-min-height {
    min-height: auto;
  }

.page-full-width .page-content {
    margin-left: 0px !important;
}


/***
Page title
***/
.page-title {
  padding: 0px;
  font-size: 30px;
  letter-spacing: -1px;
  display: block;
  color: #666;
  margin: 20px 0px 15px 0px;
  font-weight: 300;
  font-family: 'Open Sans';
}

.page-title small {
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 300;
  color: #888;
}

/***
Page breadcrumb
***/
.ie8 .row-fluid .breadcrumb > li {
  margin-right: 1px;
}

.page-content .breadcrumb {
  -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 0px;
  box-shadow: none;
  padding-right: 0px;
  padding-left: 8px;
  margin-bottom: 10px;
  border:0px !important;  
  background-color: #eee;
}

.page-content .breadcrumb a, 
.page-content .breadcrumb i, 
.page-content .breadcrumb span {
  color: #333;
  font-size: 14px;
  text-shadow:none;
}

.page-content .breadcrumb i {
  color: #666;
}

/***
Dashboard date range panel
***/
.page-content .breadcrumb .dashboard-date-range  {
  display: none;
  padding-top: -1px;
  margin-right: 0px;
  margin-top: -8px;
  padding: 8px;
  padding-bottom: 7px;
  cursor: pointer;
  color: #fff;
  background-color: #25AE90;
}

.page-content .breadcrumb .dashboard-date-range span {
  font-size: 11px;
  font-weight: 300; 
  color: #fff;
  text-transform: uppercase;
} 

.page-content .breadcrumb .dashboard-date-range .icon-calendar {
  text-transform: normal;
  color: #fff;
  margin-top: 0px;
  font-size: 14px;
}
.page-content .breadcrumb .dashboard-date-range span {
  font-weight: normal; 
} 
.page-content .breadcrumb .dashboard-date-range .icon-angle-down {
  color:#fff;
  font-size: 16px;
}

/***
Footer
***/
.footer {
  padding:0; 
  font-size: 12px;
  position: fixed;
  width: 100%;
  background:#393939 !important;
  bottom:0;
 
}

.footer:after,
.footer:before {
  content: "";
  display: table;
  line-height: 0;
}

.footer:after {
  clear: both;
}

.footer .footer-inner {
  float: left;
  display: inline-block;
  padding:3px 40px;
}

.footer .footer-inner a {
 color:#999999;
}

.footer .footer-tools {
  float: right;
  display: inline-block;
  margin-top:4px;
}

.footer .footer-tools .go-top { 
  display: block;
  text-decoration: none;
  cursor: pointer;
  margin-top: 0;
  margin-right: 8px;
  margin-bottom: 0px;
  font-size: 16px;
  padding: 0px 6px 0px 6px;
}

.footer .footer-tools .go-top i {
  font-size: 16px;
  margin-bottom: 5px; 
}

/* begin: fixed footer */
.page-footer-fixed .footer {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 10000;
  bottom: 0;
}

.page-footer-fixed .page-container {
  margin-bottom: 33px;
}

.page-footer-fixed.page-sidebar-fixed .footer {
  margin-left: 0 !important;
}
/* end: fixed footer */

/********************
 GENERAL UI ELEMENTS 
*********************/

/***
Icon stuff
***/
i.icon, a.icon {
  color: #999;
  margin-right: 5px;
  font-weight: normal;
  font-size: 13px;
}

i.icon-black {
  color: #000 !important;
}

a.icon:hover {
  text-decoration: none;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  opacity: .4;
  filter:alpha(opacity=40);
}

a.icon.huge i{
  font-size: 16px !important;
}

i.big {
  font-size: 20px;
}

i.warning {
  color: #d12610;
}

i.critical {
  color: #37b7f3;
}

i.normal {
  color: #52e136;
}

/***
Custom wells
***/
.well {
  background-color: #fafafa;
  border: 1px solid #eee;
  -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 0px;   
  -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important;        
}

.well.mini {
  padding: 7px !important;
}

/***
Form stuff
***/
.form-section {
  margin: 15px 0px 20px 0px !important;
  padding-bottom: 5px;
  border-bottom: 1px solid #eee;
}

.form form {
  margin: 0px !important;
  padding: 0px !important;
}

.no-bottom-space {
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
}

.form .form-actions{
  margin-top: 0px !important;
  margin-top: 40px;
  padding-left: 190px;
}

.portlet.box .form .form-actions,
.portlet.solid .form .form-actions {
  margin-left:-10px !important;
  margin-right:-10px !important;
  margin-bottom: -10px !important;
} 

/***
Bordered form layout
***/

/***
Input icons
***/
/* input with right aligned and colored icons */
.input-icon input {
  padding-right: 25px !important;
}

.input-icon .input-info,
.input-icon .input-error, 
.input-icon .input-warning, 
.input-icon .input-success {
  display: inline-block !important;
  position: relative !important;
  top: 7px;
  right: 25px !important;
  font-size: 16px;
}

.input-icon .input-info {
  color:#27a9e3;
}
.input-icon .input-error {
  color:#B94A48;
}
.input-icon .input-warning {
  color: #C09853;
}
.input-icon .input-success {
  color: #468847;
}

/* input with left aligned icons */
.input-icon.left i {
  color: #ccc;
  display: block !important;
  position: absolute !important;
  z-index: 1;
  margin: 9px 2px 4px 10px; 
  width: 16px;
  height: 16px;
  font-size: 16px;
  text-align: center;
}

.input-icon.left input {
  padding-left: 33px !important;
}

/***
Portlets
***/
.portlet  {
  clear: both;
  margin-top: 0px;
  margin-bottom: 25px;
  padding: 0px;
}

.portlet-title {  
  margin-bottom: 15px;
  border-bottom: 1px solid #eee;  
  position:relative;
}

.portlet-title:after,
.portlet-title:before {
  content: "";
  display: table;
  line-height: 0;
}

.portlet-title:after {
  clear: both;
}

.portlet-title .caption {
  float: left;
  display: inline-block;
  font-size: 15px;
  font-weight: 400;
  margin:0;
  padding: 0; 
}

.portlet-title .caption a{ 
  font-size: 13px;
  font-weight: 400;
  color:#fff;
  margin:0;
  padding: 0 0 0 7px;
}

.capsLetter a{ text-transform:uppercase;}

.portlet-title .caption i {
  float: left;
  margin-top: 3px;
  display: inline-block !important;
  font-size: 13px;
  margin-right: 5px;
  color: #666;
}

.portlet-title .caption span {  
   display:inline-block; 
   vertical-align:middle; 
}


.form-titleHd {  
  margin-bottom: 15px;
  border-bottom: 1px dashed #eee;  
}

.form-titleHd:after,
.form-titleHd:before {
  content: "";
  display: table;
  line-height: 0;
}

.form-titleHd:after {
  clear: both;
}

.form-titleHd .caption {
  float: left;
  display: inline-block;
  font-size: 17px;
  font-weight: 400;
  margin: 0;
  padding: 0;
  margin: 9px 0; 
}

.form-titleHd .caption i {
  float: left;
  margin-top: 5px;
  display: inline-block !important;
  font-size: 13px;
  margin-right: 5px;
  color: #666;
}

.form-titleHd .tools, .form-titleHd .actions {
    display: inline-block;
    float: right;
    margin: 6px 0;
    padding: 0;
}

.portlet.blue > .portlet-title .caption, .portlet-title.blue .caption, 
.portlet.green > .portlet-title .caption, .portlet-title.green .caption,
.portlet.yellow > .portlet-title .caption, .portlet-title.yellow .caption,
.portlet.red > .portlet-title .caption, .portlet-title.red .caption,
.portlet.purple > .portlet-title .caption, .portlet-title.purple .caption,
.portlet.grey > .portlet-title .caption, .portlet-title.dark-grey .caption, {
  color: #fff;
}

.portlet.box.blue > .portlet-title .caption > i, 
.portlet.box.green > .portlet-title .caption > i,
.portlet.box.grey > .portlet-title .caption > i,
.portlet.box.yellow > .portlet-title .caption > i, 
.portlet.box.red > .portlet-title .caption > i,  
.portlet.box.purple > .portlet-title .caption > i, 
.portlet.box.light-grey > .portlet-title .caption > i{
  color: #fff;
}

.sortable .portlet .portlet-title {
  cursor: move;
}

.portlet-title .tools,
.portlet-title .actions
 {
  display: inline-block;
  padding: 0;
  margin: 0;
  margin-top: 6px;
  float: right;
}

.portlet-title .tools > a {
  display: inline-block;
  height: 16px;
  margin-left:5px;
}

.portlet-title .dropdown-menu i {
  color: #000 !important;
}

.portlet-title .tools > a.removeBox {
  background-image:url(../images/portlet-remove-icon.png);
  background-repeat: no-repeat;
  width: 11px;
}

.portlet-title .tools > a.config {
  background-image:url(../images/portlet-config-icon.png);
  background-repeat: no-repeat;
  width: 12px;
  cursor:pointer;
}

.portlet-title .tools > a.reload {
  background-image:url(../images/portlet-reload-icon.png);
  width: 13px;
}

.portlet-title .tools > a.expand {
  background-image:url(../images/portlet-expand-icon.png);
  width: 14px;
}

.portlet-title .tools > a.collapse {
  background-image:url(../images/portlet-collapse-icon.png);
  width: 14px;
}

.portlet-title .tools > a:hover {
  text-decoration: none;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  opacity:.6;  
  filter:'alpha(opacity=60)';
}

.portlet-title .actions > .btn-group {
  margin-top: -12px;
}

.portlet-title .actions > .btn {
  padding: 4px 10px;
  margin-top: -13px;
}

.portlet-title .actions > .btn-group > .btn {
  padding: 4px 10px;
  margin-top: -1px;
}

.portlet-title .actions > .btn.mini {
  margin-top: -12px;
  padding: 4px 10px;
}

.portlet-title .pagination.pagination-small {
  float: right !important;
  display: inline-block !important;
  margin: 0px;
  margin-top: -2px;
}

.portlet-body {
  clear: both;  
  padding: 0;  
}

.portlet-body.light-blue, .portlet.light-blue {
  background-color: #bfd5fa  !important;
}

.portlet-body.blue, .portlet.blue {
  background-color: #27A9E3 !important;
}

.portlet-body.red, .portlet.red {
  background-color: #e02222 !important;
}

.portlet-body.yellow, .portlet.yellow {
  background-color: #ffb848 !important;
}

.portlet-body.green, .portlet.green {
  background-color: #35aa47 !important;
}

.portlet-body.purple, .portlet.purple {
  background-color: #852b99 !important;
}

.portlet-body.greenDeep, .portlet.greenDeep {
  background-color: #25AE90 !important;
}

.portlet-body.light-grey, .portlet.light-grey {
  background-color: #fafafa !important;
}

.portlet-body.dark-grey, .portlet.dark-grey {
  background-color: #555555 !important;
}

.portlet-body .btn-toolbar {
  margin: 0px !important;
  padding: 0px !important;
}

.portlet-body .btn-group {
  margin: 0px !important;
  padding: 0px !important; 
}

/*  draggable girds */

.ui-sortable-placeholder { 
    border: 1px dotted black; 
    visibility: visible !important; 
    height: 100% !important; 
}
  
.ui-sortable-placeholder * { 
  visibility: hidden; 
}

.sortable-box-placeholder {
  background-color: #f5f5f5;
  border: 1px dashed #DDDDDD;
  display: block;
  /* float: left;*/
  margin-top: 0px !important;
  margin-bottom: 24px !important;
}

.sortable-box-placeholder * {
  visibility:hidden;
}

/***
Solid colored portlet
***/
.portlet.solid {
  padding: 10px;
}

.portlet.solid .portlet-title .tools {
  margin-top: 2px;
  border: 0px;
}

.portlet.solid .portlet-title {
  margin-bottom: 5px;
  border: 0px;
}

.portlet.solid.bordered .portlet-title {
  margin-bottom: 15px;
}

.portlet.solid.red .portlet-title,
.portlet.solid.red .portlet-title i,
.portlet.solid.red .portlet-body,

.portlet.solid.green .portlet-title,
.portlet.solid.green .portlet-title i,
.portlet.solid.green .portlet-body,

.portlet.solid.yellow .portlet-title,
.portlet.solid.yellow .portlet-title i,
.portlet.solid.yellow .portlet-body,

.portlet.solid.grey .portlet-title,
.portlet.solid.grey .portlet-title i,
.portlet.solid.grey .portlet-body,

.portlet.solid.purple .portlet-title,
.portlet.solid.purple .portlet-title i,
.portlet.solid.purple .portlet-body,

.portlet.solid.blue .portlet-title,
.portlet.solid.blue .portlet-title i,
.portlet.solid.blue .portlet-body {
  border: 0;
  color: #fff;
}

.portlet.bordered {
  border-left: 2px solid #ddd;
}

/***
Box portlet
***/


.portlet.box {
   padding:0px !important
}

.portlet.box .portlet-title {  
   padding:2px 10px;
   border-bottom: 1px solid #eee;
   color: #fff !important;
}

.portlet.box .portlet-title > .actions > .btn > i {
  color: #fff !important;
}

.portlet.box .portlet-title .tools {
  margin-top: 5px;
}

.portlet.box .portlet-title .tools > a.removeBox, 
.portlet.solid .portlet-title .tools > a.removeBox {
  background-image:url(../images/portlet-remove-icon-white.png);
}

.portlet.box .portlet-title .tools > a.config,
.portlet.solid .portlet-title .tools > a.config {
  background-image:url(../images/portlet-config-icon-white.png);
}

.portlet.box .portlet-title .tools > a.reload,
.portlet.solid .portlet-title .tools > a.reload {
  background-image:url(../images/portlet-reload-icon-white.png);
}

.portlet.box .portlet-title .tools > a.expand,
.portlet.solid .portlet-title .tools > a.expand {
  background-image:url(../images/portlet-expand-icon-white.png);
}

.portlet.box .portlet-title .tools > a.collapse,
.portlet.solid .portlet-title .tools > a.collapse {
  background-image:url(../images/portlet-collapse-icon-white.png);
}

/* portlet buttons */
.portlet.box .portlet-body {
  background-color: #fff;
  padding: 5px 10px;
}

.portlet.box .portlet-title {  
  margin-bottom: 0px;
}

.portlet.box.blue .portlet-title {
  background-color: #27A9E3 !important;
} 

.portlet.box.blue {  
   border: 1px solid #b4cef8;
   border-top: 0;
}

.portlet.box.blue1 .portlet-title {
  background-color: #25739A !important;
} 
.portlet.box.blue1 {  
   border: 1px solid #ccc;
   border-top: 0;
}

.portlet.box.red .portlet-title {
  background-color: #e02222;
} 

.portlet.box.red {  
   border: 1px solid #ef8476;
   border-top: 0;
}

.portlet.box.yellow .portlet-title {
  background-color: #ffb848;
} 

.portlet.box.yellow {  
   border: 1px solid #fccb7e;
   border-top: 0;
}

.portlet.box.green .portlet-title {
  background-color: #35aa47;
} 

.portlet.box.green {  
   border: 1px solid #77e588;
   border-top: 0;
}

.portlet.box.greenDeep {  
   border: 1px solid #25AE90;
   border-top: 0;
}

.portlet.box.purple .portlet-title {
  background-color: #852b99;
} 

.portlet.box.purple {  
   border: 1px solid #af5cc1;
   border-top: 0;
}

.portlet.box.grey .portlet-title {
  background-color: #555555;
} 

.portlet.box.grey {  
   border: 1px solid #9d9c9c;
   border-top: 0;
}

.portlet.box.light-grey .portlet-title {
  background-color: #aaa;
} 

.portlet.box.light-grey {  
   border: 1px solid #eee;
   border-top: 0;
}

/***
Charts and statistics
***/
.chart, .pie, .bars {
  overflow: hidden;
  height: 300px;
}

/***
Statistic lists
***/
.item-list.table .percent {
  width: 30px;
  float: right;
  margin-right: 10px;
  margin-top: 3px;
}

.item-list.table .title {
  padding-top: -5px;
}

/***
Chart tooltips
***/
.chart-tooltip {
  clear: both;
  z-index: 100;
  background-color: #736e6e !important;
  padding: 5px !important;
  color: #fff;
}

.chart-tooltip .label {
  clear: both;
}

/***
Mini chart containers
***/
.bar-chart {
  display: none
}

.line-chart {
  display: none
}

/***
Custom icon buttons
***/
.icon-btn {
  height: 70px;
  width: 50px;
  margin: 10px 0px 10px 0px;
  border: 1px solid #ddd;
  padding: 16px 0px 0px 0px;
  background-color: #fafafa !important;
  background-image: none !important;
  filter:none !important;
  -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important;
  display:block !important;
  color: #646464 !important;
  text-shadow: none !important;
  text-align: center;
  cursor: pointer;
  position: relative;  
  -webkit-transition: all 0.3s ease !important;
  -moz-transition: all 0.3s ease !important;
  -ms-transition: all 0.3s ease !important;
  -o-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
}

.ie8 .icon-btn:hover {
  filter: none !important;
} 

.icon-btn:hover {
  text-decoration: none !important;
  border-color: #999 !important;
  color: #444 !important;
  text-shadow: 0 1px 0px rgba(255, 255, 255, 1) !important;
  -webkit-transition: all 0.3s ease !important;
  -moz-transition: all 0.3s ease !important;
  -ms-transition: all 0.3s ease !important;
  -o-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

.icon-btn:hover .badge {
  -webkit-transition: all 0.3s ease !important;
  -moz-transition: all 0.3s ease !important;
  -ms-transition: all 0.3s ease !important;
  -o-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
  -webkit-box-shadow: none !important;
       -moz-box-shadow: none !important;
            box-shadow: none !important;
}

.icon-btn i {
  font-size: 20px !important;
  color: #777 !important;
}

.icon-btn .glyphicons {
  padding: 0px;
}

.icon-btn .glyphicons i:before {  
  font-size: 20px !important;
  color: #777 !important;
}

.icon-btn div {
  font-family: 'Open Sans';
  margin-top: 5px;
  margin-bottom: 20px;  
  color: #000;
  font-size: 11px;
  font-weight: 300;
}

.icon-btn .badge {
  position: absolute;
  font-family: 'Open Sans';
  font-size: 11px !important;
  font-weight: 300;
  top: -5px;
  right: -5px;
  padding: 3px 7px 3px 7px;
  color: white !important;
  text-shadow: none;
  border-width: 0;
  border-style: solid;
  -webkit-border-radius: 12px !important;
  -moz-border-radius: 12px !important;
  border-radius: 12px !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* for firefox only */
@-moz-document url-prefix() { 
  .icon-btn .badge {padding: 2px 7px 4px 7px;}
  /*.scrollerHeight{height:100px !important;}*/
}  

/* extended dropdowns */
.dropdown-menu.extended {
  min-width: 160px !important;
  max-width: 300px !important;
  width: 233px !important;
  background-color: #ffffff !important;
}

.dropdown-menu.extended:before,
.dropdown-menu.extended:after {
  border-bottom-color: #ddd !important;
}


.dropdown-menu.extended li a{
  display: block;
  padding: 5px 10px !important;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  white-space: normal !important;
}

.dropdown-menu.extended li i{
  margin-right: 3px;
}

.dropdown-menu.extended li a{
   font-size: 13px;
   padding: 10px !important;
   background-color: #ffffff;
}

.dropdown-menu.extended li a:hover {
  background-image: none;
  background-color: #f5f5f5;
  color: #000;
  filter:none;
}

.dropdown-menu.extended li p{
  padding: 10px;
  background-color: #eee;
  margin: 0px;
  font-size: 14px;
  font-weight: 300;
  color: #000;
}

.dropdown-menu.extended li a{
  padding: 7px 0 5px 0px;
  list-style: none;
  border-bottom: 1px solid #f4f4f4 !important;
  font-size: 12px;
  text-shadow: none;
}

.dropdown-menu.extended li:first-child a {
  border-top: none;
  border-bottom: 1px solid #f4f4f4 !important;
}

.dropdown-menu.extended li:last-child a {
  border-top: 1px solid white !important;
  border-bottom: 1px solid #f4f4f4 !important;
}

.dropdown-menu.extended li.external > a {
  font-size: 13px;
  font-weight: 400;  
}

.dropdown-menu.extended li.external > a > i{
  margin-top: 3px;
  float: right;
}

/* header notifications dropdowns */

.dropdown-menu.notification li > a > .label {  
  width: 10px;
  padding: 2px 4px;
  margin-right: 2px;
  text-align: center !important;
}

.dropdown-menu.notification li > a > .label i {
  text-align: center !important;
}

.dropdown-menu.notification li a .time {
  font-size: 12px;
  font-style: italic;
  font-weight: 600;
  text-align: right;
}

/* header inbox dropdowns */
.dropdown-menu.inbox li a .photo img {
  float: left;
  height: 40px;
  width: 40px;
  margin-right: 6px;
}

.dropdown-menu.inbox li a .subject {
  display: block;
}

.dropdown-menu.inbox li a .subject .from {
  font-size: 14px;
  font-weight: 400;
  color: #02689b;
}

.dropdown-menu.inbox li a .subject .time {
  font-size: 12px;
  font-weight: 600;
  font-style: italic;
  position: absolute;
  right: 10px;
}

.dropdown-menu.inbox li a .message {
  display: block !important;
  font-size: 12px;
}

/* header tasks */
.dropdown-menu.tasks .task {
  margin-bottom: 5px;
}

.dropdown-menu.tasks .task .desc {
  font-size: 13px;
  font-weight: 300;
}

.dropdown-menu.tasks .task .percent {
  font-size: 13px;
  font-weight: 600;
  float: right;
  display: inline-block;
}

.dropdown-menu.tasks .progress {
  display: block;
  height: 10px;
  margin: 0px;
}

/***
General list for item with image
***/
.item-list li .img {
  height: 50px;
  width: 50px;
  float: left;
  margin-top: 3px;
  margin-right: 5px;
}

.item-list {
  margin: 0px;
  list-style: none;
}

.item-list li {
  padding: 7px 0 5px 0px;
  list-style: none;
  border-top: 1px solid white;
  border-bottom: 1px solid #EBEBEB;
  font-size: 12px;
}

.item-list li:first-child {
  border-top: none;
  border-bottom: 1px solid #EBEBEB;
}

.item-list li:last-child {
  border-top: none;
  border-bottom: none;
}

.item-list li .label {
  margin-right: 5px;
}

.item-list.todo li .label {
  position: absolute;
  right: 80px;
}

.item-list.todo li .actions {
  position: absolute;
  right: 45px;
}

/***
Custom tables
***/
.table.table-full-width {
  width: 100% !important;
}

.table .m-btn {
  margin-top: 0px;
  margin-left: 0px; 
  margin-right: 5px;
}

.table thead tr th {
  font-size: 11px !important; 
  vertical-align:middle;
}

.table-advance {
  margin-bottom: 10px !important;
}

.table-advance thead { 
  color: #999; 
}

.table-advance thead tr th{
  background-color: #DDD; 
  font-size: 14px;
  font-weight: 400; 
  color: #666;
}

.table-advance div.success, 
.table-advance div.info, 
.table-advance div.important, 
.table-advance div.warning, 
.table-advance div.danger {
  position: absolute;
  margin-top:-5px;
  float: left;
  width: 2px;
  height: 30px;
  margin-right: 20px !important;
}

.table-advance tr td {
  border-left-width: 0px; 
}
.table-advance tr td:first-child {
  border-left-width: 1px !important; 
}

.table-advance tr td.highlight:first-child a {
  margin-left: 15px;
}

.table-advance td.highlight div.success {  
  border-left: 2px solid #66ee66;
}

.table-advance td.highlight div.info {  
  border-left: 2px solid #87ceeb;
}

.table-advance td.highlight div.important {  
  border-left: 2px solid #f02c71;
}

.table-advance td.highlight div.warning {  
  border-left: 2px solid #fdbb39;
}

.table-advance td.highlight div.danger {  
  border-left: 2px solid #e23e29;
}


/***
Star rating
***/
.rating {
  unicode-bidi: bidi-override;
  direction: rtl;
  font-size: 30px;
}

.rating span.star {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
}

.rating span.star:hover {
  cursor: pointer;
}

.rating span.star:before {
  content: "\f006";
  padding-right: 5px;
  color: #999999;
}

.rating span.star:hover:before,
.rating span.star:hover ~ span.star:before {
  content: "\f005";
  color: #e3cf7a;
}

/***
Rows seperated form layout
***/
.form-row-seperated .control-group {
  border-bottom: 1px solid #efefef;
  padding-bottom: 10px;
  padding-right: 10px;
  margin-bottom: 10px;
  margin-left: -10px;
  margin-right: -10px;
}

.form-row-seperated .control-group.last {
  border-bottom: 0;
}

.form-row-seperated .control-label {
  width: 170px;
}

.form-row-seperated .controls {
  margin-left: 190px;
}

.form-row-seperated .help-inline,
.form-row-seperated .help-block {
  padding-left: 0;
}

/***
Bordered form layout
***/
.form-horizontal.form-bordered .control-group:first-child {
  border-bottom: 1px solid #eee !important;
}

.form-horizontal.form-bordered .control-group {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #eee;
}

.form-horizontal.form-bordered .control-group.last {
  border-bottom: 0;
}

.portlet.box .form-horizontal.form-bordered .control-group {
  margin-left: -10px;
  margin-right: -10px;
}

.portlet.box .form-horizontal.form-bordered .control-group:first-child {
  margin-top: -10px;
}

.form-horizontal.form-bordered .control-group .controls {
  padding: 10px;
  position: relative;
  border-left: 1px solid #eee;
}

.form-horizontal.form-bordered .control-group .controls .chosen-container,
.form-horizontal.form-bordered .control-group .controls .select2-wrapper  {
  min-height: 32px;
}

.form-horizontal.form-bordered .control-group .controls .chosen-container .help-block,
.form-horizontal.form-bordered .control-group .controls .select2-wrapper .help-block {
  clear: both;
  padding-top: 10px !important;
}

.form-horizontal.form-bordered .control-group .control-label {
  margin-top: 10px;
}

.form-horizontal.form-bordered.form-row-stripped .control-group:nth-child(even) {
  background-color: #fcfcfc;
}

.form-horizontal.form-bordered.form-label-stripped .control-group:nth-child(even) {
  background-color: #fcfcfc;
} 

.form-horizontal.form-bordered.form-row-stripped .m-wrap {
  background: #fff !important;
}
  
.form-horizontal.form-bordered.form-label-stripped .control-group:nth-child(even) .controls {
  background-color: #ffffff;  
}

.form-horizontal.form-bordered .help-inline,
.form-horizontal.form-bordered .help-block {
  padding-left: 0;
}

/***
Uniform plugin css changes
***/

.radio, .checkbox {
  padding-left: 0px !important;
}

.checkbox .checker {
  margin-top: -2px !important;
  margin-right: 2px !important;
}

.controls .text {
  display: block;
  margin-top: 7px;
  font-weight: 400;
  font-size: 14px;
}

.controls .text-inline {
  display: inline-block;
  margin-top: 8px;
  font-weight: 400;
  font-size: 14px;
}


/* used for non horizontal forms */
.controls-uniform {
  margin-top: -7px;
}

/***
General forms settings
***/
input.placeholder,
textarea.placeholder {
  color: #aaa !important;
}

.help-block {
 margin-top: 0px;
}

.form-inline input {
  margin-bottom: 0px !important;
}
.form-inline input[type="checkbox"] {
  margin-top: 0px !important;
}

.control-label {
  margin-top: 2px;
}

.control-label .required {
  color: #e02222;
  font-size: 12px;
  padding-left: 2px;
}

.validate-inline {
  display: inline-block;
  *display: inline;
  padding-left: 5px;
  vertical-align: middle;
  *zoom: 1;
  margin-top: 6px;
}

.control-group.success .validate-inline {
  color: #468847;
}

.control-group.info .validate-inline {
  color: #3a87ad;
}

.control-group.error .validate-inline {
  color: #b94a48;
}

.control-group.warning .validate-inline {
  color: #c09853;
}

.help-inline {
  margin-top: 6px;
}

.help-small {
  font-size: 12px;
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.success .validate-inline.ok:before,
.success .help-inline.ok:before {
  content: "\f00c";
  font-size: 16px;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
}


form legend,
.form-view legend {
  margin-bottom: 15px !important;
}

.controls > .radio .checker,
.controls > .checkbox .checker {
  margin-right: 2px !important;
}

.controls > .radio,
.controls > .checkbox {
  display: inline-block;
  padding: 0 !important;
  margin: 0 !important;
  margin-top: 8px !important;
  margin-right: 15px !important;
}

.controls > .radio.line,
.controls > .checkbox.line {
  display: block;
  padding: 0 !important;
  margin: 0 !important;
  margin-top: 5px !important;
}

.controls .inline {
  margin-top: 8px; 
}

.form-view .control-group {
  margin-top: 0px;
  margin-bottom: 5px;
}

.uploader {
  margin-top: 2px !important;
}

/***
Item block with details shown on hover
***/
.item {
  overflow: hidden;
  display: block;
  margin-bottom: 20px;
}

.item .details {
  width: 100%;
  display: none;
  background-color: #000;
  color: #fff !important;
  padding: 5px;
  text-align: center;
  position: relative;
  bottom:30px; 
  margin-bottom:-30px; 
  overflow: hidden; 
  z-index: 6;
}

.item:hover .details {
  display: block;
  opacity: 0.7;
  filter: alpha(opacity = 70);
}

.item:hover .zoom-icon{
  opacity:0.5;  
  filter: alpha(opacity = 50);
}

/***
Zoom icon overlay on images
***/
.zoom {
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: relative;   
  z-index: 5;
}

.zoom .zoom-icon {
  background-image:url("../images/overlay-icon.png");
  background-color: #222;
  background-repeat: no-repeat;
  background-position: 50%;
  position: absolute;
  width: inherit;
  height: inherit;
  opacity: 0; 
  filter: alpha(opacity = 0);
  z-index: 6;  
  top:0;  
}

/***
Chats
***/
.chats {
  margin:0;
  padding: 0;
  margin-top: -15px;
}

.chats li {
  list-style: none;
  padding: 5px 0;
  margin: 10px auto;
  font-size: 12px;
}

.chats li img.avatar {
  height: 45px;
  width: 45px;
  -webkit-border-radius: 50% !important;
     -moz-border-radius: 50% !important;
          border-radius: 50% !important;
}

.chats li.in img.avatar {
  float: left;
  margin-right: 10px;
}

.chats li .name {
  color:#3590c1;
  font-size: 13px;
  font-weight: 400;
}

.chats li .datetime {
  color:#333;
  font-size: 13px;
  font-weight: 400;
}

.chats li.out img.avatar {
  float: right;
  margin-left: 10px;
}

.chats li .message {
  display: block; 
  padding: 5px;
  position: relative;
}

.chats li.in .message {
  text-align: left;
  border-left: 2px solid #35aa47;
  margin-left: 65px;
  background: #fafafa 
}

.chats li.in .message .arrow {
  display: block;
  position: absolute;
  top: 5px;
  left: -8px;  
  width: 0; 
  height: 0; 

  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;  
  border-right: 8px solid #35aa47;  
}

.chats li.out .message .arrow {
  display: block;
  position: absolute;
  top: 5px;
  right: -8px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;  
  border-left: 8px solid #da4a38;  
}

.chats li.out .message {
  border-right: 2px solid #da4a38;
  margin-right: 65px;
  background: #fafafa;
  text-align: right;
}

.chats li.out .name, 
.chats li.out .datetime  {  
  text-align: right;
}

.chats li .message .body {
  display: block; 
}

.chat-form {
  margin-top: 15px;
  padding: 10px;
  background-color: #e9eff3;
  overflow: hidden;
  clear: both;   
}

.chat-form .input-cont {
  margin-right: 55px;
}

.chat-form .input-cont .m-wrap {
  margin-bottom: 0px;
}

.chat-form .input-cont input{
  border: 1px solid #ddd;
  width: 100%;  
  margin-top: 0;
}

.chat-form .input-cont input {
  background-color: #fff !important;
}

.chat-form .input-cont input:focus{
  border: 1px solid #4b8df9 !important;
}

.chat-form .btn-cont {
  margin-top: -42px;
  position: relative;
  float: right;
  width:44px;
}

.chat-form .btn-cont .arrow {
  position: absolute;
  top: 17px;
  right: 43px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;  
  border-right: 8px solid #4d90fe;   
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box; 
}

.chat-form .btn-cont:hover .arrow {
  border-right-color: #0362fd;
}

.chat-form .btn-cont:hover .btn {
  background-color: #0362fd;
}

.chat-form .btn-cont .btn {
  margin-top: 8px;
}

/***
System feeds
***/
.feeds {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.feeds li {
  background-color: #fafafa;
  margin-bottom: 7px;   
}

.feeds li:before, 
.feeds li:after {
  display: table;
  line-height: 0;
  content: "";
}

.feeds li:after {
  clear: both;
}

.feeds .col1 {
  float:left;
  width:100%;  
  clear: both;
}

.feeds .col2 {
  float:left;
  width:75px;
  margin-left:-75px;
}

.feeds .col1 .cont {
  float:left;
  margin-right:75px;
  overflow:hidden;
}

.feeds .col1 .cont  .cont-col1 {
  float:left;
  margin-right:-100%;
}

.feeds .col1 .cont  .cont-col1 .label {
  float: left;
  width: 14px;
  padding: 7px;
}

.feeds .col1 .cont .cont-col2 {
  float:left;
  width:100%;
}

.feeds .col1 .cont .cont-col2 .desc { 
  margin-left:35px;
  padding-top: 4px;
  padding-bottom: 4px;
  overflow:hidden;
}

.feeds .col2 .date {
  padding: 4px 9px 4px 4px;
  text-align: right;
  font-style: italic;
  color:#c1cbd0;
}

/***
Users
***/
.user-info {
  margin-bottom: 10px !important;
}

.user-info img {
  float: left;
  margin-right: 5px;
}

.user-info .details {
  display: inline-block;
}

.user-info .label {
  font-weight: 300;
  font-size: 11px;
}

/***
Accordions
***/
.accordion-heading {
  background:#eee;
}

.accordion-heading a {
  text-decoration:none;
}

.accordion-heading a:hover {
  text-decoration:none;
}

/***
Vertical inline menu
***/
.ver-inline-menu {
  margin: 0px;
  list-style: none;
}

.ver-inline-menu li {
  position:relative;
  margin-bottom:1px;
}

.ver-inline-menu li i {
  color:#b9cbd5;
  font-size:15px;
  padding:11px 9px;
  margin:0 8px 0 0;
  background:#e0eaf0 !important;
}

.ver-inline-menu li a {
  font-size: 13px;
  color:#557386;
  display:block;
  background:#f0f6fa;
  border-left:solid 2px #c4d5df;
}

.ver-inline-menu li:hover a,
.ver-inline-menu li:hover i {
  background:#e0eaf0;
  text-decoration:none;
}

.ver-inline-menu li:hover i {
  color:#fff;
  background:#c4d5df !important;
}

.ver-inline-menu li.active a,
.ver-inline-menu li:hover a {
  font-size: 13px;
}

.ver-inline-menu li.active a,
.ver-inline-menu li.active i {
  color:#fff;
  background:#169ef4;
  text-decoration:none;
  border-left:solid 1px #0c91e5;
}

.ver-inline-menu li.active i {
  background:#0c91e5 !important;  
}

.ver-inline-menu li.active:after {
  content: '';
  display: inline-block;
  border-bottom: 6px solid transparent;
  border-top: 6px solid transparent;
  border-left: 6px solid #169ef4;
  position: absolute;
  top: 12px;
  right: -5px;
}

/***
Custom tabs
***/
.tab-content {
  padding: 0px;  
  overflow: hidden;
}

.tabbable-custom { 
  -webkit-border-radius: 0; 
     -moz-border-radius: 0; 
          border-radius: 0; 
   margin-bottom: 15px;       
}

.widget .row-fluid:last-child .tabbable-custom {
  margin-bottom: 0px;
}

.tabbable-custom > .nav-tabs { 
  border: none; 
  margin: 0px;
}

.tabbable-custom > .tab-content { 
   background-color: #fff;
   border: 1px solid #ddd;  
   -webkit-border-radius: 0; 
   -moz-border-radius: 0; 
   border-radius: 0; 
   padding: 4px 7px;
}

.tabbable-custom.boxless > .tab-content {
  padding:15px 0;
  border-left:none;
  border-right:none;
  border-bottom:none;
}

.tabbable-custom .nav-tabs > li { 
  margin-right: 3px; 
  border-top: 2px solid #ccc; 
  border-right:1px solid #ccc;
  border-left:1px solid #ccc;
}

.tabbable-custom .nav-tabs > li > a { 
  -webkit-border-radius: 2px; 
  -moz-border-radius: 2px;
   border-radius: 2px; 
   margin-right: 0; 
   padding: 2px 10px; 
 }

.tabbable-custom .nav-tabs > li > a:hover { 
  background: none;
  border-color:transparent;
}

.tabbable-custom .nav-tabs > li.active { 
  border-top: 3px solid #25AE90; 
  margin-top: 0; 
  position: relative; 
}

.tabbable-custom .nav-tabs > li.active > a  { 
  border-top: none; 
  font-weight: bold;
  font-size:11px;
  color:#25ae90 !important; 
}

.tabbable-custom .nav-tabs > li.active > a:hover { 
  background: #fff; 
  border-color: #d4d4d4 #d4d4d4 transparent; 
}

/*
.tabbable-custom .nav-tabs > li { 
  margin-right: 2px; 
  border-top: 2px solid transparent; 
}
*/
.tabs-below.tabbable-custom .nav-tabs > li { 
  border-top: none; 
  border-bottom: 2px solid transparent; 
  margin-top: -1px; 
}

.tabs-below.tabbable-custom .nav-tabs > li.active { 
    border-top: none; 
    border-bottom: 3px solid #d12610; 
    margin-bottom: 0; position: relative; 
}

.tabs-below.tabbable-custom .nav-tabs > li.active > a { 
  border-bottom: none 
}

.tabs-below.tabbable-custom .nav-tabs > li.active > a:hover { 
  background: #fff; 
  border-color: #d4d4d4 #d4d4d4 transparent; 
}
    
.tabs-left.tabbable-custom .nav-tabs > li { 
  margin-right: 0; border-left: 2px solid transparent; margin-top: none; 
}

.tabs-left.tabbable-custom .nav-tabs > li.active { 
  border-top: none; 
  border-left: 3px solid #d12610; 
  margin-top: 0; margin-right: -1px; position: relative; 
}

.tabs-left.tabbable-custom .nav-tabs > li.active > a { 
  border-top: 1px solid #d4d4d4; 
  border-left: 1px solid transparent; 
}

.tabs-left.tabbable-custom .nav-tabs > li.active > a:hover { 
  background: #fff; 
  border-color: #d4d4d4 transparent #d4d4d4 transparent; 
}
    
.tabs-right.tabbable-custom .nav-tabs > li { 
  margin-right: 0; 
  border-right: 2px solid transparent; 
  border-top: none; }

.tabs-right.tabbable-custom .nav-tabs > li.active { 
  border-top: none; 
  border-right: 3px solid #d12610; 
  margin-top: 0; 
  margin-left: -1px; 
  position: relative; 
}

.tabs-right.tabbable-custom .nav-tabs > li.active > a { 
  border-top: 1px solid #d4d4d4; 
  border-right: 1px solid transparent; 
}

.tabs-right.tabbable-custom .nav-tabs > li.active > a:hover { 
  background: #fff; 
  border-color: #d4d4d4 transparent #d4d4d4; 
}

.tabs-right.tabbable-custom .nav-tabs > li a, 
.tabs-left.tabbable-custom .nav-tabs > li a { 
  padding: 8px 10px 
}

/*full width tabs with bigger titles */
.tabbable-custom.tabbable-full-width > .tab-content {
  padding:27px 0;
  border-left:none;
  border-right:none;
  border-bottom:none;
}

.tabbable-custom.tabbable-full-width .nav-tabs > li > a {
  color:#424242;
  font-size:15px;
  padding:9px 15px;
}

.nav-tabs > li > a{color:#000 !important;}

/***
Custom portlet tabs
***/
.portlet-tabs .nav-tabs {
    position: relative;
    top: -41px;
    margin-right: 10px;
    overflow: hidden;
}

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

.portlet-tabs .nav-tabs {
    border-bottom: none;
}

.portlet-tabs .nav-tabs > li > a {
  padding-top: 8px;
  padding-bottom: 10px;
  line-height: 16px;
  margin-top: 6px;
  margin-left: 0px;
  margin-right: 0px;
  border-left: 0;    
  border-right: 0;
     -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
             border-radius: 0px;   
}

.portlet-tabs .nav-tabs > li:last-child > a {
  border-right:0;
}

.portlet-tabs .nav-tabs > li {
  margin-left: 1px;
}

.portlet-tabs .nav-tabs > li.active {
  border-top-color: transparent;
}

.portlet-tabs .nav-tabs > li.active > a {
  margin-bottom: 0px;
  border-bottom: 0;
  margin-left: 0px;
  margin-right: 0px;
  border-left: 0;    
  border-right: 0;
  background-color: none !important;
  border-top-color:transparent !important;
}

.portlet-tabs .nav-tabs > li > a:hover {   
  margin-bottom: 0;
  border-bottom-color: transparent;
  margin-left: 0;
  margin-right: 0;
  border-left: 0;    
  border-right: 0;
  background-color: none !important;
  border-top-color:transparent;
  background-color: #fff;
}  

.portlet-tabs .nav-tabs > .active > a  {
  color: #555555;
  cursor: default;
  background-color: #fff;
}

.portlet-tabs .nav-tabs > .active > a:hover {
  background-color: #fff !important;
}

.portlet-tabs .tab-content {
  padding: 10px !important;
  margin: 0px;
  margin-top: -60px !important;
}

.portlet.tabbable .portlet-body {
  padding: 0px;
}

.tab-pane > p:last-child {
  margin-bottom: 0px;
}

/***
Dashboard container
***/
#dashboard {
  overflow: hidden;
}

/***
Dashboard stats
***/
.dashboard-stat {
  margin-bottom: 10px;
  border:3px solid transparent;
}

.dashboard-stat:before,
.dashboard-stat:after {
  display: table;
  line-height: 0;
  content: "";
}
.dashboard-stat:after {
  clear: both;
}

.dashboard-stat .visual {
  width: 42px;
  height:67px;
  display: block;
  float: left;
  padding-top: 10px;
  padding-left: 15px;
}

.dashboard-stat .visual i {
  font-size: 65px;
  color: #fff;
}

.dashboard-stat .details {
  float: right;
  padding-right: 10px;
}

.dashboard-stat .details .number {    
  padding-top: 7px;
  text-align: right;
  font-size: 30px;
  letter-spacing: -1px;
  font-weight: 300;
  color: #fff;
  margin-bottom: 10px;
}

.dashboard-stat .details .desc {
  text-align: right;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 300;
  color: #fff;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
 
}

.dashboard-stat .more {
  clear: both;
  display: block;
  padding: 5px 10px 5px 10px; 
  font-weight: 300;
  font-size: 12px;
  color: #fff;   
}  

.dashboard-stat .more i {
  margin-top: 4px;
  float: right;
}

.dashboard-stat .more:hover {
  text-decoration: none;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  opacity: 1;  
  filter: alpha(opacity=100);
}

.dashboard-stat.blue {
  background-color: #27a9e3;
}

.dashboard-stat.blue .more { 
  background-color: #208dbe;
} 

.dashboard-stat.green {
  background-color: #28b779;
}

.dashboard-stat.green .more { 
  background-color: #10a062;
} 

.dashboard-stat.red {
  background-color: #e7191b;
}

.dashboard-stat.red .more { 
  background-color:#bc0d0e;
} 

.dashboard-stat.yellow {
  background-color: #ffb848;
}

.dashboard-stat.yellow .more { 
  background-color: #cb871b;
} 

.dashboard-stat.purple {
  background-color: #852b99;
}

.dashboard-stat.purple .more { 
  background-color: #6e1881;
} 

/***
Circle Stats(KNOB, new in v1.1.1)
***/

/* Circle stats */
.knobify {
  border: 0 !important;
  width: 0px;
}

.ie8 .knobify {
  display: none;
}

.circle-stat {
  background-color: #f8f8f8;
  padding:2px;
  margin-bottom: 10px;
}

.circle-stat:hover {
  background-color: #edf4f7;
}

.circle-stat:before,
.circle-stat:after {
  display: table;
  line-height: 0;
  content: "";
}
.circle-stat:after {
  clear: both;
}

.circle-stat .visual {
  display: block;
  float: left;
}

.circle-stat .details {
  display: block;
  float: left;  
  margin-left: 5px;
  padding-top: 7px;
}

.circle-stat .details .title {
  margin: 10px 0px 5px 0px !important;
  padding: 0px !important; 
  font-size: 13px;  
  text-transform: uppercase;
  font-weight: 300;
  color: #222;
}   

.ie8 .circle-stat .details .title {
  margin-top:5px !important;
}
.ie8 .circle-stat .details {
  padding-top: 0px !important;
  margin-bottom: 5px !important;
}

.circle-stat .details .title i {
  margin-top:2px !important;
  color: #52e136;
  font-size: 16px;
}

.circle-stat .details .title i.down {
  color: #b63625;
}

.circle-stat .details .number {
  margin: 0px !important;
  margin-bottom: 7px !important;
  font-size: 24px;
  padding: 0px; 
  font-weight: 300;
  color: #999;
}

/***
Tiles(new in v1.1.1)
***/
.tiles {
  margin-right: -10px;
}

.tile {
  display: block;
  letter-spacing: 0.02em;
  float: left;
  height: 130px;
  width: 130px !important;
  cursor: pointer;
  text-decoration: none;
  color: #ffffff;
  position: relative;
  font-weight: 300;
  font-size: 12px;
  letter-spacing: 0.02em;
  line-height: 20px;
  font-smooth: always;
  overflow: hidden;
  border: 4px solid transparent;
  margin: 0 10px 10px 0;
}

.tile:after,
.tile:before {
  content: "";
  float: left; 
}

.tile.double {
  width: 278px !important;
}

.tile.double-down {
  height: 278px !important;
}

.tile:active, .tile.selected {
  border-color: #ccc;
}

.tile:hover {
  border-color: #aaa;
}

.tile.selected .corner:after {  
  content: "";
  display: inline-block;
  border-left: 40px solid transparent;
  border-bottom: 40px solid transparent;
  border-right: 40px solid #ccc;
  position: absolute;
  top: -3px;
  right: -3px;
}

.tile.selected .check:after {  
  content: "";
  font-family: FontAwesome;
  font-size: 13px;
  content: "\f00c";
  display: inline-block;
  position: absolute;
  top: 2px;
  right: 2px;
}

.tile * {
  color: #ffffff;
}

.tile .tile-body {
  height: 100%;
  vertical-align: top;
  padding: 10px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  font-weight: 400;
  font-size: 12px;
  font-smooth: always;
  color: #000000;
  color: #ffffff;
  margin-bottom: 10px;
}

.tile .tile-body img {
  float: left;
  margin-right: 10px;
}

.tile .tile-body img.pull-right {
  float: right !important;
  margin-left: 10px;
  margin-right: 0px;
}

.tile .tile-body .content {
  display: inline-block;
}

.tile .tile-body > i {
  margin-top: 17px;
  display: block;
  font-size: 56px;
  text-align: center;
}

.tile.double-down i {
  margin-top: 95px;
}

.tile .tile-body h1,
.tile .tile-body h2,
.tile .tile-body h3,
.tile .tile-body h4,
.tile .tile-body h5,
.tile .tile-body h6,
.tile .tile-body p {
  padding: 0;
  margin: 0;
  line-height: 14px;
}

.tile .tile-body h3,
.tile .tile-body h4 {
  margin-bottom: 5px;
}

.tile .tile-body h1:hover,
.tile .tile-body h2:hover,
.tile .tile-body h3:hover,
.tile .tile-body h4:hover,
.tile .tile-body h5:hover,
.tile .tile-body h6:hover,
.tile .tile-body p:hover {
  color: #ffffff;
}

.tile .tile-body p {
  font-weight: 400;
  font-size: 13px;
  font-smooth: always;
  color: #000000;
  color: #ffffff;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tile .tile-body p:hover {
  color: rgba(0, 0, 0, 0.8);
}

.tile .tile-body p:active {
  color: rgba(0, 0, 0, 0.4);
}

.tile .tile-body p:hover {
  color: #ffffff;
}

.tile.icon > .tile-body {
  padding: 0;
}

.tile .tile-object {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  min-height: 30px;
  background-color: transparent;
  *zoom: 1;
}

.tile .tile-object:before,
.tile .tile-object:after {
  display: table;
  content: "";
}

.tile .tile-object:after {
  clear: both;
}

.tile .tile-object > .name {
  position: absolute;
  bottom: 0;
  left: 0;
  margin-bottom: 5px;
  margin-left: 10px;
  margin-right: 15px;
  font-weight: 400;
  font-size: 13px;
  font-smooth: always;
  color: #ffffff;
}

.tile .tile-object > .name i {
  display: block;
  font-size: 24px;
}

.tile .tile-object > .number {
  position: absolute;
  bottom: 0;
  right: 0;
  margin-bottom: 0;
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.01em;
  line-height: 14px;
  font-smooth: always;
  margin-bottom: 8px;
  margin-right: 10px;
}

.tile.image {  
  border-color1: transparent !important;
}

.tile.image > .tile-body {
  padding: 0 !important;
}

.tile.image > .tile-body > img{
  width: 100%;
  height: auto;
  min-height: 100%;
  max-width: 100%;
}

.tile.image .tile-body h3 {
  display: inline-block;
}

/***
Styler Panel
***/
.color-panel {
  z-index: 999;
  position:relative;
}

.color-panel .color-mode-icons {
  top:4px;
  right:0;
  padding:20px;
  cursor:pointer;
  position:absolute;
}

.color-panel .icon-color {
  background:#c9c9c9 url(../images/icon-color.png) center no-repeat !important;
}

.color-panel .icon-color:hover {
  background-color:#3d3d3d !important;
}

.color-panel .icon-color-close {
  display:none;
  background:#3d3d3d url(../images/icon-color-close.png) center no-repeat !important;
}

.color-panel .icon-color-close:hover {
  background-color:#222 !important;
}

.color-mode {
  top:4px;
  right:40px;
  display:none;
  padding:10px 0;
  position:absolute;
  background:#3d3d3d;
}

.color-mode p,
.color-mode ul,
.color-mode label {
  padding:0 15px;
}

.color-mode p {
  color:#cfcfcf;
  padding:0 15px;
  font-size:15px;
}

.color-mode ul {
  list-style:none;
  padding:4px 11px 5px;
  display: block;
  margin-bottom: 1px !important;
}

.color-mode li {
  width:16px;
  height:23px;
  margin:0 4px;
  cursor:pointer;
  list-style:none;
  border:solid 1px #707070;
}

.color-mode li:hover,
.color-mode li.current {
  border:solid 2px #ebebeb;
  margin:0 3px;
}

.color-mode li.color-black {
  background:#333438;
}

.color-mode li.color-grey {
  background:#6d6d6d;
}

.color-mode li.color-blue {
  background:#124f94;
}

.color-mode li.color-brown {
  background:#623f18;
}

.color-mode li.color-purple {
  background:#701584;
}

.color-mode li.color-white {
  background:#fff;
}

.color-mode label {
  color:#cfcfcf;
  padding-top:10px;
  padding-bottom: 0px;
  border-top:1px solid #585858;
  margin-top: 0px;
  margin-bottom: 0px;
}

.color-mode label span {  
  text-transform:uppercase;
}

.color-mode label > span {
  display: inline-block;
  width: 85px;
}

.color-mode label > select {
  margin-top: 5px;
  text-transform: lowercase;
}

.color-mode label  span.color-mode-label {
  top:2px;
  position:relative;
}

/***
Calendar with full calendar
***/
.external-event {
  display: inline-block !important;
  cursor:move;
  margin-bottom: 5px !important;  
  margin-left: 5px !important;
}

.portlet .event-form-title {
  font-size: 14px;
  margin-top: -8px;
  font-weight: 400;
  margin-bottom: 0px;
}

.portlet.calendar .fc-button {
  -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important;
  -webkit-text-shadow: none !important;
     -moz-text-shadow: none !important;
          text-shadow: none !important;
  border: 0 !important;
  padding: 7px 8px 11px 8px;
  margin-left:2px; 
  color: #fff !important;
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: solid;
  border-left-style: solid;
  border-color: #ddd;
  background: transparent;
  color: #646464;
  top: -47px;
}

.portlet.calendar .fc-header {
  margin-bottom:-21px;
}

.portlet.calendar .fc-button-prev {
  padding-right: 10px;
  padding-left: 8px;
}

.portlet.calendar .fc-button-next {
  padding-right: 8px;
  padding-left: 10px;
}

.portlet.calendar .fc-button.fc-state-active,
.portlet.calendar .fc-button.fc-state-hover {
  color: #666 !important;
  background-color: #F9F9F9 !important;
}

.portlet.calendar .fc-button.fc-state-disabled {
  color: #ddd !important;
}

.portlet.calendar .fc-text-arrow {
  font-size: 22px;
  font-family: "Courier New", Courier, monospace;
  vertical-align: baseline; 
}

/* begin: event element */
.portlet.calendar .fc-event {
  border: 0px;
  background-color: #69a4e0;
  color: #fff;
}

.portlet.calendar .fc-event-inner {
  border: 0px;
}

.portlet.calendar .fc-event-time {
  float: left;
  text-align: left;
  color: #fff;
  font-size: 13px;
  font-weight: 300;
}

.portlet.calendar .fc-event-title {
  text-align: left;
  float: left;
  color: #fff;
  font-size: 13px;
  font-weight: 300;
}
/* end: event element */

.portlet.calendar .fc-header-title h2 {
  font-size: 14px !important;
  line-height: 20px;
  font-weight: 400;
  color: #111;
}

.portlet.calendar .fc-widget-header {
  background-image: none !important;
  filter:none !important;
  background-color: #eee !important;
  text-transform: uppercase;
  font-color:#000;
  font-weight: 300;
}

.portlet.calendar .mobile .fc-button {
  margin-left: 2px !important;
}

.portlet.calendar .mobile .fc-button {
    padding: 6px 6px 6px 6px;
    margin-left:2px;  
    border: none !important;    
    background-color: #ddd !important;
      background-image: none;
      -webkit-box-shadow: none !important;
         -moz-box-shadow: none !important;
            box-shadow: none !important;
      -webkit-border-radius: 0 !important;
         -moz-border-radius: 0 !important;
              border-radius: 0 !important;
      color: #000 !important;
      border: none !important;
      text-shadow: none !important;
      text-align: center;
}

.portlet.calendar .mobile .fc-state-hover, 
.portlet.calendar .mobile .fc-state-active {
  background-color: #eee !important;
}

.portlet.calendar .mobile .fc-button-prev {
  margin-right: 5px;
  margin-top: -2px;
  padding: 3px 6px 3px 4px;
}

.portlet.calendar .mobile .fc-button-next {   
  margin-right: -0px;
  margin-top: -2px;
  padding: 3px 4px 3px 6px;
}

.portlet.calendar .mobile .fc-header-space {
  margin: 0px !important;
  padding: 0px !important;
  width: 0px !important;
}

  .portlet.calendar .mobile .fc-state-disabled {
      color: #bbb !important;
  }

  .portlet.calendar .mobile .fc-header-left {
    position: absolute;
    z-index: 10;
  }
    
  .portlet.calendar .mobile .fc-header-right {
    position: absolute;
     z-index: 9;
  }

  .portlet.calendar .mobile .fc-header-left .fc-button { 
    top: -2px !important;
  }

  .portlet.calendar .mobile .fc-header-right {
    position: relative;
    right:0;
  }

  .portlet.calendar .mobile .fc-header-right .fc-button { 
    top: 35px !important;
  }

  .portlet.calendar .mobile .fc-header-right .fc-button:last-child {
    margin-left: 0px !important;
  }

  .portlet.calendar .mobile .fc-content {
    margin-top: 53px;
  }

/***
Form wizard
***/

.form-wizard .progress {
  margin-bottom: 30px;
}

.form-wizard .steps {
  padding: 10px 0;
  margin-bottom: 15px;
}

.form-wizard .steps .navbar-inner {  
  background-color: #fff !important;
  background-image: none !important;
  filter:none !important;
  border: 0px;
  box-shadow: none !important;
}

.form-wizard .steps .navbar-inner li a {
  background-color: #fff !important;
  background-image: none !important;
  filter:none !important;
  border: 0px;
  box-shadow: none !important;
}

.form-wizard .step:hover {
  text-decoration: none;
}

.form-wizard .step .number {
  background-color: #eee;
  display: inline-block;
  font-size: 16px;
  font-weight: 300;
  padding: 12px 15px 12px 15px !important;
  margin-right: 10px;
  -webkit-border-radius: 50% !important;
     -moz-border-radius: 50% !important;
          border-radius: 50% !important;
}

.form-wizard .step .desc {
  display: inline-block;
  font-size: 14px;
  font-weight: 300;
}
 
.form-wizard .active .step .number {
  background-color: #35aa47;
  color: #fff;
}

.form-wizard .active .step .desc {
  font-weight: 400;
}

.form-wizard .step i {
  display: none;
}

.form-wizard .done .step .number {
  background-color: #f2ae43;
  color: #fff;
}

.form-wizard .done .step .desc {
  font-weight: 400;
}

.form-wizard .done .step i {
  font-size: 12px;
  font-weight: normal;
  color: #999;
  display: inline-block;
}

/* bootstrap chosen overlaping bug fix*/
.form-wizard .tab-pane .chzn-container {
  position: absolute !important;
}


/**************************
 PLUGIN CSS CUSTOMIZATIONS 
**************************/

/***
Google Maps
***/
.gmaps {
  height: 300px;
  width: 100%;
}

/* important!  bootstrap sets max-width on img to 100% which conflicts with google map canvas*/
.gmaps img {
  max-width: none; 
}

#gmap_static div{
  background-repeat: no-repeat !important;
  background-position: 50% 50% !important;
  height:100%;
  display:block;
  height: 300px;
}

#gmap_routes_instructions {
  margin-top: 10px;
  margin-bottom: 0px;
}

/***
SlimScrollBar plugins css changes
***/
.scroller {
  padding: 0px !important;
  margin: 0px !important;
  padding-right: 12px !important;
}

.portlet-body .slimScrollBar {
  margin-right: 0px !important;
}

/***
jqvmap changes
***/
.jqvmap-zoomin {
 background-color: #666 !important;
}

.jqvmap-zoomout {
 background-color: #666 !important; 
}

.vmaps {
  position: relative; 
  overflow: hidden;
  height: 300px;
}

/***
Daterangepicker plugin css changes
***/
.modal-open .daterangepicker {
  z-index: 10060 !important;
}

.daterangepicker td {
  text-shadow: none !important;
}

.daterangepicker td.active {
  background-color: #4b8df8 !important;
  background-image: none !important;
  filter:none !important;
}

.daterangepicker th {
  font-weight: 400;
  font-size: 14px;
}

/***
Toggle buttons plugin css changes
***/
.toggle-button, 
.toggle-button label {
  margin-top: 3px;
  background-image: none !important;
  filter:none !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -ms-border-radius: 0px !important;
  -o-border-radius: 0px !important;
  border: 1px solid #eee !important;
  -moz-border-radius-topleft: 0px !important;
  -webkit-border-top-left-radius: 0px !important;
  border-top-left-radius: 0px !important;
  -moz-border-radius-bottomleft: 0px !important;
  -webkit-border-bottom-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  -moz-border-radius-topright: 0px !important;
  -webkit-border-top-right-radius: 0px !important;
  border-top-right-radius: 0px !important;
  -moz-border-radius-bottomright: 0px !important;
  -webkit-border-bottom-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.toggle-button span.labelRight,
.toggle-button span.primary, 
.toggle-button span.labelLeft,
.toggle-button span.info,
.toggle-button span.success,
.toggle-button span.warning,
.toggle-button span.danger {
  -moz-border-radius-topleft: 0px !important;
  -webkit-border-top-left-radius: 0px !important;
  border-top-left-radius: 0px !important;
  -moz-border-radius-bottomleft: 0px !important;
  -webkit-border-bottom-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  -moz-border-radius-topright: 0px !important;
  -webkit-border-top-right-radius: 0px !important;
  border-top-right-radius: 0px !important;
  -moz-border-radius-bottomright: 0px !important;
  -webkit-border-bottom-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;

  font-size: 13px !important;
  font-weight: 300 !important;
  background-image: none !important;
  filter:none !important;
}

.toggle-button span.labelRight {
  background-color: #eee;
}

/***
Choosen plugin css changes
***/
.chzn-controls {
  margin-bottom: -4px !important;
}

.chzn-controls .help-inline {
  display: inline-block;
  margin-top  : 6px;  
}

.chzn-container {
  display: block;
  margin: 0;
  padding: 0 !important;
  box-shadow: none !important;
}

.chzn-container-single {
  margin: 0 !important;
  padding: 0 !important;  
}

/* fix chosen margins in form layouts */
.controls .chzn-container-single {
  float: left;
}
  
.chzn-container-single .chzn-single {
  box-shadow: none !important;
  background-image: none !important;
  filter:none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  height: 31px !important;
  border-color: #e5e5e5;
  margin: 0 !important;
}

/* enable form validation classes for chosen dropdowns */
.error .chzn-container-single .chzn-single {
  border-color: #B94A48;
}

.error .chzn-container-single .chzn-single span {
  color: #B94A48;
}

.success .chzn-container-single .chzn-single {
  border-color: #468847;
}

.success .chzn-container-single .chzn-single span {
  color: #468847;
}

.chzn-container-single .chzn-single > span {
   margin-top: 1px;
}

.chzn-container-single .chzn-single > abr {
   margin-top: 3px;
}

.chzn-container-single .chzn-search input:focus,
.chzn-container-single .chzn-search input:active {
  border:1px solid #000 !important;
  box-shadow: none !important;
}

.chzn-container .chzn-choices li.search-choice {
  background-image: none !important;
  filter:none !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 300 !important;
  text-shadow:none !important;
  background-color: #eee !important;
  border: 0 !important;
}

.chzn-container .chzn-results .highlighted  {
  background-image: none !important;
  filter:none !important;
  background-color: #eee !important;
  color: #111 !important;
}

.chzn-container-multi .chzn-choices  {
  background-image: none !important;
  filter:none !important;
  box-shadow: none !important;
  border-color: #e5e5e5 !important;
  padding: 2px 1px 1px 1px !important;
}

.chzn-container-multi .chzn-choices .search-choice.search-choice-disabled {
  background-image: none !important;
  filter:none !important;
}

.chzn-x-multi .chzn-choices {
  box-shadow: none !important;
}

.chzn-container .group-result {
  color: #333 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
}

/***
Select2 plugin css changes
***/

/* enable form validation classes for select2 dropdowns */
.error .select2-container .select2-choice {
  border-color: #B94A48;
}

.error .select2-container .select2-choice > span {
  color: #B94A48;
}

.error .select2-container.select2-dropdown-open .select2-choice {
  border-color: #e5e5e5; 
}

.error .select2-container.select2-dropdown-open .select2-choice > span {
  color: #999999;
}

.success .select2-container .select2-choice {
  border-color: #468847;
}

.success .select2-container .select2-choice > span {
  color: #468847;
}

.success .select2-container.select2-dropdown-open .select2-choice {
  border-color: #e5e5e5; 
}

.success .select2-container.select2-dropdown-open .select2-choice > span {
  color: #999999;
}


/***
Fileuploader plugin css changes
***/
.fileupload .btn {
  padding: 7px 14px !important;
}

.fileupload-exists {
  padding: 0px;
}

.fileupload .fileupload-preview {
  background-color: #fff !important;
  background-image: none !important;
  filter:none !important;
}

.fileupload .close {
  position: relative;
  top:0px !important;
}

/***
Clockface plugin css changes
***/
.clockface .cell .inner.active,
.clockface .cell .outer.active {
  background-image: none !important;
  filter:none !important;
}

/***
WYSIWYG
***/
.wysihtml5-toolbar li {
  margin: 0px;
  height: 29px;
}

.wysihtml5-toolbar li .dropdown-menu {
  margin-top: 5px;
}

/***
CKEditor css changes
***/
.cke_bottom, 
.cke_inner, 
.cke_top, 
.cke_reset, 
.cke_dialog_title,
.cke_dialog_footer,
.cke_dialog {
  background-image: none !important;
  filter:none !important; 
  border-top: 0 !important;
  border-bottom: 0 !important;
   -webkit-box-shadow: none !important;
      -moz-box-shadow: none !important;
           box-shadow: none !important;
  text-shadow:none !important;
}

.cke_dialog_ui_button,
.cke_dialog_tab {
  background-image: none !important;
  filter:none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  text-shadow:none !important;
}

.cke_dialog_ui_button:hover,
.cke_dialog_tab:hover {
  text-decoration: none;
  text-shadow:none !important;
}

.cke_dialog_ui_input_text {
  background-image: none !important;
  filter:none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

.cke_combo_button, 
.cke_button, 
.cke_toolbar, 
.cke_toolgroup {
  background-image: none !important;
  filter:none !important;
  border: 0 !important;
   -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

.cke_button, 
.cke_combo_button,
.cke_panel_grouptitle,
.cke_hc.cke_panel_listItem a {  
  background-image: none !important;
  filter:none !important;
  text-shadow:none !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -ms-border-radius: 0px !important;
  -o-border-radius: 0px !important;
}

.cke_button:hover, 
.cke_combo_button:hover {  
  background-color: #ddd;
}

.cke_toolbar_break {
  background-image: none !important;
  filter:none !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-box-shadow : none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
}

/***
Modify tags input plugin css
***/
div.tagsinput {
  height: 40px !important;
  margin: 0 !important;
  padding: 5px !important;
  overflow: auto !important;
}

div.tagsinput span.tag {
  background: #aaa !important;
  color: #fff !important;
  border: 0 !important;
  padding: 3px 6px !important;
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
  margin-bottom: 4px !important;
}

div.tagsinput input {
  padding: 3px 6px !important; 
}

div.tagsinput span.tag a {
  color: #fff !important;
}

div.tagsinput .not_valid {
  color: #fff !important;
  padding: 3px 6px !important;
  background-color: #e02222 !important;
}

/***
Gritter notification modify
***/
.gritter-close {
  left:auto !important;
  right: 3px !important;
}

.gritter-title {
  font-family:  'Open Sans' !important;
  font-size: 18px !important;
  font-weight: 300 !important;
}

/***
Bootstrap carousel css changes
***/
.carousel-inner .item {
  line-height: 20px;
}

/***
Glyphicons Demo(new in v1.1.1)
***/
.glyphicons-demo {
  text-align: center;
}

.glyphicons-demo .glyphicons {
  display:inline-block;
  *display:inline;
  *zoom:1;
  width:150px;
  font-size:14px;
  line-height:48px;
  margin-right: 20px;
  color: #999;
  text-align: left;
}

.glyphicons-demo .glyphicons i:before{
  line-height:55px!important;
  color: #666;
}

.halfings-demo .white-content{
  margin:0 -20px 0 -20px;
  padding:20px;
  background:#000;
  background:rgba(0,0,0,0.9)
}

.halfings-demo .white-content *,
.halfings-demo .white-content p,
.halfings-demo .white-content a{
  color:#fff
}

.halfings-demo h2 {
  text-align: left;
}

.halfings-demo p,
.halfings-demo a  {
  width: 175px;
  font-size: 14px;
  line-height: 14px;
  text-align: left;
  display: inline-block;
  margin-right: 10px;
}

.halfings-demo .halflings, 
.halfings-demo .halflings-icon {
  margin:0 5px 0 0
}

/***
jQuery UI Sliders(new in v1.1.1)
***/
.table.sliders td {
  padding: 15px 10px !important;
}

.table.sliders .slider {
  margin-top: 4px;
}

.table.sliders .slider-value {
  padding-top: 5px;
  font-weight: 400;
}

.table.sliders .slider-vertical-value {
  padding-bottom: 5px;
  font-weight: 400;
}

.slider {
  border: 0 !important;
}

.ui-slider-vertical,
.ui-slider-handle {
  filter: none !important;
  background-image: none !important;
}

.slider-eq > span {
    height:125px; 
    float:left; 
    margin:15px
}

/***
Dropzone css changes(new in v1.1.1)
***/
.dropzone {
  webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
         border-radius: 0px !important;
}

/***
Bootstrap Tree CSS changes(new in v1.1.2)
***/
.tree {
  margin: 0;
  padding: 0;
}

.tree a {
  padding: 2px 3px 3px 3px;
  display: block !important;
  line-height: 16px !important;
}

.tree a:hover {
  text-decoration: none;
  background-color: #eee;
}

.tree a.tree-toggle-icon-only,
.tree a.tree-toggle  {
  background-position: 2px -20px;
}

.tree a.tree-toggle.closed, 
.tree a.tree-toggle-icon-only.closed {
  background-position: 2px 3px;
}

/***
jQuery UI Datepicker(new in v1.2.2)
***/
.ui-widget-header select {
  padding: 2px !important;
  height: 30px;
  margin: 0 !important;
  margin-top: -1px !important;
}

.ui-datepicker.ui-widget-content {
  background: none !important;
  background-color: #eee !important;
}

.ui-datepicker .ui-widget-header {
  background: none !important;
  background-color: #e0e0e0 !important;
  border: 0 !important;
  box-shadow: none !important;
  height: 28px;
}

.ui-widget-header .ui-icon {
  background-image: url(../images/ui-icons_888888_256x240.png);
}

.ui-widget-header .ui-datepicker-next,
.ui-widget-header .ui-datepicker-prev {
  margin: 2px 2px 2px 2px;
}

.ui-widget-header .ui-state-hover,
.ui-widget-header .ui-state-active {
  background-color: #F2F2F2 !important;
  border-color: #F2F2F2 !important;
  background-image: none !important;
}

.ui-datepicker .ui-datepicker-title {
  font-weight: 400 !important;
  text-transform: uppercase !important;
  font-size: 14px !important;
  color: #333;
}

.ui-datepicker .ui-datepicker-title span {
  display: inline-block;
  padding-top: 2px;
}

.ui-datepicker .ui-datepicker-calendar thead span {
  font-weight: 300 !important;
  font-size: 13px !important;  
  text-transform: uppercase !important;
  color: #333 !important;
}

.ui-datepicker .ui-datepicker-week-col {
  font-weight: 400 !important;
  font-size: 13px !important;  
  text-transform: uppercase !important;
  color: #333 !important;
}

.ui-datepicker tbody .ui-datepicker-week-col {
  text-align: center;
}
 

.ui-datepicker .ui-datepicker-calendar .ui-state-default {
  font-weight: 300 !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  color: #333 !important;
  border-color:#DEDEDE;
  background-color: #DEDEDE !important;
} 

.ui-datepicker .ui-datepicker-calendar .ui-state-active,
.ui-datepicker .ui-datepicker-calendar .ui-state-hover {
  background-image: none !important;  
  border-color:#ffb848;
  background-color: #ffb848 !important;
}

.ui-datepicker .ui-datepicker-calendar .ui-state-highlight {
   background-image: none !important;  
   background-color: #FFDBA3 !important;
   border-color:#ffb848;
}

.ui-datepicker .ui-datepicker-calendar .ui-state-active {
   background-image: none !important;  
   background-color: #ffb848 !important;
   border-color:#ffb848;
}

.ui-datepicker button.ui-state-default {
  background-image: none !important;
  background-color: #35aa47 !important;
  border-color: #35aa47 !important;
  color: #fff;
} 

.ui-datepicker button.ui-state-hover {
    border-color: #1d943b !important;
    background-color: #1d943b !important;
    color: #fff !important;

}

.ui-datepicker button.ui-state-default.ui-priority-secondary {
   font-weight: 300 !important;
  font-size: 13px !important;
}

.ui-datepicker button.ui-state-default.ui-priority-primary {
   font-weight: 300 !important;
  font-size: 13px !important;
}

/***
jQuery UI Dialogs(new in v1.2.4)
***/
.ui-dialog {
  z-index: 10011 !important;
  background: none !important;
  background-color: #eee !important;
}

.ui-dialog .ui-dialog-titlebar {
  font-weight: 300 !important;
  font-size: 14px !important;
  text-transform: uppercase !important;
  color: #333 !important;
  background: none !important;
  background-color: #e0e0e0 !important;
  border: 0 !important;
  box-shadow: none !important;
  font-family: 'Open Sans';
}

.ui-dialog .ui-dialog-titlebar-close {
  outline: none !important;
  border: 0 !important;
  box-shadow: none;
  background: url(../images/hor-menu-search-close.png) no-repeat center;
  margin-top: -12px !important;
}

.ui-dialog .ui-dialog-titlebar-close:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

/*dialog title bg colors*/
.ui-dialog.ui-dialog-blue .ui-dialog-titlebar {
  color: #fff !important;
  background-color: #4b8df8 !important;
}

.ui-dialog.ui-dialog-blue .ui-dialog-titlebar-close {
  background: url(../images/hor-menu-search-close-white.png) no-repeat center;
}

.ui-dialog.ui-dialog-red .ui-dialog-titlebar {
  color: #fff !important;
  background-color: #e02222 !important;
}

.ui-dialog.ui-dialog-red .ui-dialog-titlebar-close {
  background: url(../images/hor-menu-search-close-white.png) no-repeat center;
}

.ui-dialog.ui-dialog-yellow .ui-dialog-titlebar {
  color: #fff !important;
  background-color: #ffb848 !important;
}

.ui-dialog.ui-dialog-yellow .ui-dialog-titlebar-close {
  background: url(../images/hor-menu-search-close-white.png) no-repeat center;
}

.ui-dialog.ui-dialog-green .ui-dialog-titlebar {
  color: #fff !important;
  background-color: #35aa47 !important;
}

.ui-dialog.ui-dialog-green .ui-dialog-titlebar-close {
  background: url(../images/hor-menu-search-close-white.png) no-repeat center;
}

.ui-dialog.ui-dialog-purple .ui-dialog-titlebar {
  color: #fff !important;
  background-color: #852b99 !important;
}

.ui-dialog.ui-dialog-purple .ui-dialog-titlebar-close {
  background: url(../images/hor-menu-search-close-white.png) no-repeat center;
}

.ui-dialog.ui-dialog-grey .ui-dialog-titlebar {
  color: #fff !important;
  background-color: #555555 !important;
}

.ui-dialog.ui-dialog-grey .ui-dialog-titlebar-close {
  background: url(../images/hor-menu-search-close-white.png) no-repeat center;
}
/*dialog title bg colors*/

.ui-dialog .ui-dialog-content {
  font-family: 'Open Sans';
  font-size: 13px !important;
  color: #333 !important;
}

.ui-dialog .ui-dialog-content .icon {
  display: inline-block;
  float: left; 
  margin: 5px 7px 20px 0;
}

.ui-widget-overlay.ui-front {
  z-index: 10010;
  background: #333 !important;
}

/***
Sidebar Content
***/
.sidebar-content {
 margin-top: 20px;
}

/***
Horezantal Menu(new in v1.2)
***/

.header .hor-menu {
  margin: 0;
  float: left;
}

.header .hor-menu ul.nav li a {
  font-size: 14px;
  padding: 11px 18px; 
}

.ie8 .header .hor-menu a.dropdown-toggle {
  padding-top: 10px !important;
}

.header .hor-menu ul.nav li {
  position: relative;
}

.header .hor-menu ul.nav li.active > a,
.header .hor-menu ul.nav li.active > a:hover {
  background: #e02222 !important; 
}

.ie8 .header .hor-menu ul.nav li.active > a {
  padding-top: 13px;
  padding-bottom: 12px; 
}

.ie9 .header .hor-menu ul.nav li.active > a {
  padding-top: 10px;
  padding-bottom: 12px; 
}

.header .hor-menu ul.nav li.active .selected {
  left: 50%;
  bottom:0;
  position: absolute;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #e02222;
  display: inline-block;
  margin: 0;
  width: 0px;
  height:0px;
  margin-left: -7px;
  margin-bottom:-6px;
}

.header .hor-menu ul.nav li a:hover,
.header .hor-menu ul.nav li a:focus {
    background: #2d2d2d;
}

/*drop-down*/
.dropdown-menu{margin-top:10px;}
.header .hor-menu .dropdown-menu {
    margin-top: 0;
    border: none;
    box-shadow: none;
    background: #2d2d2d;
}

.header .hor-menu .dropdown-menu li > a {
    color: #999;
    padding: 7px 18px !important; 
    margin-bottom:1px;
}

.header .dropdown-menu .arrow {
  display: none;
}

.header .hor-menu ul.nav > li > a > .arrow:before {  
   margin-top: 7px;
   margin-left: 3px;
   display: inline;
   font-size: 16px;
   font-family: FontAwesome;
   height: auto;
   content: "\f107";
   font-weight: 300;
   text-shadow:none;
}

.header .hor-menu ul.nav > li .dropdown-menu > li > a > .arrow:before {
   float: right;
   margin-top: 1px;
   margin-right: -5px;
   display: inline;
   font-size: 16px;
   font-family: FontAwesome;
   height: auto;
   content: "\f105";
   font-weight: 300;
   text-shadow:none;
}

.header .hor-menu .dropdown-menu li > a:hover,
.header .hor-menu .dropdown-menu li:hover > a,
.header .hor-menu .dropdown-menu li.active > a {
    color: #fff;
    filter:none !important;
    background: #e02222 !important;
}

.header .hor-menu .nav > li > .dropdown-menu:after,
.header .hor-menu .nav > li > .dropdown-menu:before {
    border-bottom: none !important;
}

/*search*/
.header .hor-menu .hor-menu-search-form-toggler {
    display: inline-block;
    padding: 11px 22px 11px 22px !important;
    cursor: pointer;
    background: url(../images/hor-menu-search.png) no-repeat center;
}

.header .hor-menu .hor-menu-search-form-toggler:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.header .hor-menu .hor-menu-search-form-toggler.hide {
   background: #101010 url(../images/hor-menu-search-close.png) no-repeat center;
}

.header .hor-menu a.hor-menu-search-form-toggler-close {
  display: none;
}

.header .hor-menu .search-form {
  top:42px; 
  right:0px; 
  padding:8px; 
  display:none;
  z-index:999; 
  position:absolute; 
  background:#101010; 
}

.header .hor-menu .search-form .btn {
  color: #999;
  padding: 7px 20px; 
  height: 32px;
  width: 10px;
  display: inline-block;
  background: #2d2d2d url(../images/search-icon.png) no-repeat center;
}

.header .hor-menu .search-form .btn:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.header .hor-menu .search-form form {
  margin-bottom: 0;
}

.header .hor-menu .search-form form input {
  color: #999;
  border: none;
}

.header .hor-menu .search-form form input::-webkit-input-placeholder { /* WebKit browsers */
    color: #999;
}
.header .hor-menu .search-form form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999;
}
.header .hor-menu .search-form form input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;
}
.header .hor-menu .search-form form input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #999;
}

/***
Dashboard Charts(new in v1.2.1)
***/
.easy-pie-chart,
.sparkline-chart {
   text-align: center;
}

.sparkline-chart {
  margin-top: 15px;
  position:relative !important;
}

.easy-pie-chart .number {
    font-size: 16px;
    font-weight: 300;
    width: 85px;
    margin: 0 auto;
}

.sparkline-chart .number {  
    width: 100px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.sparkline-chart .title,
.easy-pie-chart .title {
    display: block;
    text-align: center;
    color: #333;
    font-weight: 300;
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.sparkline-chart .title:hover,
.easy-pie-chart .title:hover {
  color: #666;
  text-decoration: none;
}


/***
Top News Blocks(new in v1.2.2)
***/
.top-news {
  color: #fff;
  margin: 8px 0;
}

.top-news a,
.top-news em,
.top-news span {
  display: block;
  text-align: left;
}

.top-news a {
  padding: 10px;
  position: relative;
  margin-bottom: 10px;
}

.top-news a .top-news-icon {
  right: 8px;
  bottom: 15px; 
  opacity:0.3; 
  font-size: 35px;
  position: absolute;
  filter: alpha(opacity=30); /*For IE8*/  
}

.top-news em {
  margin-bottom: 0;
  font-style: normal;
}

.top-news span {
  font-size: 18px;
  margin-bottom: 5px;
}

/***
Bootstrap Carousel(new in v1.2.2)
***/
.carousel {
  margin-bottom: 0;
}

.carousel .carousel-caption a {
  color: #fff;
}

.carousel .carousel-inner .item {
  margin-bottom: 10px;
}

.carousel a.carousel-control {
  border: none;
  padding: 5px;
  display: none;
}

.carousel:hover a.carousel-control {
  display: block;
  width: 40px;
  height: 40px;
}

/***
Block Images(new in v1.2.2)
***/
.blog-images {
  margin-bottom: 0;
}

.blog-images li {
  display: inline;
}

.blog-images li a:hover {
  text-decoration: none;
}

.blog-images li img {
  width: 50px;
  height: 50px;
  opacity: 0.6;
  margin: 0 2px 8px;
}

.blog-images li img:hover {
  opacity: 1;
  box-shadow: 0 0 0 4px #72c02c;
  transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -webkit-transition: all 0.4s ease-in-out 0s;
}

/*Sidebar Tags*/
ul.sidebar-tags a {
  color: #555;
  font-size:12px;
  padding:2px 5px;
  background:#f7f7f7;
  margin:0 2px 5px 0;
  display:inline-block;
}

ul.sidebar-tags a:hover,
ul.sidebar-tags a:hover i {
  color:#fff;
  background: #555;
  text-decoration:none;
  -webkit-transition:all 0.3s ease-in-out;
  -moz-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
}

ul.sidebar-tags a i {
  color:#777;
}

ul.sidebar-tags li {
  padding: 0;
}

/***
Social Icons(new in v1.2.2)
***/
.social-icons {
  margin:0;
}

.social-icons:after,
.social-icons:before {  
  content: "";
  display: table;
}

.social-icons:after {    
  clear: both;
}

.social-icons li {
  float:left;
  display:inline;
  list-style:none;
  margin-right:5px;
  margin-bottom:5px;
  text-indent:-9999px;
}
.social-icons li a, a.social-icon {
  width:28px;
  height:28px;
  display:block;
  background-position:0 0;
  background-repeat:no-repeat;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.social-icons li:hover a {
  background-position:0 -38px;
}

.social-icons .amazon {background: url(../images/social/amazon.png) no-repeat;}
.social-icons .behance {background: url(../images/social/behance.png) no-repeat;}
.social-icons .blogger {background: url(../images/social/blogger.png) no-repeat;}
.social-icons .deviantart {background: url(../images/social/deviantart.png) no-repeat;}
.social-icons .dribbble {background: url(../images/social/dribbble.png) no-repeat;}
.social-icons .dropbox {background: url(../images/social/dropbox.png) no-repeat;}
.social-icons .evernote {background: url(../images/social/evernote.png) no-repeat;}
.social-icons .facebook {background: url(../images/social/facebook.png) no-repeat;}
.social-icons .forrst {background: url(../images/social/forrst.png) no-repeat;}
.social-icons .github {background: url(../images/social/github.png) no-repeat;}
.social-icons .googleplus {background: url(../images/social/googleplus.png) no-repeat;}
.social-icons .jolicloud {background: url(../images/social/jolicloud.png) no-repeat;}
.social-icons .last-fm {background: url(../images/social/last-fm.png) no-repeat;}
.social-icons .linkedin {background: url(../images/social/linkedin.png) no-repeat;}
.social-icons .picasa {background: url(../images/social/picasa.png) no-repeat;}
.social-icons .pintrest {background: url(../images/social/pintrest.png) no-repeat;}
.social-icons .rss {background: url(../images/social/rss.png) no-repeat;}
.social-icons .skype {background: url(../images/social/skype.png) no-repeat;}
.social-icons .spotify {background: url(../images/social/spotify.png) no-repeat;}
.social-icons .stumbleupon {background: url(../images/social/stumbleupon.png) no-repeat;}
.social-icons .tumblr {background: url(../images/social/tumblr.png) no-repeat;}
.social-icons .twitter {background: url(../images/social/twitter.png) no-repeat;}
.social-icons .vimeo {background: url(../images/social/vimeo.png) no-repeat;}
.social-icons .wordpress {background: url(../images/social/wordpress.png) no-repeat;}
.social-icons .xing {background: url(../images/social/xing.png) no-repeat;}
.social-icons .yahoo {background: url(../images/social/yahoo.png) no-repeat;}
.social-icons .youtube {background: url(../images/social/youtube.png) no-repeat;}
.social-icons .vk {background: url(../images/social/vk.png) no-repeat;}
.social-icons .instagram {background: url(../images/social/instagram.png) no-repeat;}


/***
Responsive tables(new in v1.2.3)
***/

.flip-scroll table { width: 100%; }

@media only screen and (max-width: 800px) {
  
  .flip-scroll table {border-left: 1px solid #ddd}
  .flip-scroll .flip-content:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
  .flip-scroll * html .flip-content { zoom: 1; }
  .flip-scroll *:first-child+html .flip-content { zoom: 1; }
  
  .flip-scroll table { width: 100%; border-collapse: collapse; border-spacing: 0; }
 
  .flip-scroll th,
  .flip-scroll td { margin: 0; vertical-align: top; }
  .flip-scroll th { text-align: left; }
  
  .flip-scroll table { display: block; position: relative; width: 100%; }
  .flip-scroll thead { display: block; float: left; }
  .flip-scroll tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
  .flip-scroll thead tr { display: block; }
  .flip-scroll th { display: block; text-align: right; }
  .flip-scroll tbody tr { display: inline-block; vertical-align: top; }
  .flip-scroll td { display: block; min-height: 1.25em; text-align: left; }
 
 
  /* sort out borders */
 
  .flip-scroll th { border-bottom: 0; border-left: 0; }
  .flip-scroll td { border-left: 0; border-right: 0; border-bottom: 0; }
  .flip-scroll tbody tr { border-left: 1px solid #ddd; }
  .flip-scroll th:last-child,
  .flip-scroll td:last-child { border-bottom: 1px solid #ddd; }
}

.no-more-tables table {
  width: 100%;
}

@media only screen and (max-width: 800px) {
  
  /* Force table to not be like tables anymore */
  .no-more-tables table, 
  .no-more-tables thead, 
  .no-more-tables tbody, 
  .no-more-tables th, 
  .no-more-tables td, 
  .no-more-tables tr { 
    display: block; 
  }
 
  /* Hide table headers (but not display: none;, for accessibility) */
  .no-more-tables thead tr { 
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
 
  .no-more-tables tr { 
    border-left: 1px solid #ddd; 
    border-bottom: 1px solid #ddd; 
  }

  .no-more-tables tr:last-child {
    border-bottom: 0;
  }
 
  .no-more-tables td { 
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee; 
    position: relative;
    padding-left: 50%; 
    white-space: normal;
    text-align:left;
  }
 
  .no-more-tables td:before { 
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%; 
    padding-right: 10px; 
    white-space: nowrap;
    text-align:left;
    font-weight: bold;
  }
 
  /*
  Label the data
  */
  .no-more-tables td:before { content: attr(data-title); }
}

/***
Fancy box fix overlay fix(in v1.2.4)
***/
.fancybox-overlay {
  z-index: 10000 !important;
}

/***
Bootstrap Datetimepickers Restyle(in v1.2.4)
***/
.modal-open .datetimepicker {
  z-index: 10060 !Important;
}

.datetimepicker table .active {
  background-image: none !important;
  background-color: #4b8df8 !important;
  filter: none !important;
}

.datetimepicker table td {
  font-weight: 300 !important;
  font-family: 'Open Sans' !important;
}

.datetimepicker table th {
  font-family: 'Open Sans' !important;
  font-weight: 400 !important;
}

/***
Bootstrap Datepickers Restyle(in v1.2.4)
***/
.modal-open .datepicker {
  z-index: 10060 !Important;
}

.datepicker table .active {
  background-image: none !important;
  background-color: #4b8df8 !important;
  filter: none !important;
}

.datepicker table td {
  font-weight: 300 !important;
  font-family: 'Open Sans' !important;
}

.datepicker table th {
  font-family: 'Open Sans' !important;
  font-weight: 400 !important;
}


/***
Bootstrap Colorpicker (in v1.3)
***/
.modal-open .colorpicker {
  z-index: 10060 !important;
}

/***
Dropdown Checkboxes (in v1.3)
***/
.dropdown-checkboxes {
  padding: 5px;
}

.dropdown-checkboxes label {
  color: #333;
  margin-bottom: 4px;
  margin-top: 4px; 
}

/***
Datatables Plugin(in v1.3)
***/
.dataTable {  
  clear: both;
  margin-top: 0;
  border-collapse:collapse; 
 
}

.dataTables_filter label {
  line-height: 32px !important;
}

.dataTable .row-details {  
  margin-top: 3px;
  display: inline-block;
  cursor: pointer;
  width: 14px;
  height: 14px;
}

.dataTable .row-details.row-details-close {
  background: url("../images/datatable-row-openclose.png") no-repeat 0 0;
}

.dataTable .row-details.row-details-open {  
  background: url("../images/datatable-row-openclose.png") no-repeat 0 -23px !important;
}

.dataTable .details {
  background-color: #eee !important;
}

.dataTable .details td,
.dataTable .details th {
  padding: 4px;
  background-color: none !important;
  border: 0;
}

.dataTable .details tr:hover td,
.dataTable .details tr:hover th {
  background-color: none !important;
}

.dataTable .details tr:nth-child(odd) td,
.dataTable .details tr:nth-child(odd) th {
  background-color: #eee !important;
}

.dataTable .details tr:nth-child(even) td,
.dataTable .details tr:nth-child(even) th {
background-color: #eee !important;
}
...table-striped select{width:90px !important; margin:0 !important; height:24px; padding:0;}
.headerInput{margin:8px 100px 0 0;border-radius:16px !important; height:16px !important; line-height:16px !important; width:144px !important; background: #fff url(../images/searchIcon.png) no-repeat right;}

.chatBox{ padding:0; margin:0; width:190px; height:auto; border:0px solid; border-radius:5px 5px 0 0; background:#333333; position:fixed; bottom:26px; right:40px; z-index:11111;}
.chatTitle{ padding:0; margin:0; background:#000000; height:34px;}
.chatTitle label{ padding:4px 0 0 30px; font-weight:bold; margin:0; font-size:11px !important; line-height:26px; color:#FFFFFF; background:url("../images/icons.png") no-repeat scroll -95px -218px; height:24px; float:left;}
.urlList{ padding:0; margin:0; background:#000000; height:34px;}
.urlList label{ padding:4px 0 0 30px; font-weight:bold; margin:0; line-height:26px; color:#FFFFFF; background:url("../images/icons.png") no-repeat scroll -165px -190px; height:24px; float:left;}
.closeIcon{float:right; color:#FFFFFF !important; margin:8px 10px 0 0; cursor:pointer;}
.closeIcon1{float:right; color:#FFFFFF !important; margin:8px 10px 0 0; cursor:pointer;}
.minimiseIcon{cursor:pointer; color:#FFFFFF !important; margin:7px 10px;}
.chatBox ul{ padding:0; margin:0;}
.chatBox ul li{ padding:0; margin:10px 0; display:block; list-style:none; color:#FFFFFF; cursor:pointer;}
.chatBox ul li:hover{background:#999;}
.chatBox ul li label{ padding:0 0 0 10px; margin:0; float:left; display: inline; position:relative;}
.chatBox ul li span{ padding:0 0 0 14px; margin:0; line-height:30px; display:inline-block; color:#FFFFFF; position:relative; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:100px;}
.offline{padding:0; margin:0; background:url(../images/offline.png) no-repeat; width:19px; height:19px; position:absolute; right:-4px; bottom:0;}
.online{padding:0; margin:0; background:url(../images/green.png) no-repeat; width:19px; height:19px; position:absolute; right:-4px; bottom:0;}
.busy{padding:0; margin:0; background:url(../images/red.png) no-repeat; width:19px; height:19px; position:absolute; right:-4px; bottom:0;}
.away{padding:0; margin:0; background:url(../images/yellow.png) no-repeat; width:19px; height:19px; position:absolute; right:-4px; bottom:0;}
.onlineAvtar{ color:#fff; font-size:12px; font-weight:bold; padding:6px 0 0 7px; display:inline-block;}
.activeAvtar{ width:10px; height:10px; background:url(../images/green1.png) no-repeat; display:inline-block;}
.titleBusy{padding:0; margin:0; background:url(../images/red1.png) no-repeat; width:19px; height:19px; position:absolute; top:13px;}
.titleAway{padding:0; margin:0; background:url(../images/yellow1.png) no-repeat; width:19px; height:19px; position:absolute; top:13px;}
.titleOnline{padding:0; margin:0; background:url(../images/green1.png) no-repeat; width:19px; height:19px; position:absolute; top:13px;}
.titleOffline{padding:0; margin:0; background:url(../images/grey1.png) no-repeat; width:19px; height:19px; position:absolute; top:13px;}

.chatIcon{ margin-right:10px; cursor:pointer;}
.chatMiniBox{ padding:0; margin:0; width:290px; height:343px; z-index:111111; border:1px solid #000; border-radius:5px 5px 0 0; background:#fff; position:fixed; bottom:26px; right:300px;}
.chatMiniBox ul{ padding:0; margin:0; height:225px; overflow:auto; overflow-y:scroll; border-bottom:0px solid #ccc; background:#F4F4F4;}
.chatMiniBox ul li{ padding:0; margin:10px 4px; display:block; list-style:none;}  
.chatMiniBox ul li label{ padding:0; margin:10px; display: inline; position:relative;}
.chatMiniBox ul li span{ padding:3px; margin:10px 0; display:inline-block; border:1px solid #ccc; width:190px; border-radius:4px; word-wrap:break-word;}
.textArea{border-top:1px solid #ccc;}
.textArea textarea{width:245px; height:53px; border:0; resize:none;}
.fl{float:left;}
.fr{float:right;}
.tabContent{ position:relative; cursor:pointer;}

.arrow_box {background: #fff; border: 1px solid #ccc; }
.arrow_box:after, .arrow_box:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.arrow_box:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 10px; right: 4%; margin-left: -53px; }
.arrow_box:before { border-color: rgba(204, 204, 204, 0); border-bottom-color: #ccc; border-width: 11px; right: 3%; margin-left: -52px; }

.arrow_center { position: relative; background: #fff; border: 1px solid #ccc; }
.arrow_center:after, .arrow_center:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.arrow_center:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 10px; left: 50%; margin-left: -10px; }
.arrow_center:before { border-color: rgba(204, 204, 204, 0); border-bottom-color: #ccc; border-width: 11px; left: 50%; margin-left: -11px; }

.arrow_right { position: relative; background: #fff; border: 1px solid #ccc; }
.arrow_right:after, .arrow_right:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.arrow_right:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 10px; right:4px; }
.arrow_right:before { border-color: rgba(204, 204, 204, 0); border-bottom-color: #ccc; border-width: 11px; right:3px; }

.arrow_settings { position: relative; background: #25AE90; border: 1px solid #ccc; }
.arrow_settings:after, .arrow_right:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.arrow_settings:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #25AE90; border-width: 10px; right:4px; }
.arrow_settings:before { border-color: rgba(204, 204, 204, 0); border-bottom-color: #25AE90; border-width: 11px; right:3px; }

.databoxPosition{position:relative;}
.dataBoxTimeline{left:-137px !important; top:33px !important;}
.dataBox{width:150px; display:none; height:auto; border:1px solid #ccc; padding:0 5px; z-index:1; position:absolute; left:-74px; top:30px;
   -moz-box-shadow: 0 0 6px -3px #000;
   -webkit-box-shadow: 0 0 6px -3px #000;
   -ms-box-shadow: 0 0 6px -3px #000;
   box-shadow: 0 0 6px -3px #000;
  }
  .dataBox ul{padding:0; margin:0;}
  .dataBox ul li{display:block; list-style:none; background:#f5f5f5; color:#26a9e1;}
  .dataBox ul li a{list-style:none; display:block; padding:5px; margin:5px 0; background:#f5f5f5; color:#26a9e1; cursor:pointer; text-decoration:none;}
  .dataBox ul li a:hover{color:#fff; background:#27a7e4;}
  
  .dataBoxpop{min-width:130px !important; height:auto; border:1px solid #ccc; padding:0 5px; z-index:111; position:absolute; left:-120px; top:25px;
   -moz-box-shadow: 0 0 6px -3px #000;
   -webkit-box-shadow: 0 0 6px -3px #000;
   -ms-box-shadow: 0 0 6px -3px #000;
   box-shadow: 0 0 6px -3px #000;
  }
  .dataBoxpop ul{padding:0; margin:0;}
  .dataBoxpop ul li{display:block; list-style:none; background:#f5f5f5; color:#26a9e1;}
  .dataBoxpop ul li a{list-style:none; display:block; padding:5px; margin:5px 0; background:#f5f5f5; color:#26a9e1; cursor:pointer; text-decoration:none;}
  .dataBoxpop ul li a:hover{color:#fff; background:#27a7e4;}
  
  .chatBoxpop{min-width:162px !important; height:auto; border:1px solid #ccc; padding:0 5px; z-index:1; position:absolute; left:-144px; top:25px;}
  .chatBoxpop ul{padding:0; margin:0;}
  .chatBoxpop ul li{display:block; list-style:none; cursor:default; line-height:15px;}
  .chatBoxpop ul li:hover{ background:none !important;}
  .chatBoxpop ul li span{list-style:none; display:block; padding:0; margin:0; background:#f5f5f5; line-height:24px; color:#26a9e1; cursor:pointer; text-decoration:none;}
 
  
  .openDataBox .openBox{display:inline-block;}
  .open .openBox{ display:inline-block;}
  .modal-body{padding:0 !important;}
  .clIcon{margin:0 0 0 6px !important;}
  .margin0{margin:0 !important;}
  .form-horizontal .control-label{padding-right:15px !important; padding-top:3px !important;}
  .form-horizontal .controlText{padding-top:5px !important; padding-left:10px; color:#666; display:inline-block;}
  .form-horizontal .controlText1{padding-top:5px !important; padding-left:10px; color:#666; display:inline-block;}
  .form-horizontal .controlText2{padding-top:5px !important; padding-left:10px; color:#666; display:inline-block;}
  .form-horizontal .controlTextWrap{padding-top:5px !important; padding-left:10px; color:#666; display:inline-block; width:230px; word-wrap:break-word !important;}
  .right5{right:5px; top:25px;}
  .formText{padding:6px 0 10px; float:left;}  
  .filterTooltip_container {float: right; position: relative; width: 22px;}



 /*------------ 3sep ------------*/
  .span7{width: 47.447% !important;}
  .green_tab{float: right; width: 62.8%; margin-top: 0.4em;}   .green_tab1{float: right; width: 62.8%;}
  .red_marked{ color:#F00; float:none !important;}
  .form-titleHd_small {font-size:1.11em; margin-bottom: 15px; margin-top:0px;}
  .green_tab2 {float: right; width: 20.8%;}
  
 /*------------ 4sep ------------*/
 .dob_width{ width:93%;}
 .left_txt{ text-align:left!important;}
 .msg{ float: left;text-align: left !important;width: 220px !important;}
 .left_txtpart{ text-align:left!important; width:auto!important;}
 
 .green_tab2_copay {float: right;}
 .copay_space{ margin-left:0px!important;}
 .txtarea{ width:73%;}
 .span6_space{ margin-left:0px!important;}
 .cobay1{float: left;width: 37%;}
 .cobay2{float: left; width: 25%; margin-left: 1em;}
 .cobay3{float: left!important;text-align: left!important;width: auto!important;}
 .cobay5{float: left; width: 30%; margin-left: 2.5em;}
 .cobay7{float: left; width: 53%;}
 .viewIcons{background:url("../images/icons.png") no-repeat;} 
 .appointmentIconL{width:40px; height:50px; background-position: -142px -4px;}
 .appointmentIconS{width:32px; height:24px; background-position: -97px -283px;}
 .openEncounterIconL{width:32px; height:50px; background-position: -142px -60px;}
 .openEncounterIconS{width:23px; height:24px; background-position: -97px -312px;}
 .patientReminderIconL{width:40px; height:50px; background-position: -142px -115px;}
 .patientReminderIconS{width:25px; height:26px; background-position: -98px -343px;}
 .viewPendindIconL{width:42px; height:50px; background-position:-142px -168px;}
 .viewPendindIconS{width:25px; height:24px; background-position: -98px -368px;}
 .topIcon1{width:20px; height:22px; background-position: -130px -39px; padding:0; margin:0;}
 .more .viewSwap{background:url("../images/icons.png") no-repeat scroll -171px -126px; height:24px; width:24px;}
 .injectionIcon{width:22px; height:17px; background-position: -13px -762px; display:inline-block;}
 .QuickVisitIcon{width:22px; height:17px; background-position: -184px -565px; display:inline-block;}
 
 .btn .viewIcons{background:url("../images/icons.png") no-repeat;}
 .btn .statusLeftIcon{background-position: -85px -464px; width:16px; height:16px;}
 .btn .arrived{background-position: -85px -493px; width:16px; height:16px;}
 .btn .schedule{background-position: -57px -521px; width:16px; height:17px;}
 .btn .noShow{background-position: -57px -550px; width:16px; height:17px;}
 .chatImg{background:url("../images/icons.png") no-repeat scroll -71px -221px; height:24px; width:24px;}
 .chatImg:hover{background-position: -99px -220px;}
 .chatImgActive{background-position: -171px -166px !important;}
 .popoverIcon{background-position: -140px -224px; height:18px; width:22px; position:relative; cursor:pointer; display:inline-block;}
 .selectPatient{background-position: -162px -223px; height:18px; width:20px; position:relative; cursor:pointer; display:inline-block;}
 .popoverIconArrow{background-position: -161px -223px; height:18px; width:22px; position:relative; cursor:pointer; display:inline-block;}
 .iconBg{margin-right:4px;}
 .popoverTimeIcon{background-position: -80px -233px; height:20px; width:27px;}
 .timeLineIconUp{background-position: -218px -119px; height:37px; width:37px;}
 .timeLineIconDown{background-position: -246px -119px; height:37px; width:37px;}
 .calIcon{background-position: -12px -349px; height:20px; width:20px; float:left; margin:0;}
 .width100{width:100% !important;}
 .width100px{width:82px !important; padding-right:30px !important;}
 .urlBox{background: none repeat scroll 0 0 #333333; border: 0 solid; border-radius: 5px 5px 0 0; bottom: 36px; height: auto; margin: 0;
    padding: 0; position: fixed; right:0; width: 160px;}
.urlBox ul{ padding:0; margin:0;}
.urlBox ul li{ padding:5px 24px; margin:0; display:block; list-style:none; color:#FFFFFF; cursor:pointer;}
.urlBox ul li:hover{background:#999999;}
.urlClose{float:right; color:#FFFFFF !important; margin:8px 10px 0 0; cursor:pointer;}
.linkColor{border:1px solid red;}
table.table thead .sorting { background: url('../images/sort_both.png') no-repeat center right; }
table.table thead .sorting_asc { background: url('../images/sort_asc.png') no-repeat center right; }
table.table thead .sorting_desc { background: url('../images/sort_desc.png') no-repeat center right; }

table.table thead .sorting_asc_disabled { background: url('../images/sort_asc_disabled.png') no-repeat center right; }
table.table thead .sorting_desc_disabled { background: url('../images/sort_desc_disabled.png') no-repeat center right; }

table.dataTable th:active {
	outline: none;
}

#divAppoinmentsContainer .dataTables_scrollHead{background:#e0e0e0 !important;}
#divAppoinmentsContainer .dataTables_scrollHeadInner{background:#e0e0e0 !important;}

.emailReminder{padding:4px; border-top:1px solid #ccc;}
.emailReminder p{padding:0px 0 0 5px; float:left;}
.dateLineBlock{margin:10px 0;}
.dateLine{border-bottom:1px solid #ccc; margin-top:-10px;}
.dateLineBlock span{ background:#fff; margin:0 15px; padding:0 4px;}
.tablePadding tr td{padding:0;}
.tdDataSpacing td{padding:6px !important;}
.icon_search{background-position: -82px -210px; float:left; padding:0; margin:0; height:18px; width:20px; cursor:pointer;}
.icon_search:hover{opacity:0.5;}
.icon_plus{background-position: -82px -182px; float:left; padding:0; margin:0; height:18px; width:20px; cursor:pointer;}
.icon_plus:hover{opacity:0.5;}
.iconHsign{color:#fff; font-style:normal; font-weight:bold; margin:-2px 15px 0 0; padding:0 5px;}
.redC{background:#73008c;}
.tableScroll{padding:0; margin:0 0 7px 0;}
.tableScroll tr th{border-left:1px solid #d5d5d5; white-space:nowrap; padding:2px 5px; border-bottom:7px solid #fff; font-size:11px; font-weight:bold !important; background:#e0e0e0; text-align:left;}
.tableScroll tr th label{font-size:11px;}
.tableScroll thead tr th label{ font-weight:bold;}
.tableScroll tbody tr{background:#f5f5f5;}
.tableScroll tbody tr:hover{ background:#ecf5fa !important;}
.tableScroll tr td{border-left:1px solid #e8e8e8; border-top:5px solid #fff; padding:0px 4px; text-align:left; vertical-align:middle;}
.tableScroll tr td:first-child{border-left:0 !important;}
.tableScroll tr th:first-child{border-left:0 !important;}
.brdRadiusLeft{border-radius:3px 0px 0px 3px !important; border:0 !important;}
.brdRadiusRight{border-radius:0px 3px 3px 0px !important;}
.PatientSearch{background-position: -44px -210px !important; height:17px; width:30px; display:inline-block;}
.arrowDown11{background-position: -44px -432px !important; height:15px; width:30px; display:inline-block;}
.arrowDown{width:18px !important; background: url('../images/filter.png') no-repeat scroll 2px 3px; display:inline-block;}
.filter{ width:18px !important; background: url('../images/filter.png') no-repeat scroll 2px 3px; }

.commentBox{width:150px; display:none; height:auto; border:1px solid #ccc; padding:0; z-index:11; position:absolute; left:-62px; top:30px;
   -moz-box-shadow:2px 2px 7px -2px #000000;
   -webkit-box-shadow: 2px 2px 7px -2px #000000;
   -ms-box-shadow: 2px 2px 7px -2px #000000;
   box-shadow: 2px 2px 7px -2px #000000;
  }
.commentBox ul{padding:0; margin:0;}
.commentBox ul li{display:block; list-style:none; padding:3px; margin:0; font-weight:normal;}
.commentBoxScroll{height:128px; overflow:auto; margin-bottom:5px; overflow-x:hidden;}
.selectAllChk{margin:7px 0 4px;}
.rl{ position:relative;}
.ab{ position:absolute;}
.pendingGroup{padding:0; margin:0;}
.btnIconPending{width:44px; height:27px; background: url('../images/pending-done.png') no-repeat scroll -13px -8px; display:block;}
.btnIconApprove{width:44px; height:27px; background: url('../images/pending-done.png') no-repeat scroll -13px -50px; display:block; }
.priorityLine{background:#EC4847; height:20px; width:4px;}

.priorityIconCall{background-position: -404px -81px !important; height:20px; width:37px; display:inline-block;}
.priorityIconAns{background-position: -407px -109px !important; height:20px; width:37px; display:inline-block;}
.priorityIconBdy{background-position: -404px -23px !important; height:20px; width:37px; display:inline-block;}
.meatingCancel{background-position: -404px -54px !important; height:20px; width:37px; display:inline-block;}
.priorityIconMemo{background-position: -404px -137px !important; height:20px; width:37px; display:inline-block;}
.priorityIconBlank{background-position: -434px -137px !important; height:20px; width:37px; display:inline-block;}


.lineThrough{text-decoration:line-through;}
.commentBoxFooter{display:block; background:#ccc; padding:3px;}
.priorityLegend{width:58px; display:inline-block;}
.LegendHigh{background:#B0272E; height:20px; width:4px; margin-right:5px;}
.LegendLow{background:#0160A2; height:20px; width:4px; margin-right:5px;}
.LegendMedium{background:#3C8454; height:20px; width:4px; margin-right:5px;}
.appCal{border:0px solid #fff !important; padding:0 !important; cursor:pointer; color:#fff !important; font-weight:bold !important;
 }
.leftCalIcon{ background:url(../images/arrowlt.png) no-repeat; cursor:pointer;}
.rightCalIcon{ cursor:pointer;}
.formElement input{width:150px !important;}
.formElement label{width:96px !important;}
.width124{width:100px !important; padding-right:30px !important;}
.width140{width:140px !important;}
.width70{width:70px !important; padding-right:30px !important;}
.formCloseIcon{margin-top:64px; float:right; cursor:pointer;}
.advancSearchBlock{ width:212px; padding:0; margin:0; border:1px solid #CCC; top:25px; left:-148px; padding:5px; z-index:111; background:#FFF;}
.advancSearchBlock h1{ background:#333; color:#fff; padding:0 0 0 8px; font-weight:bold; font-size:12px; margin:0 0 10px 0; line-height:25px;}
.colorBlack{color:#000;}
.doneBlock{border:1px solid #ccc; width:50px; left:-32px; top:27px; width:73px; padding:2px; background:#fff; display:none;}
.doneBlock p{ background:#64C76A url(../images/done.jpg) no-repeat scroll 3px 5px; color:#fff; padding:0 0 0 20px; margin:0; font-weight:bold; }
.dateIcon{background:url(../images/calenderIcon.jpg) no-repeat right !important; width:20px;cursor:pointer}
.dateIconNew{background:url(../images/calenderIcon.jpg) no-repeat #fff right !important;  width:20px;cursor:pointer}
.paddTop5{padding-top:5px !important;}
.paddTop10{padding-top:10px !important;}
.toggleDown{width:26px; height:23px; background:url(../images/toggledown.jpg) no-repeat;}
.toggleUp{width:26px; height:23px; background:url(../images/toggleup.jpg) no-repeat;}
.i-con{width:12px; height:19px; background:url(../images/i-icon.jpg) no-repeat; margin:0 10px;}

.todayWaterMark{width:116px; height:22px; background:url(../images/today.png) no-repeat; left:27%; top:12px;}
.todayWaterMark_french{width:191px; height:29px; background:url(../images/today-french.png) no-repeat; left:25%; top:12px;}
.todayWaterMark_spanish{width:59px; height:29px; background:url(../images/today-spanish.png) no-repeat; left:35%; top:12px;}

.unreadMsg{width:140px; height:22px; background:url(../images/unread.png) no-repeat; left:27%; top:12px;}
.unreadMsg_french{width:100px; height:22px; background:url(../images/unread-french.png) no-repeat; left:27%; top:12px;}
.unreadMsg_spanish{width:131px; height:22px; background:url(../images/unread-spanish.png) no-repeat; left:27%; top:12px;}

.allWaterMark{width:61px; height:22px; background:url(../images/all.png) no-repeat; left:38%; top:12px;}
.allWaterMark_french{width:72px; height:21px; background:url(../images/all-french.png) no-repeat; left:29%; top:12px;} 
.allWaterMark_spanish{width:93px; height:23px; background:url(../images/all-spanish.png) no-repeat; left:29%; top:12px;} 

.avtar1{width:47px; height:46px; background:url(../images/avatar1.png) no-repeat scroll 6px -1px;}
.avtar2{width:47px; height:46px; background:url(../images/avatar2.png) no-repeat scroll 6px -1px;}
.avtar3{width:47px; height:46px; background:url(../images/avatar3.png) no-repeat scroll 6px -1px;}
.avtar4{width:47px; height:46px; background:url(../images/avatar4.png) no-repeat scroll 6px -1px;}
.onlineUser1{width:47px; height:46px; background:url(../images/avatar4.png) no-repeat scroll -2px 0px;}
.onlineUser2{width:47px; height:46px; background:url(../images/avatar2.png) no-repeat scroll 2px 0px;}
.arrow_chatLeft { position: relative; background: #ffffff; border: 1px solid #ccc; }
.arrow_chatLeft:after, .arrow_chatLeft:before { right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.arrow_chatLeft:after { border-color: rgba(255, 255, 255, 0); border-right-color: #ffffff; border-width: 7px; top: 50%; margin-top: -10px; }
.arrow_chatLeft:before { border-color: rgba(204, 204, 204, 0); border-right-color: #ccc; border-width: 8px; top: 50%; margin-top: -11px; }
.arrow_chatRight { position: relative; background: #ffffff; border: 1px solid #ccc; }
.arrow_chatRight:after, .arrow_chatRight:before { left: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.arrow_chatRight:after { border-color: rgba(255, 255, 255, 0); border-left-color: #ffffff; border-width: 7px; top: 50%; margin-top: -10px; }
.arrow_chatRight:before { border-color: rgba(204, 204, 204, 0); border-left-color: #ccc; border-width: 8px; top: 50%; margin-top: -11px; }
.quickLinks{color:#FFFFFF; float:left; font-size: 11px; font-weight: bold; height: 24px; line-height: 26px; margin: 0; padding: 4px 0 0 5px;}
.top3{padding-top:3px !important; padding-right:7px;}
.padL5{padding-left:5px !important;}
.greenTextCol{color:#25AE90;}
.width84{width:75px;}
.imageUploadText{ width:160px; text-align:right;}
/*.uploadedImage{width:82px; height:82px; background:url(../images/patientImg.jpg) no-repeat; margin:0 0 6px 22px;}*/
/*.uploadedImage{width:82px; height:82px; background:url(C:/pimages/patientImg.jpg) no-repeat; margin:0 0 6px 22px;}*/
.select2-drop{margin-top:30px !important;}
.select2-search input{width:129px !important; margin-top:10px !important;}
.selectImg{line-height:76px; margin-left:17px;}
.uploadInfo{line-height:76px; margin-left:17px; color:#999;}
.width205{width:205px;}
.searchFilter{ width:22px; height:22px; display:inline-block; margin:0 0 -6px 6px; background: url(../images/icons.png) no-repeat scroll -67px -179px #e5e5e5; cursor:pointer;}
.controlText input, textarea, .uneditable-input{width:170px;}
.controlText1 input, textarea, .uneditable-input{width:197px;}
.controlText2 input, textarea, .uneditable-input{width:164px;}
.controlText select{width:184px;}
.controlText1 select{width:213px;}
.workFone{width:74px !important;}
.workFone1{width:98px !important;}
.ext{width:36px !important;}
.ext1{width:39px !important;}

.setingOption{width:100px; height:100px; background:#fff;}
.openTimeView{display:block !important;}

.page-lock {
   top: 55%;
   left: 50%;
   position: absolute;
   margin-top: -140px;
   margin-left: -213px;
}

.page-lock .page-logo {
	margin-bottom: 15px;
}

.page-lock .page-body {	
   width: 500px;
   padding: 10px;
   background: url(../images/bg-white-lock.png) repeat;
}

.page-lock .page-body:after,
.page-lock .page-body:before {
	display: table;
	content: "";
	line-height: 0;
}

.page-lock .page-body:after {
	clear: both;
}

.page-lock .page-footer {
   margin-top: 10px;
   text-align: left !important;
   font-size: 12px;
   color: #333;
}

.page-lock img.page-lock-img {
	float: left;
	width: 200px;
	height: auto;
}

.page-lock .page-lock-info {
	float: right;
	width: 280px;
}

.page-lock .page-lock-info h1 {
	margin-top: -5px;
	font-weight: 300;
	color: #fff;
	font-size: 18px;
	line-height: 32px;
}

.page-lock .page-lock-info span {
	color: #eee;
	display: block;
	font-size: 14px;
	margin-top: -5px;
	margin-bottom: 10px;
} 

.page-lock .page-lock-info span em {
	color: #333;
	font-size: 14px;
	font-style: normal;
}

.page-lock .page-lock-info form {
	margin: 28px 0;
}

.page-lock .page-lock-info input[type="password"] {
	background: #fff;
}

.page-lock .relogin {
	margin-top: 14px;
	text-align:center;
}
.page-lock .relogin > input[type="button"] {
	margin-left: 0 !important;
}

.page-lock .relogin a {
	color: #e1e1e1;
}

/*Responsive*/
@media (max-width: 750px) 
{
    .pull-right{display:none !important;}
}
@media (max-width: 480px) {
    
	.page-lock {
	   top:0px;
	   width: 260px;
	   margin-top: 20px;
	   margin-left: -140px;
	}	

	.page-lock .page-body {	
		padding: 10px;
	    text-align: center;	
		width: 260px;
	}

	.page-lock img.page-lock-img {
		float: none !important;
		display: block;
		margin: 0 auto;
		text-align: center;
		margin-bottom: 15px;
	}
	.page-lock .page-lock-info {
		float: none !important;
		width: 260px;		
		margin: 0 auto;
	}
	.page-lock .page-lock-info1 form {
		margin-bottom: 0;
	}	
}

.headerInput{margin:8px 0 0 0;border-radius:5px !important; height:14px !important; background: #fff; cursor:pointer;}
.setingOption{width:100px; height:100px; background:#fff;}
.openTimeView{display:block !important;}
.lockIcon{width:22px; height:22px; background-position: -12px -266px; padding:0; margin:0;}
.lockIcon2{width:28px; height:22px; background-position: -119px -422px; padding:0; margin:0;}
.squair{width:33px; height:22px; background-position: -124px -389px; padding:0; margin:0;}
.openEnvelop{width:23px; height:22px; background-position: -12px -180px; padding:0; margin:0;}
.dashboard{width:22px; height:22px; background-position: -13px -40px; padding:0; margin:0;}
.exitSite{width:22px; height:22px; background-position: -12px -294px; padding:0; margin:0;}
.notificationIcon{width:22px; height:22px; background-position: -15px -236px; padding:0; margin:0;}
.contactSupport{width:22px; height:22px; background-position: -12px -207px; padding:0; margin:0 10px 0 0;}
.unreadMessage{width:25px; height:22px; background-position: -14px -151px; padding:0; margin:0;}
.stickyNote{width:20px; height:25px; background-position: -14px -122px; padding:0; margin-top:9px; cursor:pointer; border:1px solid transparent;}
.stickyNoteActive{width:20px; height:25px; background-position: -41px -125px; padding:0; margin-top:9px; cursor:pointer; border:1px solid transparent;}
.stickyNoteBrd{border:1px solid red !important;}
.topResult{width:26px; height:22px; background-position: -13px -95px; padding:0; margin:0;}
.refillRequest{width:27px; height:22px; background-position: -13px -65px; padding:0; margin:0;}
.currentEncounter{width:22px; height:22px; background-position: -13px -12px; padding:0; margin:0;}
.orderSetting{width:17px; height:22px; background-position: -181px -551px; padding:0; margin:0;}
.dropdown.open .orderSetting{background-position: -181px -552px !important;}

.headerSearchIcon{background: url("../images/icons.png") no-repeat scroll -7px -319px #25AE90; cursor: pointer; display: inline-block; height: 25px;
 width:27px; margin:8px 0 0 8px;}
 .headerAppointment{background: url("../images/icons.png") no-repeat scroll -115px -10px; cursor: pointer; display: inline-block; height: 25px;
 width:36px; margin:8px 0 0 8px;}
.searchHdTable td{ background:none; border:none !important;}
.searchHdTable td input[type="text"]{width:84% !important; margin:0;}
.helpIcon{width:24px; height:22px; background-position: -68px -308px; padding:0; margin:0;}
.aboutIcon{width:24px; height:22px; background-position: -69px -279px; padding:0; margin:0;}
.settingIcon{width:24px; height:22px; background-position: -68px -365px; padding:0; margin:0;}
.langIcon{width:24px; height:22px; background-position: -68px -335px; padding:0; margin:0;}
.logoutIcon{width:33px; height:22px; background-position: -123px -580px; padding:0; margin:0;}
.searchResult{background:#fff; border:1px solid #ccc; border-top:none; top:42px;}
.searchResultBox{padding:0; margin:0; float:left; width:324px; padding:3px 5px; border-bottom:1px solid #fff;}
.searchResultBoxComplaint{padding:0; margin:0; float:left; width:100px; padding:3px 5px; border-bottom:1px solid #fff;}
.searchResultBox:hover{background:#ecf5fa !important;}
.advancedSearchBlock{color:#fff; margin:9px 8px 0 22px;}
.advancedText{text-decoration:underline; cursor:pointer;}
.advancedSearchBox{width:400px;  padding:0 5px; background:#fff; border:1px solid #ccc; top:33px; left:-176px; box-shadow:2px 7px 15px 2px #999;}
.adVTable{background:#FFF; color:#333;}
.adVTable tr td{padding:2px 0;}
.advHd{color:#25AE90; font-size:15px; border-bottom:1px dotted #ccc; padding:5px 0;}
.advancedSearchBox .searchBtn{padding:0 8px 27px 0;}
.open .advancedSearchBox{display:block !important;}
.BtnPad{padding:3px;}
.shortingRow{background:#E0E0E0 !important;}
.table.table thead .sorting{vertical-align:middle !important;}
.table.table thead .sorting_asc{vertical-align:middle !important;}
.table.table thead .sorting_desc{vertical-align:middle !important;}

.openView{ cursor:pointer !important;}
.viewSelected{background:url(../images/tick.png) no-repeat right !important; color:#26a9e1 !important;}
.urlIndication{position:fixed; bottom:51px; right:0; padding:7px 13px; background:#000; width:163px; height:83px; border-radius:6px !important; opacity:0.9; color:#fff;}
.urlIndication ul li{padding:0; margin:0; color:#fff;}
.arrow_black { background: #000; }
.arrow_black:after { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.arrow_black:after { border-color: rgba(0, 0, 0, 0); border-top-color: #000; border-width: 13px; left: 60%; margin-left: -13px; }
.chat_filter{width:177px; margin:8px 5px; padding:4px 0; border:1px solid #27A9E3;}
.dataTables_empty{ text-align:center !important;}
.noteText{padding:0; line-height:0; color:Gray; font-size:11px; display:block; position:absolute; top:26px;}
.avatarIcon img{margin:0; background:#ccc; border-radius:25px !important; padding:1px; width:25px; height:25px;}
.chatSetting{padding:0; background: url("../images/icons.png") no-repeat scroll -11px -457px; width:18px; height:27px; display:inline-block; margin-right:10px; cursor:pointer;}
.in_note{padding:4px 0; width:158px; border:1px solid #ccc;}
.smileyIcon{bottom: 34px;padding: 0; position: absolute; right: 8px;}
.smileys{ background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #CCCCCC;
    bottom: 56px;
    margin: 0;
    padding: 5px 0 7px 6px;
    position: absolute;
    right: 15px;
    width: 243px;}
.smileys span{    cursor:pointer;}
.chatTitleName{color:#fff; display:inline-block; padding:7px;}
.msgTime{display:block; color:#999; font-size:10px;}
.notification{margin:0; height:24px; padding-left:5px;}
#customDate{cursor:pointer;}
.searchMore{float:left; font-weight:bold !important; padding-left:10px; text-decoration:underline; cursor:pointer; margin:5px 0;}
.searchMore:hover{text-decoration:none;}
.selectLang{margin:4px 0 7px 0;}
.selectLang select{margin:0; padding:0; height:20px;}
.email{position:absolute; top:0; right:20px; width:19px; height:19px; cursor:pointer; background: url("../images/icons-Chat.png") no-repeat scroll -37px -25px;}
.email.sent{background-position:-37px -50px !important;}
.email.error{background-position:-37px -76px !important;}
.sms{position:absolute; top:0; right:0; cursor:pointer; width:19px; height:19px; background: url("../images/icons-Chat.png") no-repeat scroll -61px -24px;}
.sms.sent{background-position:-61px -49px !important;}
.sms.error{background-position:-61px -75px !important;}
.chatTimeBlock{display:inline-block; padding:0; margin:0; width:100%;}
.chatTimeBlock hr{padding:0; margin:0 !important;}
.right{padding-left:5px; color:#0000FF;}
.blockTop{height:10px;}
.sendFile{color: #FFFFFF !important; cursor: pointer; width:21px; height:30px;  margin-right: 10px; background: url("../images/icons-Chat.png") no-repeat scroll -30px -93px;}
.sendFilePos{margin-left:230px; right:40px;}
.appBlock{cursor:pointer;} .opBlock{cursor:pointer;} .ptBlock{cursor:pointer;} .msgBlock{cursor:pointer;}
.lastLogin{ font-size:11px !important; color:#fff; padding:3px 5px;}
.lastLogin span{ font-size:11px !important; padding:0 5px;}
.todaydate{background-color: #27A9E3; color: #FFFFFF !important; padding:7px; font-size:11px !important;}
.search_init{height:14px !important;}
.appointShedule{padding:0; margin:0;}
.appointShedule ul{ margin:5px !important;}
.appointShedule li{ list-style:none; display:inline; padding:0 15px; margin:0 !important;}
.appointSheduleTab{padding:0; margin:0; text-align:center;}
.appointSheduleTab ul{ margin:0;}
.appointSheduleTab li{ list-style:none; display:inline; padding:0 9px; font-size:11px; color:#fff; margin:0 !important;}
.appDateSelect{margin:3px 20px 0 0;}
.zoomGrid{width:22px; height:22px; background-position: -12px -433px; padding:0; margin-right:7px; cursor:pointer;}
.zoomGrid:hover{opacity:0.5;}
.zoomGridMin{width:22px; height:22px; background-position: -40px -433px; padding:0; margin-right:7px; cursor:pointer;}
.zoomGridMin:hover{opacity:0.5;}
.searchData{width:267px; cursor:pointer; line-height:14px; color:#000;}

.activeTabBlue{border:3px solid #158dc3; box-shadow:3px 2px 5px 0 #666666;}
.activeTabGreen{border:3px solid #1b8f5d; box-shadow:3px 2px 5px 0 #666666;}
.activeTabYellow{border:3px solid #e49c2b; box-shadow:3px 2px 5px 0 #666666;}
.activeTabPurple{border:3px solid #5b0d6c; box-shadow:3px 2px 5px 0 #666666;}

.timeActu{background: #c10708; color: #FFFFFF; font-size: 9px; height: 12px; line-height: 12px; margin: 0; padding: 0; text-align: center; width: 54px;}
.stickyArea{ min-width:135px; min-height:135px; }
.stikyHd{display:block; border-bottom:1px solid #ccc; cursor:all-scroll;}
.stikyNoteOpen{display:block !important;}
.stikyHdText{font-weight:bold; font-size:11px; padding-left:5px;}
.stickyList{padding:0; margin:0;}
.stickyList li{padding:3px 4px 3px 10px; margin:0; list-style:disc inside; font-size:11px;}
.topSerachIcon{background-position: -69px -183px; height: 18px; margin: 0; padding: 0; width: 22px; right:0; top:12px;}
.newtdimg{display: block; line-height: 8px; margin: 0; padding: 0;}
.target {background:#fbe38b; width:156px; height:162px; position:absolute; top:40px; display:none; right:0; box-shadow:4px 5px 5px 2px #999999;}
.closeSticky{display:block; text-decoration:none; font-weight:bold; margin:0px 8px; cursor:pointer; width:25px; text-align:center;}
.stickyPinGrey{background-position: -167px -354px; height: 23px; width:17px; display:block; margin-top:-10px;}
.stickyPinPink{background-position: -139px -354px; height: 23px; width:17px; display:block; margin-top:-10px;}

.note1 {
    background-color: #fadd81;
    background-image: -ms-linear-gradient(top, #FEF4AC 0%, #F4E183 100%);
    background-image: -moz-linear-gradient(top, #FEF4AC 0%, #F4E183 100%);
    background-image: -o-linear-gradient(top, #FEF4AC 0%, #F4E183 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FEF4AC), color-stop(1, #F4E183));
    background-image: -webkit-linear-gradient(top, #FEF4AC 0%, #F4E183 100%);
    background-image: linear-gradient(to bottom, #FEF4AC 0%, #F4E183 100%); 
    box-shadow: 0px 0px 5px 2px #dddddd;
    display: inline-block;
    float: left;
    margin-top: 10px;
    margin-right: 10px;
    min-width: 200px;
    min-height: 200px;
}
.note1:first-child {margin-left: 10px;}
#note-space{z-index:11111; height:0; width:0;}
.note1 textarea {background-color: transparent; border: none; color:#000; height: 180px;margin: 4px; min-width: 200px; min-height: 180px; padding-top: 10px; width: 200px;}
.note1-head {padding: 2px 10px; height:17px; background:#f7d34e; border:2px solid #f5ca29; cursor:move;}
.note1-head-button {cursor: pointer; display: inline-block; margin: 0px 0px; text-align: center;}
.expandable {resize: none;}
.hideApptFirstColumn{display:none !important;}
.divConfirmBody{padding-top:11px; float:left; width:188px;}
.alertIconModel{font-weight:bold; font-size:13px;}
.alertIconModelText{background-position: -141px -611px; width: 33px; height: 33px; margin: 12px 16px; padding:0;}
.cursorTextArea{ bottom: 4px; cursor: se-resize; position: absolute; right: 7px;}
textarea {
    resize:;
}
.stickyLoder{float:right; margin:-2px 14px 0 0;}
#tblPatientGrid .sorting{background: url("../images/sort_both.png") no-repeat scroll right 24px !important;}
#tblPatientGrid .sorting_desc{background: url('../images/sort_desc.png') no-repeat scroll right 24px !important;}
#tblPatientGrid .sorting_asc{background: url('../images/sort_asc.png') no-repeat scroll right 24px !important;}

/*.....................Patient Encounter 17-12-13..............................*/

.patientEncounterBox{width:100%; background:#F5F5F5; display:block; font-family:'Open Sans',sans-serif;}
.patientVisitInfo{width:30%; height:90px; float:left; border-right:1px solid #dcdcdc;}
.patientVisitInfoImg{padding:6px 4px 0; margin:0; float:left;}
.patientVisitInfoText{display:inline-block; color:#24AF92; padding:8% 0 0 5%; font-family:'Open Sans',sans-serif; font-size:22px;}
.patientVisitInfoText span{color:#AFAFAF; font-size:10px; display:block;}
.visitDateInfo{ float:left; width:28%;}
.visitDateInfo p{font-size:12px; color:#AFAFAF; padding:6px 0 0 14px;}
.visitDateInfo p span{font-size:12px; color:#3E3E3E; display:block; line-height:11px;}
.extPad{padding-top:4px !important;}
.lastInfoW{width:10% !important;}
.encounterHistory{background:#D3D3D3; height:25px; border-top:1px solid #b8b8b8; border-bottom:1px solid #b8b8b8;}
.encHistBlock{ float:right; padding:4px 6px 0 0; display:none;}
.enhFor{ background-position:-309px -285px; width:28px; height:26px; float:left; cursor:pointer;}
.enhBack{ background-position:-352px -285px; width:28px; height:26px; float:left; cursor:pointer;}
.enhText{float:left; padding:2px 4px;}
.encounterIcon{float:left; padding:6px 0 0 6px;}
.detailsHd{display:block;}
.detailsHd .faceChk{margin-top:10px;}
.detailsHd h3{margin:0; padding:0 0 4px 0; font-size:25px;}
.diseaseName{padding:0; margin:0;}
.diseaseName li{display:block; background:#edf3ff; border-bottom:1px solid #d9e6ff; border-top:1px solid #d9e6ff; padding:0 6px; font-size:11px; color:#555555; margin:2px 0;}
.heightT{height:20px;}
.brdNone{ border:none !important;}
.brdNoneTh th{ border:none !important;}
.selectTemp{display:block;}
.selectTemp span{float:left;}
.selectTemp span.tmpTxt{padding:3px 10px 0 0;}
.numSpace{margin:1px 5px;}
.enCountHistPopup{background:#fff; padding:5px; position:absolute !important; border:1px solid #ccc; width:700px; height:263px; right:0; top:29px; z-index:1111111; box-shadow:2px 3px 6px 2px #999999; display:none;}

.arrow_right10 { position: relative; background: #fff; border: 1px solid #ccc; }
.arrow_right10:after, .arrow_right10:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.arrow_right10:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 5px; right:75px; }
.arrow_right10:before { border-color: rgba(204, 204, 204, 0); border-bottom-color: #ccc; border-width: 11px; right:3px; }
.openB{display:block !important;}
#encountHistory{cursor:pointer;}

/*.....................alergy 29-01-14..............................*/
.containerTop{padding:0; margin:0;}
.patientInfoBlock{width:21%; float:left; border-right:1px solid #dcdcdc;}
.patientInfoText{color:#24AF92; padding:1% 0 0 2%; margin:0; font-family:'Open Sans',sans-serif; font-size:18px;}
.patientInfoText span:first-child{color:#24ad91; font-size:13px;}
.patientInfoText span{color:#000; font-size:11px; display:block; line-height:13px; padding-top:2px;}
.patientInfoText .spPtInfo{display:inline-block; width:64%; word-wrap:break-word !important;}
.patientDateInfo{ float:left;}
.patientDateInfo p{font-size:11px; color:#727272; padding:3px 14px;}
.patientDateInfo p span{font-size:11px; color:#3E3E3E; display:block; line-height:11px;}
.secpayer{background-position: -71px -648px; height: 20px; margin-top: 10px; padding: 0; width: 18px;}
.chartSearch{padding:0; margin:1px 4px;}
.chartSearch input{ background: none repeat scroll 0 0 #FFFFFF; border-radius: 5px !important; line-height:15px; padding:2px 0; margin:0;}
.encCounter{background-color: #E02222;border-radius: 12px !important;font-size: 11px !important; font-weight: 300; height: 14px; padding: 2px 6px;
   right: 4px;text-align: center; text-shadow: none !important; top: -4px; line-height:14px; color:#fff;}

.enhIcon2{background-position:-97px -395px; width:19px; height:21px; display:inline-block; cursor:pointer; margin:0 3px;}
.enhIcon3{background-position:-69px -424px; width:17px; height:21px; display:inline-block; cursor:pointer; margin:0 4px;}
.enhIcon4{background-position:-69px -451px; width:16px; height:21px; display:inline-block; cursor:pointer; margin:0 4px;}
.enhIcon5{background-position:-62px -476px; width:37px; height:21px; display:inline-block; cursor:pointer;}
.enhIcon6{background-position:-66px -506px; width:33px; height:21px; display:inline-block; cursor:pointer;}
.enhIcon7{background-position:-68px -536px; width:31px; height:21px; display:inline-block; cursor:pointer;}
.enhIcon8{background-position:-67px -563px; width:25px; height:21px; display:inline-block; cursor:pointer; }
.enhIcon9{background-position:-65px -594px; width:29px; height:21px; display:inline-block; cursor:pointer;}
.enhIcon10{background-position:-65px -621px; width:29px; height:21px; display:inline-block; cursor:pointer;}
.enhIcon11{background-position:-140px -228px; width:17px; height:17px; display:inline-block; cursor:pointer;}
.enhIcon12{background-position:-98px -677px; width:17px; height:19px; display:inline-block; cursor:pointer; margin-top:5px;}
.diagramIcon{background-position:-35px -735px; width:33px; height:21px; display:inline-block; cursor:pointer;}
.diagramIcon.active{background-position:-6px -735px;}
.grthChartIcon{background-position:-42px -707px; width:23px; height:21px; display:inline-block; cursor:pointer;}
.labEntry{background-position:-309px -452px; width:23px; height:21px; display:inline-block; cursor:pointer;}
.quickVisit{background-position:-311px -422px; width:20px; height:21px; display:inline-block; cursor:pointer;}
.smsQuick{background-position:-310px -534px; width:23px; height:21px; display:inline-block; cursor:pointer;}
.quickOrder{background-position:-311px -394px; width:23px; height:21px; display:inline-block; cursor:pointer;}
.quickOrder.active{background-position:-339px -394px;}
.quickNote{background-position:-311px -366px; width:23px; height:21px; display:inline-block; cursor:pointer;}
.quickNote.active{background-position:-339px -366px;}

.undoVacActive{background-position: -43px -638px; display: inline-block; height: 15px; width: 18px;}
.undoVacInActive{background-position: -15px -638px !important; display: inline-block; height: 15px; width: 18px;}
.ptIconInfo{top:2px; right:3px;}
.faceshitNo ul{padding:0; margin:12px;}
.faceshitNoActive{color:#25AE90 !important;}
.faceshitNo li{padding:0 3px; margin:0; list-style:none; display:inline; border-left:1px solid #ccc; font-size:14px; color:#999;}
.faceSlider{padding:0; margin:5px 0 9px 0;}
.faceSlider li{padding:0; margin:0; list-style:none; display:inline; padding:5px; cursor:pointer;}
.faceSlider li.facesheetActive{color:#fff; background:#25AE90;}
.facecolor1{color:#24AF92;}
.facecolor2{color:#41AFE2;}
.facecolor3{color:#DA9627;}
.facecolor4{color:#FE0002;}
.facecolor5{color:#AB78BA;}
.problemList{padding:0; margin:0;}
.problemList li{list-style:none; display:inline; padding:8px; color:#24AF92}
.problemList li a{color:#24AF92; text-decoration:underline;}
.problemList li a:hover{text-decoration:none;}
.prlistIcon{background-position: -69px -710px; height: 22px; margin: 0; padding: 0; width: 26px; display:inline-block; cursor:pointer;}
.alergyChk{margin:0 3px 0 0 !important;}
.openfaceName{background-position: -189px -288px; width:16px; height:16px; margin:4px 0 0 5px; display:inline-block; cursor:pointer;}
.statusArrow{background-position: -97px -204px !important; display: inline-block; height: 15px; width: 18px;}
.faceStatusMenu{padding:0; margin:0; border:1px solid #ccc; width:100px; left:-8px; top:30px; background:#fff; font-weight:normal; display:none; z-index:111111;}
.faceStatusMenu li{ list-style:none; padding-left:8px; margin:0; cursor:pointer; color:#000;}
.pointer{ cursor:pointer;}
.delFaceName{background-position: -71px -765px; height: 14px; margin: 0; padding: 0; width: 16px; display:inline-block; border:1px solid #ccc; cursor:pointer;}
.delDigHis{background-position: -71px -765px; height: 14px; margin: 0; padding: 0; width: 16px; display:inline-block; cursor:pointer;}
.tableThBg thead th{ background-color:#25739a; color:#fff;}
.tableThBg th{ background-color:#25739a !important; color:#fff;}
.tableTh th{height: 30px; padding: 0 6px !important; text-align: left;  vertical-align: middle !important; font-weight:bold !important;}
.tableTh td {padding: 3px 5px !important; vertical-align:middle;}
.tableTh td input[type="text"], input[type="textbox"] {padding:4px 0; margin:0 ; width:80%; height:16px;}
.tableTh td input,th input[type="checkbox"]{margin-top:0 !important;}
.tableTh td select{height:26px !important; line-height:26px !important; width:80% !important;}
.tableTh .width124 input{width:76% !important;}
.dataTables_scrollHeadInner th{border:none;}
.fht-thead th{border:none;}

.tablePopup th {padding: 4px 6px !important; text-align: left;  vertical-align: middile; font-weight:bold !important;}
.tablePopup td {padding:1px 5px !important; vertical-align:middle;}
.tablePopup td input[type="text"] {padding:4px 0 !important; margin:0 !important; width:auto;}
.tablePopup td select{height:26px !important; line-height:26px !important; padding:2px 6px !important; margin:0;}
.tablePopup th input[type="text"] {padding:2px 0; margin:0 !important;  height:17px !important;}

.tableHdScroll th{line-height: 30px; text-align: left;  vertical-align: middile; font-weight:bold;}
.tableHdScroll th{padding:0 5px !important;}
.tableHdScroll td{padding:2px 5px !important; vertical-align:middle;}
.tableHdScroll td input[type="text"]{margin-bottom:0 !important; line-height:10px;}
.tableHdScroll td selct{margin-bottom:0 !important; line-height:10px;}
.tableHdScroll .width124{width:70% !important;}

.tableFormate td {padding: 3px 5px !important; vertical-align:middle;}
.tableFormate td input[type="text"] {padding:4px 0; margin:0; width:200px; line-height:10px;}
.tableFormate td select{height:26px !important; line-height:26px !important; width:75%; margin-bottom:0;}
.tableFormate th{line-height: 26px !important; padding: 0 6px !important; text-align: left;  vertical-align: middile; font-weight:bold !important;}

.SearchIcon_Input input{background: #fff url("../images/search-icon.png") no-repeat right center; padding-right:15px !important;}
.SearchIconInput{background: #fff url("../images/search-icon.png") no-repeat right center; padding-right:15px !important;}
.InputArrowIcon{background: #fff url("../images/input-arrow.png") no-repeat right center; padding-right:15px !important;}
.faceNoteArae{width:91%; float:left;}
.faceNoteArae textarea{ height:30px; width:98%;}
.faceNote{font-weight:bold; padding-left:5px;}
.faceBtn{padding: 4px; text-align: center;}
.prevFaceSheet{color:#24AF92;}
.facePrev{background-position: -141px -494px; height: 23px; margin: 0; padding: 0; width: 23px; display:inline-block; cursor:pointer;}
.facePrev:hover{background-position: -183px -494px;}
.faceNext{background-position: -141px -531px; height: 23px; margin: 0; padding: 0; width: 23px; display:inline-block; cursor:pointer;}
.faceNext:hover{background-position: -183px -531px;}
.probListBox{margin-top:12px;}
.left-info-block {
	padding:  25px 14px 14px 14px;
	font-size: 13px;
}

/*..accordian menu..*/
.acordFList{color:#E7E739; padding-left:5px;}
.secondary-nav, .secondary-nav ul, .secondary-nav ul ul {list-style: none; margin: 0;padding: 0;}
.secondary-nav ul {margin-top: 6px;}
.secondary-nav li h4 {
	color: #fff;
	background: #212121 url(../images/accord-plus1.png) repeat-x center center;	
	padding:0;		
	font-size:13px;
	margin:0;
}
.secondary-nav li h4.accordian-0 {cursor: pointer;}
.secondary-nav li h4.accordian-0 span {	display: block;	background:url(../images/accord-plus.png) no-repeat scroll 10px 10px; padding:4px 0 4px 31px;}
.secondary-nav li.opened h4.accordian-0 span {background:url(../images/accord-minus.png) no-repeat scroll 10px 15px #25AE90;}
.secondary-nav.demos li ul {display: none;}
.secondary-nav li.opened>ul {display: block;}
.secondary-nav li.opened ul {display: expression((this.parentNode.className)? "block" : "none");margin-top: 4px;}
.secondary-nav a {text-decoration: none;color: #fff; display: block;}
.secondary-nav li {margin-bottom: 1px;	border-top: none; background:#555555; color:#fff;}
.secondary-nav li li {padding: 0 0 3px 8px; border-top:1px solid;}
.secondary-nav li li.first {border: none;}
.secondary-nav li li.opened {background-position: 9px -43px;}
.secondary-nav li li a.selected {color: #000;font-weight: bold;}

.secondary-nav li li.opened>a.accordian {color: #000; font-weight: bold;}
.secondary-nav li li.active>a {	color: #000;}
.secondary-nav li li.active ul {border-top: 1px dotted #c9caca;	margin-top: 3px;}
.secondary-nav li li.last {border-bottom: none;}

.padding0{padding:0 !important;}
/*.scrollerHeight{height:90px;}*/
.faceProgressN{padding:0; margin:0; top:22px; right:4px; display:none; z-index:111111;}
.ftableTdCol tbody td{ color:#5D8AA7;}
.facesheetZoom{background-position: -15px -496px; cursor: pointer; display: inline-block; height: 17px; width:17px; bottom:0; margin-left:32px;}
.facesheetZoomRight{background-position: -229px -286px; cursor: pointer; display: inline-block; height: 22px; width:22px; bottom:0; margin-top:10px;}
.facesheetHelp{background-position: -40px -608px; cursor: pointer; display: inline-block; height: 15px; width:16px; bottom:0;}
.newTitleText{font-size:14px !important; text-transform: uppercase; padding-left:5px;}
.popChkBox{padding:0; margin:0;}
.popChkBox .chkTextLabel{font-weight:bold; padding-top:2px; padding-left:5px;}
.popChk{margin:0;}
.alertMsgBox{display:block;}
.alertMsgBox .alert{padding:2px 7px !important; margin-bottom:10px !important;}
.alert-dismissable{display:none;}
.newSpan2 .span2{margin-left: 1.564% !important; width: 15.5299% !important;}
.multiSelChk{padding:0; margin:0; border:1px solid #ccc; width:145px; left:0; top:26px; background:#fff; font-weight:normal; z-index:11111; display:none;}
.multiSelChk ul{padding:0; margin:0;}
.multiSelChk li{ list-style:none; padding:2px 0 2px 8px; margin:0; cursor:pointer; white-space:nowrap;}
.reactName{padding-left:4px;}
.btnFooter{margin:0; margin-top:2px; border-top:1px solid #ccc; padding:4px 0; background:#F5F5F5; width:100%; float:left;}
.btnFooter .btn{padding:1px 7px !important; margin:0 4px;}
.multiChkScroll{height:87px; overflow:auto;}
.ui-datepicker-trigger{ background: url("../images/calenderIcon.jpg") no-repeat scroll -3px -5px rgba(0, 0, 0, 0);
    cursor: pointer;
    display: inline-block;
    height: 25px;
    margin: 0;
    width: 23px;
}
.widthCalInput{width:97px !important;}
#algFilter{width:70px; padding:0;}
.selectOver{padding: 0; margin:4px 0; border:1px solid #ccc;}
.selectOver p{padding:0 5px;}
.selectOver p:hover{background:#ccc;}
.dataTables_scrollHead, .dataTables_scrollHeadInner{ background:#25739A !important;}
.dataTables_scrollHeadInner > table{border:none;}
.fstatusToggle{position:relative;}
.dataTables_scrollHead{ overflow:visible !important;}

/*..family history..*/
.diseaseIcon{background-position: -14px -553px; height: 9px; width: 9px; top:-7px; left:38px; display:inline-block;}
.diseaseIconActive{background-position: -43px -553px; height: 9px; width: 9px; top:-7px; left:38px; display:inline-block;}

.familyRow{margin:0; padding:0;}
.familyRow .fRowDown{background-position: -143px -723px; height: 23px; width: 20px; top:-6px; right:-5px; margin-right:4px; display:inline-block; cursor:pointer;}
.familyRow .fRowDown:hover{background-position: -185px -723px; height: 23px; width: 20px; top:-6px; right:-5px; display:inline-block; cursor:pointer;}
.familyRow .fRowUp{background-position: -143px -755px; height: 23px; width: 20px; top:-6px; right:-5px; display:inline-block; cursor:pointer;}
.familyRow .fRowUp:hover{background-position: -185px -755px; height: 23px; width: 20px; top:-6px; right:-5px; display:inline-block; cursor:pointer;}
.colBg .dropdown-toggle{ background:none !important; color:#333 !important;}
.colBg .dropdown-menu{margin:0 !important;}
.SelectMultiChk{background: none repeat scroll 0 0 #FFFFFF; font-weight: normal;}
.SelectMultiChk ul{padding:0; margin:0;}
.SelectMultiChk li{ list-style:none; padding:2px 0 2px 8px; margin:0; cursor:pointer;}
.SelectMultiChk li span input[type="checkbox"]{padding:0; margin:0 4px 0 0; }
.inputArrow{background-position: -14px -553px; height: 9px; width: 9px; top:-6px; right:-5px; display:inline-block;}
.selectedTreeView{ display:block;}
.selectedTreeView ul{padding:0; margin:0;}
.selectedTreeView ul li{ display:block; list-style:none; color:#25739A; clear:both;}
.delTreeName{background-position: -72px -767px; height: 11px; margin:4px; padding: 0; width: 13px; display:inline-block; border:1px solid #ccc; cursor:pointer;}
.selectedTreeView ul li ul{margin-left:15px;}

/*....new facesheet...*/
.marBottom .portlet{margin-bottom:10px !important;}
.marBottom .span4:first-child{margin-left:0 !important;}
.marBottom .span4{margin-left:1% !important; width:32.6239% !important;}
.inlineChkInput{ display:inline-block; margin-bottom:5px;}
.inlineChkInput label{ padding-left:1px; display:inline;}
.inlineChkInput span input[type="checkbox"]{ margin:0;}
.inlineChkInput input[type="text"]{ margin:0; padding:4px 6px;}
.displayInline{ display:inline;}
.displayBlock {display: block;}
.cptSearchIcon{background-position: -71px -177px; height: 23px; width: 13px; right:7px; display:inline-block; cursor:pointer;}
.input-arrow {background: url("../images/input-arrow.png") no-repeat right center !important; float: right; height: 11px; margin-top: 7px;  width: 13px;}
#tblAllergies thead th span input[type="text"]{background: url("../images/search-icon.png") no-repeat right center !important; height: 11px; line-height: 17px; margin-top: 9px;  width: 13px;}
.tblPopCol td{ color:#2295C9;}

.required{color:Red;}
.notAreaBox{width:54px;}

.remarks{background-position: -14px -525px; height: 11px; margin:0; padding: 0; width: 18px; display:inline-block; cursor:pointer;}
.remarksWhite{background-position: -14px -325px; height: 11px; margin:0; padding: 0; width: 18px; display:inline-block; cursor:pointer;}  
.remarksBg{background-position: -13px -523px; height: 16px; margin-top:4px; margin-left:5px; padding: 0; width: 16px; display:inline-block; cursor:pointer; background-color:#EBEBEB;}
.subgroup{background-position: -9px -525px; height: 11px; margin-top:5px; padding: 0; width: 18px; display:inline-block; cursor:pointer; float:left;} 
.socialEntities{background-position: -42px -677px; height: 17px; margin:0; padding: 0; width: 18px; display:inline-block; cursor:pointer; float:right;}

.radioSpaceer{float:left; padding:5px 16px 5px 0;}
.radioSpaceer input[type="radio"]{margin:0 5px 0 0;}
.radioSpaceer2{float:left; padding:0;}
.radioSpaceer2 input[type="radio"]{margin:0 5px 0 0;}
.SetRow td{ background:#C2DCE9 !important; color:#377BA0; font-weight:bold;}
.chkCenter{margin:6px 7px 0 0 !important}
.chkbrdCol{border: 1px solid red}
.headerSelect{padding:0; height:20px; margin:0 0 0 10px; line-height:20px;}
.resultNote {line-height: 16px !important; width: 224px; display:inline-block;}
.faceNoteBox{width:54px;}
.prbInputSize{width:179px !important;}
.inputBrdActive{border:1px solid #333 !important;}
#ulTag span{font-weight:bold; line-height:25px;}
#ulTag li span{font-weight:bold; line-height:20px; font-size:10px;}
#ulTag li ul li span{font-weight:normal; line-height:20px;}
#ulTag li{list-style:none; cursor:pointer; margin:5px 0 5px 7px; background:#F3F8FC;}
#ulTag li ul{margin-left:30px;}
#ulTag li ul li{cursor:default; list-style:none;}
.fht-thead{background-color:#25739a;}
#tblPatientAllergyHistory th, #tblPatientAllergyHistory td { white-space:nowrap;}
.rightHeaderChk{padding:0; line-height:23px; margin-right:20px;}
.rightHeaderChk input[type="checkbox"]{margin:0; background:none !important;}

.formeLementBlock p{display:block; padding:0; margin:0; clear:both;}
.formeLementBlock p label{width:100px; margin:0 !important; float:left; padding-right:10px; text-align:right; line-height:22px; cursor:auto;}
.formeLementBlock p span{line-height:26px;}

.formElementArea{display:block; padding:0; margin:0; clear:both;}
.formElementArea label{width:100px; margin:0 !important; float:left; padding-right:10px; text-align:right; line-height:22px; cursor:auto;}
.formElementArea span{line-height:26px;}

.formElementBlock p{ clear: both; display: block; margin: 0 0 4px 0; padding: 0;}
.formElementBlock p label {float: left; margin-top: 4px; padding-right: 10px; text-align: right; width: 150px;}
.formElementBlock, .fontBold label{ font-weight:bold; color:#000;}
.formElementBlock, .fontBold span{ font-weight:normal;}
.vaccinInputWidth input[type="text"]{width:271px;}
.vaccinInputWidth select{width:285px;}
.vaccinInputWidth, .spaceBorder{border:1px solid #ccc; padding:5px 5px 5px 0;}
.VaccineDose{ color:#237398; font-weight:bold !important;}
/*..DataTable border remove */
 .tableBrd{border:1px solid #DDDDDD;}
 .table-bordered{border:none !important;}
 .table-bordered th, .table-bordered td {border-left: 0px solid #DDDDDD;}
 .dataTables_wrapper{border:1px solid #DDDDDD; margin-bottom:10px;}
/*..DataTable border remove */
.temlateSelect{ float: left; font-size: 12px; margin-left: 100px; margin-top: 2px;}
.sort_inp{padding:0 !important; margin:0 !important; height:13px; width:15%;}
.modal-dialog .modal-header{padding: 4px 10px; background: darkcyan; color: #fff;}
.modal-dialog .modal-header .bootstrap-dialog-header{height:23px;}
.modal-dialog .bootstrap-dialog-message{padding:4px 15px;}
.modal-dialog .bootstrap-dialog-title{float:left; font-weight:bold;}
.imageView{margin-right:2px;}
.viewImage{background-position: -98px -182px; cursor: pointer; height: 15px; width: 15px; background-color:#25AE90;}
.viewImageDel{background-position: -99px -764px; cursor: pointer; height: 15px; width: 15px; background-color:#333; margin-top:2px;}



/* Region for validations*/
.formError
{
    z-index: 990;
}
.formError .formErrorContent
{
    z-index: 991;
}
.formError .formErrorArrow
{
    z-index: 996;
}
.formErrorInsideDialog.formError
{
    z-index: 5000;
}
.formErrorInsideDialog.formError .formErrorContent
{
    z-index: 5001;
}
.formErrorInsideDialog.formError .formErrorArrow
{
    z-index: 5006;
}
.inputContainer
{
    float: left;
    position: relative;
}
.formError
{
    display: block;
    left: 300px;
    position: absolute;
    top: 300px;
}
.ajaxSubmit
{
    background: none repeat scroll 0 0 #55EA55;
    border: 1px solid #999999;
    display: none;
    padding: 20px;
}
.formError .formErrorContent
{
    background: none repeat scroll 0 0 #EE0101;
    border: 2px solid #DDDDDD;
    border-radius: 6px;
    box-shadow: 0 0 6px #000000;
    color: #FFFFFF;
    font-size: 11px;
    padding: 4px 10px;
    position: relative;
}
.greenPopup .formErrorContent
{
    background: none repeat scroll 0 0 #33BE40;
}
.blackPopup .formErrorContent
{
    background: none repeat scroll 0 0 #393939;
    color: #FFFFFF;
}
.formError .formErrorArrow
{
    margin: -2px 0 0 13px;
    position: relative;
    width: 15px;
}
body[dir="rtl"] .formError .formErrorArrow, body.rtl .formError .formErrorArrow
{
    margin: -2px 13px 0 0;
}
.formError .formErrorArrowBottom
{
    box-shadow: none;
    margin: 0 0 0 12px;
    top: 2px;
}
.formError .formErrorArrow div
{
    background: none repeat scroll 0 0 #EE0101;
    border-left: 2px solid #DDDDDD;
    border-right: 2px solid #DDDDDD;
    box-shadow: 0 2px 3px #444444;
    display: block;
    font-size: 0;
    height: 1px;
    line-height: 0;
    margin: 0 auto;
}
.formError .formErrorArrowBottom div
{
    box-shadow: none;
}
.greenPopup .formErrorArrow div
{
    background: none repeat scroll 0 0 #33BE40;
}
.blackPopup .formErrorArrow div
{
    background: none repeat scroll 0 0 #393939;
    color: #FFFFFF;
}
.formError .formErrorArrow .line10
{
    border: medium none;
    width: 15px;
}
.formError .formErrorArrow .line9
{
    border: medium none;
    width: 13px;
}
.formError .formErrorArrow .line8
{
    width: 11px;
}
.formError .formErrorArrow .line7
{
    width: 9px;
}
.formError .formErrorArrow .line6
{
    width: 7px;
}
.formError .formErrorArrow .line5
{
    width: 5px;
}
.formError .formErrorArrow .line4
{
    width: 3px;
}
.formError .formErrorArrow .line3
{
    border-bottom: 0 solid #DDDDDD;
    border-left: 2px solid #DDDDDD;
    border-right: 2px solid #DDDDDD;
    width: 1px;
}
.formError .formErrorArrow .line2
{
    background: none repeat scroll 0 0 #DDDDDD;
    border: medium none;
    width: 3px;
}
.formError .formErrorArrow .line1
{
    background: none repeat scroll 0 0 #DDDDDD;
    border: medium none;
    width: 1px;
}

 /*End region for validations*/
 /* patient education */
.divRowbg{padding:2px 4px; height:27px; display:block; background:#F1FAFF; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.ptDocUp{background-position: -195px -11px; height: 26px; margin: 0; padding: 0; width: 26px; display:inline-block; cursor:pointer;}
.ptDocUp:hover{background-position: -224px -11px; height: 26px; margin: 0; padding: 0; width: 26px; display:inline-block; cursor:pointer;}
.ptUrls{background-position: -195px -41px; height: 25px; margin: 0 5px; padding: 0; width: 26px; display:inline-block; cursor:pointer;}
.ptUrls:hover{background-position: -224px -41px; height: 25px; margin: 0 5px; padding: 0; width: 26px; display:inline-block; cursor:pointer;}
.ptImg{background-position: -195px -69px; height: 25px; margin: 0; padding: 0; width: 26px; display:inline-block; cursor:pointer;}
.ptImg:hover{background-position: -224px -69px; height: 25px; margin: 0; padding: 0; width: 26px; display:inline-block; cursor:pointer;}
.ptDoc{background-position: -196px -97px; height: 20px; margin: 0; padding: 0; width: 20px; display:inline-block; cursor:pointer;}
.ptText{background-position: -196px -126px; height: 20px; margin: 0; padding: 0; width: 20px; display:inline-block; cursor:pointer;}
.ptJpg{background-position: -196px -154px; height: 20px; margin: 0; padding: 0; width: 20px; display:inline-block; cursor:pointer;}
.ptPng{background-position: -196px -183px; height: 20px; margin: 0; padding: 0; width: 20px; display:inline-block; cursor:pointer;}
.ptXls{background-position: -224px -126px; height: 20px; margin: 0; padding: 0; width: 20px; display:inline-block; cursor:pointer;}
.ptPpt{background-position: -224px -154px; height: 20px; margin: 0; padding: 0; width: 20px; display:inline-block; cursor:pointer;}
.ptGif{background-position: -224px -183px; height: 20px; margin: 0; padding: 0; width: 20px; display:inline-block; cursor:pointer;}
.ptBmp{background-position: -224px -212px; height: 20px; margin: 0; padding: 0; width: 20px; display:inline-block; cursor:pointer;}
.ptPdf{background-position: -224px -240px; height: 20px; margin: 0; padding: 0; width: 20px; display:inline-block; cursor:pointer;}
.ptHtml{background-position: -269px -182px; height: 20px; margin: 0; padding: 0; width: 20px; display:inline-block; cursor:pointer;}
.ptUrlPath{background-position: -196px -210px; height: 20px; margin: 0; padding: 0; width: 20px; display:inline-block; cursor:pointer;}
.ptPreview{background-position: -268px -156px; height: 23px; margin: 0 4px; width: 25px; display:inline-block; cursor:pointer;}
.ptPrint{background-position: -312px -156px; height: 23px; margin: 0; padding: 0; width: 25px; display:inline-block; cursor:pointer;}
.ptDocPop{background-position: -199px -237px; height: 20px; margin: 0; padding: 0; width: 16px; display:inline-block;}
.ptUrlPop{background-position: -200px -209px; height: 20px; margin: 0; padding: 0; width: 18px; display:inline-block;}
.ptImgPop{background-position: -228px -97px; height: 20px; margin: 0; padding: 0; width: 20px; display:inline-block;}
.ptPrintWhiteIcon{background-position: -312px -156px; height: 23px; margin: 0 4px 0 0; width: 25px; display:inline-block; cursor:pointer;}

.imgUpload{background-position: -196px -238px; background-color:#25AE90; height: 20px; margin: 0; padding: 0; width: 20px !important; display:inline-block; cursor:pointer;}
 /*...safari hack...*/
 @media screen and (-webkit-min-device-pixel-ratio:0) { 
      ::i-block-chrome, select{width:200px; background:url(../images/input-arrow.png)no-repeat right 9px #fff; -webkit-appearance: none;padding-top:0; }  
      ::i-block-chrome, .tableTh td select {height: 26px !important;width: 80% !important; padding-right:14px;}
      ::i-block-chrome, #algFilter { width: 100px !important; line-height: 17px !important;}
      /*.scrollerHeight{height:100px;}*/      
      .sendFilePos{margin-left:0; right:112px;}
      ::i-block-chrome,.headerSelect{padding-right:12px;}
 } 
 /*...safari hack...*/
.timeInputBox{padding: 0; line-height: 30px;}
.timeInput{width: 32px; height: 13px !important; margin: 8px 0 0 0 !important; padding: 0 !important;}
.spanTime{width: auto !important; margin: 0 !important; padding:0;}
.divComplaint{padding:0; margin:5px 10px;}
.divComplaint span{margin-right:10px;}
.divComplaint input[type="text"]{margin:0;}
#lnkComplaint{color:#8D12B1 !important;}
.orderGroups{width:33%; margin-bottom:7px;}
.orderGroups select, .orderGroups input[type="text"]{margin-bottom:0; width:49%;}
.orderGroups span{ float: left; padding-right: 5px; text-align: right; width: 112px;}
.tr{ text-align:right;}
.tm{ text-align:center;}
.openOrder{background-position: -16px -611px; height: 11px; width: 11px; display:inline-block; border:1px solid #000; cursor:pointer; background-color:#fff; vertical-align:middle;}
.closeOrder{background-position: -16px -583px; height: 11px; width: 11px; display:inline-block; border:1px solid #000; cursor:pointer; background-color:#fff; vertical-align:middle;}
.orderInputWidth input[type="text"]{width:100px !important;}
.linHeight td{ line-height:13px;}
.orderTdCol tbody td{color:#25739A; font-weight:bold;}
.orderTdCol tbody td:last-child{color:#000; font-weight:normal;}
.VaccSysAlert{cursor:pointer; border-bottom:1px solid #ccc;}
.VaccSysAlert td:hover { text-decoration:underline;}
.divSettings{display: none; position: absolute; width: 250px; right:8px; top:31px; z-index: 9999; background-color: White; border: 1px solid #ccc;}
.undecorated {padding:0; margin:0;}
.undecorated li{padding:0 4px; margin:0; list-style:none; display:block; font-size:10px; border-bottom:1px solid #ccc;}
.undecorated li a{color:#000;}
.diagramsThumb{float:left;}
.diagramsThumb img{border:1px solid #908e8f;}
.margin4{margin:4px;}
.imageTypeText{margin-left:5px; float:left; width:100%;}
.imageTypeText select{margin-bottom:0 !important;}
#txtProcedure{margin-bottom:0 !important;}
.imageTypeText span{display:block; padding-bottom:6px;}
.activeSettings{background-color: #ebe9ea; }
.facesheetItemList{background:#ccc; margin-bottom:8px; font-size:13px; padding:3px; height:25px;}
.visitAssociaction{width:100%; float:left;}
.orderAssociaction{width:100%; float:left;}
.tdPad10{ padding:10px;}
.tdPad5{ padding:5px;}
.visitAssoScroll{ overflow:auto; height:97px;}
.smallText{padding-top:2px; padding-right:10px; padding-left:100px;}
.selectRow{background:#DDDDDD;}
.smartImageBox{width:300px; padding:0; margin:0; right:0; z-index:11; top:28px;}
.smartImagesScroll{height:380px; overflow:auto; box-shadow: 0 0 6px 5px #CCCCCC;}
.smartImagesScroll ul{padding:0; margin:0;}
.smartImagesScroll li{padding:0; list-style:none; float:left; margin:6px; border:1px solid #333; }
.smartImagesScroll li > div{box-shadow: 0 0 3px 2px #c9c6c6;}
.smartImagesScroll li > div img{height:80px !important; width:80px !important;}
.smartImageArea{float: left; overflow:auto; width: 100%; height: 213px; }
.smartImageAreaBrd{border:1px solid #ccc;}
.diagramPin{float: left; width: 99.7%; border:1px solid #ccc; height: 185px; overflow: auto;}
.resonOption{width:90px !important; text-align:center !important; font-weight:normal !important; border-radius: 3px !important; border: 1px solid #999;}
.divRadioList ul{padding:0; margin:0;}
.divRadioList li{padding:0; margin:5px 0; list-style:none; display:block;}
.divRadioList li input{float:left; position:absolute; z-index:-1;}
.VenderSelected{background-color: rgb(29, 148, 59);}
.divRadioList li label{display: inline-block;text-align: left; width: 94% !important;}
.multibox { width: 800px; margin: 0 auto; }
.boxleft { border: 1px solid #ccc; width: 200px; height: 100px; float: left; margin: 10px; font-family: Verdana, Geneva, sans-serif; font-size: 12px; box-shadow:0px 0px 4px 3px #ccc; }
.boxleft ul { padding: 0; margin: 0; }
.boxleft li { padding: 2px; margin: 0; list-style: none; display: block; }
.CAR{background-position: -271px -210px; height: 16px; width: 16px; display:inline-block; float:left;}
.EKG{background-position: -271px -239px; height: 16px; width: 16px; display:inline-block; float:left;}
.RAD{background-position: -269px -266px; height: 16px; width: 16px; display:inline-block; float:left;}
.NUC{background-position: -270px -295px; height: 16px; width: 16px; display:inline-block; float:left;}
.REF{background-position: -270px -323px; height: 16px; width: 16px; display:inline-block; float:left;}
.END{background-position: -270px -252px; height: 16px; width: 16px; display:inline-block; float:left;}
.LAB{background-position: -270px -380px; height: 16px; width: 16px; display:inline-block; float:left;}
.DIA{background-position: -270px -409px; height: 16px; width: 16px; display:inline-block; float:left;}
.PRE{background-position: -270px -436px; height: 16px; width: 16px; display:inline-block; float:left;}
.ORD{background-position: -270px -494px; height: 16px; width: 16px; display:inline-block; float:left;}
#ui-id-2{ background:#f9f8f6 !important; margin:0; padding:0;}
#ui-id-2 li{margin:0; padding:0;}
.ui-menu li:hover{ background:#dfecf2;}
.ui-idSpace{padding:2px;}
.prbListMenu ul{padding:0; margin:0;}
.prbListMenu li{padding:0 8px; margin:0; display:inline; list-style:none; cursor:pointer; float:left; line-height:25px;}
.prbListMenu ul li.active{ background:#717171;}
.addNewButton{float:left; margin:7px 0;}
.btnChronic{background-position: -268px -14px; cursor: pointer; display: inline-block; height: 21px; margin-top: 3px; width: 30px;}
.btnResolved{background-position: -268px -42px; cursor: pointer; display: inline-block; height: 21px; margin-top: 3px; width: 30px;}
.btnAssessment{background-position: -268px -71px; cursor: pointer; display: inline-block; height: 21px; margin-top: 3px; margin-left:5px; width: 26px;}
.btnRevert{background-position: -12px -635px; background-color:#e5e5e5; cursor: pointer; display: inline-block; margin-top: 3px; height: 19px; width: 19px; text-align:center;}
.prefIcd{background-position: -140px -653px; cursor: pointer; display: inline-block; height: 21px; width: 26px;}
.prefIcd.active{background-position: -182px -653px;}
.allIcd{background-position: -139px -685px; cursor: pointer; display: inline-block; height: 21px; width: 26px;}
.allIcd.active{background-position: -182px -685px;}
.headerTextBox{float:left; margin:0 10px;}
.headerTextBox input[type="text"]{margin-bottom:0 !important; margin-left:5px; width:160px;}
.providerlist{height:100px; overflow:auto;}
.titleEllipsis{float: left;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
#ddlGrowthChart, #ddlTemplate{width:150px !important;}
.tdBtnColorGreen{background:#35AA47; color:#fff; font-size:12px;}
.tdBtnColorGreen:hover{background:#28A03B;}
.tdBtnColorGreen label{margin-bottom:0;}
.assesmentUpArrow{background-position:-312px -297px; width:21px; height:21px; display:inline-block; cursor:pointer; margin:0 5px;}
.assesmentDownArrow{background-position:-312px -325px; width:21px; height:21px; display:inline-block; cursor:pointer; }
.imgSessionDefault{background-position:-182px -320px; width:21px; height:21px; display:inline-block; cursor:pointer;}
.imgSessionDefaultActive{background-position:-211px -320px; width:21px; height:21px; display:inline-block; cursor:pointer;}
.fht-tbody{border:1px solid #ccc; border-top:none;}
._quickPanels{margin-left: 0px; list-style-type: none;}
._quickPanel li{list-style-type: none;}
._quickButtons .quickBtnWidth{width:187px;}
.planByOrder{background-position:-335px -4px; width:23px; height:23px; float:left;}
.planByDx{background-position:-335px -33px; width:23px; height:23px; float:left;}
.quickBtnWidth .star{background-position:-199px -357px; width:13px; height:11px; float:left; margin-top:9px;}
.quickBtnWidth .starActive{background-position:-227px -357px; width:13px; height:11px; float:left; margin-top:9px;}

#OrderContainer .dataTables_scroll{margin-top: 7px !important;}
#OrderContainer .dataTables_wrapper {border: 0px solid #DDDDDD;margin-bottom: 0px;}
#cover {position: absolute; width: 93%; height:30px; z-index: 9999999; /* make sure logout_box has a z-index of 2 */ background-color: none; display: none;}
#headerCtrl input{ margin-bottom:0;}
#btnAddOrderSet{margin-top:2px;}
.configurationSet{display:block; font-size:13px; font-weight:bold; margin:6px 0;}
.configSetIcon{background-position: -71px -619px; cursor: pointer; height: 20px; width:20px; float:left;}
.actionLink{color:#25AE90; font-weight:bold; cursor:pointer;}
.iconForwardAll{background-position: -312px -241px; cursor: pointer; height: 20px; width: 20px; display:block; margin:2px;}
.iconForward{background-position: -312px -184px; cursor: pointer; height: 20px; width: 20px; display:block; margin:2px;}
.iconBackward{background-position: -312px -213px; cursor: pointer; height: 20px; width: 20px; display:block; margin:2px;}
.iconBackwardAll{background-position: -312px -268px; cursor: pointer; height: 20px; width: 20px; display:block; margin:2px;}
.textChangeButton{margin:130px 0 0 50% !important; display:inline-block;}
.iconForwardUp{background-position: -312px -298px; cursor: pointer; height: 20px; width: 20px; display:block; margin:2px;}
.iconForwardDown{background-position: -312px -325px; cursor: pointer; height: 20px; width: 20px; display:block; margin:2px;}
.ChangeRow{margin-top:157px; display:inline-block;}
.fmargin p{margin-bottom:17px !important;}
.selOption{height:256px !important; padding:0;}
.selOption option{padding:5px; margin:2px 0; border-bottom:1px solid #ccc;}
.formDiv label{width:150px; float:left; padding-right:10px;}
.quickMultichk{margin-top:0; width:147px; height:auto;}

/*...quick visit iframe...*/
#divFaceSheetMasterMainContainer{margin:0; width:100%;}
.blankRowbg{background:#F5F5F5; height:20px; background-image:linear-gradient(to bottom, #f5f5f5, #ccc); margin-bottom:5px;}
/*...quick visit iframe...*/
.msgQuickText{width:100px; padding-right:10px; text-align:right;}
.msgTo{width:80%;}
#divFaceSheetMasterMainContainer .portlet{margin-bottom:0;}
.quickNoteDes{ margin-left:40px;}
.quickNoteDes input[type="checkbox"]{ margin:0 10px 0 0;}
.hdTextBoxSearch{ float:left; width:80%; position:relative; margin:0;;margin-top:2px;margin-bottom:2px;}
.hdTextBoxSearch input[type="text"]{width:88%; margin:0; padding-right:8%;border-radius:5px !important;}
.hdTextBoxSearch .topSerachIcon{top:6px; cursor:pointer;}
.dualListBoxHd{ background: #eeeeee;line-height: 28px; padding-left: 5px; border:1px solid #ccc; border-bottom:none; margin-top:10px;}
.txtNotesZoom{width: 97%; height: 200px; resize: none;}
#divVaccinationContainer{height:250px; overflow:auto; padding-right:10px;}
.diagramListingPop{height:400px;width:590x;overflow:auto;}
#ulVendors li{border-bottom:1px solid #ccc;}
#ulVendors li:hover{background:#f5f5f5;}
#setChatHeight .slimScrollDiv{height:300px !important;}