/*
 * 
 *  ---------------------------------------
 *  ---------- TABLE OF CONTENTS ----------
 *  ---------------------------------------
 *  
 *  1.  FILE IMPORTS
 *  2.  RESET STYLES
 *  3.  HEADER PANEL
 *          3.1     HEADER LEFT
 *          3.2     HEADER RIGHT
 *  4.  LEFT PANEL
 *          4.1     NAVIGATION STYLES
 *          4.2     INFO SUMMARY
 *  5.  MAIN PANEL
 *          5.1     DASHBOARD
 *  6.  FORM STYLES
 *          6.1     FORM WIZARD STYLES
 *  7.  UI ELEMENTS
 *  8.  EMAIL
 *  9.  TABLES
 *  10. PAGES
 *          10.1    CALENDAR
 *          10.2    MEDIA MANAGER
 *          10.3    PROFILE
 *          10.4    BLOG LIST
 *          10.5    BLOG SINGLE
 *          10.6    PEOPLE DIRECTORY
 *          10.7    NOT FOUND PAGE
 *          10.8    SEARCH RESULTS
 *          10.9    INVOICE
 *          10.10   TIMELINE
 *          10.11   LOCKED SCREEN
 *          10.12   SIGN IN
 *          10.13   SIGN UP
 *  11. LEFT PANEL COLLAPSED
 *  12. RIGHT PANEL STYLES
 *  13. HORIZONTAL MENU
 *  14. FIXED WIDTH
 *  15. MODALS
 *  16. BUG TRACKER
 *  17. ADDITIONAL STYLES
 *          17.1    DROPDOWN
 *          17.2    ICON
 *          17.3    TIME PICKER
 *          17.4    COLOR PICKER
 *          17.5    STICKY HEADER
 *          17.6    CUSTOM STYLES
 *  18. MEDIA QUERIES
 *  
 *  19. VendorCafe Mods
 */
/********** 1. FILE IMPORTS **********/
/*************************************/

@import url('bootstrap.min.css');
@import url('bootstrap-override.css');
@import url('jquery-ui-1.10.3.css');
@import url('font-awesome.min.css');
@import url('icomoon.css');
@import url('animate.min.css');
@import url('animate.delay.css');
@import url('toggles.css');
@import url('select2.css');
@import url('utility.css')

/* Fonts */
@font-face {
  font-family: 'ProximaNova';
  src: url('../fonts/ProximaNova.eot'), /* IE9 Compat Modes */ 
       url('../fonts/ProximaNova.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ProximaNova.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/ProximaNova.ttf')  format('truetype'), /* Safari, Android, iOS */     
	   url('./fonts/ProximaNova.svg#svgProximaNova') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'ProximaNovaMedium';
  src: url('../fonts/ProximaNovaMedium.eot'), /* IE9 Compat Modes */ 
       url('../fonts/ProximaNovaMedium.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ProximaNovaMedium.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/ProximaNovaMedium.ttf')  format('truetype'), /* Safari, Android, iOS */     
	   url('./fonts/ProximaNovaMedium.svg#svgProximaNova') format('svg'); /* Legacy iOS */
}


@font-face {
  font-family: 'ProximaNovaSemibold';
  src: url('../fonts/ProximaNovaSemibold.eot'), /* IE9 Compat Modes */ 
       url('../fonts/ProximaNovaSemibold.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ProximaNovaSemibold.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/ProximaNovaSemibold.ttf')  format('truetype'), /* Safari, Android, iOS */     
	   url('./fonts/ProximaNovaSemibold.svg#svgProximaNova') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'MarkOffcPro-Book';
  src: url('../fonts/MarkOffcPro-Book.eot'), /* IE9 Compat Modes */  
       url('../fonts/MarkOffcPro-Book.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/MarkOffcPro-Book.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/MarkOffcPro-Book.ttf')  format('truetype'), /* Safari, Android, iOS */     
	   url('./fonts/MarkOffcPro-Book.svg#svgMarkOffcPro-Book') format('svg'); /* Legacy iOS */
}

/********** 2. RESET STYLES **********/
/*************************************/
html {
	position: relative;
	min-height: 100%;
	height: auto;
}


body, h1, h2, h3, h4, h5, h6{
	font-family: "ProximaNova", sans-serif;
}

body{
	font-family: "ProximaNova", sans-serif;
    background: #f7f7f7;
    color: #636e7b;
	font-size:15px;
	min-height:100%;
	height:auto;  	
	font-weight: 400;
	font-style: normal;
	line-height: 26px;
}

.select2-container, .select2-container input{
	color:#636e7b;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
	cursor: not-allowed;
}

.signin input.material-disabled{
	color: rgba(255,255,255,0.4);
	border-bottom-color:rgba(255, 255, 255, 0.4);
}

body.signin label.error{
	color:#B94A48;
	top:45px;
}

.innerpage-logo {   
     padding: 40px 0 20px 0;
}

.innerpage-logo img{
	max-height:27px;
	height:auto;
	box-sizing:border-box;
}

.signin-holder{
	float:right;
}

input,select,textarea {   
    color: #636e7b;
}

a:focus, a:active { outline: none; }

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

/* preloader */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #e4e7ea94; 
    z-index: 10000; 
}

#status {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 50%; 
    top: 50%;
    margin: -15px 0 0 -15px;
    font-size: 32px;
}

/********** 3. HEADER PANEL **********/
/*************************************/
.headerbar {
    border-left: 1px solid #eee;
    background: #fff;
}

.headerbar::after {
    clear: both;
    display: block;
    content: '';
}


/***** 3.1 HEADER LEFT *****/
.menutoggle {   
    width: 50px;
    height: 50px;
    font-size: 21px;
    cursor: pointer;
    float: left;
    color: #1d2939;    
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}

.leftpanel-collapsed .menutoggle {
    background: #000;
    color: #fff;
	height:53px;
}

.menutoggle:hover {
    color: #9064a1;    
}

.menutoggle .fa, .menutoggle .glyphicon {
    margin: 14px 0 0 15px;
}

.searchform input {
    width: 250px;
    background: #fff url(../images/icon-search.png) no-repeat 95% center;
    float: left;
    padding: 18px 20px;
    border: 0;
    border-right: 1px solid #eee;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    height: 50px;
    font-size: 14px;
}

.searchform input:focus {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #ddd;
}

.searchform-left {
    margin-top: 10px;
    margin-bottom: 20px;
}

.searchform-left .form-control {
    border: 0;
    background: #131b26;
}

.header-left {
    float: left;
}

/***** 3.2 HEADER RIGHT *****/

.header-right {
    float: right;
	line-height:21px;
}

.headermenu {
    list-style: none;
    margin: 0;
    padding: 0;	
}

.headermenu:after {
    clear: both;
    display: block;
    content: '';
}

.headermenu > li {
    display: inline-block;
    float: left;    
    position: relative;
}

.header-right button > i{
	font-size:18px;
}

.header-right button i.iconm-arrow-down2 {
    font-size: 10px;
}

.headermenu .dropdown-toggle {
    padding: 15px 10px;
    border-color: #fff;
    background: #fff;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 0;
}

.headermenu .dropdown-toggle:hover, .headermenu .dropdown-toggle:focus, .headermenu .dropdown-toggle:active, .headermenu .dropdown-toggle.active, .headermenu .open .dropdown-toggle.dropdown-toggle, .open .dropdown-toggle.btn-default {   
    color: #000;
	background:transparent;
}

.headermenu .dropdown-toggle img {
    vertical-align: middle;
    margin-right: 5px;
    width: 26px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.headermenu .dropdown-toggle .caret {
    margin-left: 5px;
}

.headermenu .dropdown-menu {
    border: 0;
    margin-top: -6px;    
    -moz-box-shadow: 0 7px 23px 0 rgba(0, 0, 0, 0.1), 0 13px 49px 0 rgba(0, 0, 0, 0.06) ;
    -webkit-box-shadow: 0 7px 23px 0 rgba(0, 0, 0, 0.1), 0 13px 49px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 7px 23px 0 rgba(0, 0, 0, 0.1), 0 13px 49px 0 rgba(0, 0, 0, 0.06);
    padding: 0px;
	border-radius:0;
}

.headermenu .dropdown-grid .grid-list {
    padding: 20px;
}

.headermenu .dropdown-menu li {    
	padding:0;
}

.headermenu .dropdown-menu-usermenu:after {
    right: 95px;
}

.headermenu .dropdown-menu .active a {
    color: black;
}

.headermenu .dropdown-menu li a {   
    padding: 10px 15px;  
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}

.headermenu .dropdown-menu li a:hover {
    background:rgba(24,28,33,0.020);  
	color:#000;
	cursor:pointer;
}

.headermenu .dropdown-menu-head {
    padding: 0;
    min-width: 300px;
}

.headermenu .tp-icon {
    padding: 12px 15px;
    height: 50px;
    font-size: 16px;
    background: #fff;
    color: #333;
    border-color: #fff;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}

.headermenu .tp-icon + .dropdown-menu:after {
    right: 17px;
}

.headermenu .chat-icon {
    border-right: 0;
}

.headermenu .dropdown-menu-usermenu {
    background: #fff;
    min-width: 200px;
}

.headermenu .dropdown-menu-head ul {  
    border-top: 0;
	padding:0;
}

.headermenu .btn-group {
    margin-bottom: 0;
}

.dropdown-list li {
    padding: 15px;
    overflow: hidden;
    border-bottom: 1px solid #eee;
}

.dropdown-list li:last-child {
    border-bottom: 0;
}

.dropdown-list .thumb {
    width: 36px;
    float: left;
}

.dropdown-list .thumb img {
    width: 100%;
    display: block;
    vertical-align: middle;
}

.dropdown-list .desc {
    margin-left: 45px;
    display: block;
}

.dropdown-list .desc h5 {
    font-size: 13px;
    margin-top: 7px;
}

/*.dropdown-list li:last-child {
    padding: 7px 5px;
}*/

.dropdown-list li .badge {
    float: right;
}

.user-list {
    width: 300px;
}

/*.gen-list li a {
    display: block;
}

.gen-list li a:hover {
    color: #333 !important;
    text-decoration: none;
}

.gen-list li .name {
    font-size: 13px;  
    line-height: 21px;
    display: block;	
}

.gen-list li .msg {
    font-size: 11px;
    line-height: normal;
    color: #999;
    display: block;
}*/




/********** 4. LEFT PANEL **********/
/***********************************/

.leftpanel {
    width: 240px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    background: #000;
    height: 100%;
}

.sticky-leftpanel {
    position: fixed;
    height: 100%;
    overflow-y: auto;
}
.signin .logopanel{padding:auto; padding-left:0; padding-top:60px;}


.leftpanelinner {
    padding: 5px 0px;
	background:#000;
    /*height: 100%;*/
}

.leftpanel .searchform {
    display: none;
}

.leftpanel .searchform::after {
    content: '';
    display: block;
    clear: both;
}

.leftpanel .searchform input {
    padding: 10px;
    height: auto;
    width: 100%;
    margin: 5px 0 20px 0;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.leftpanel .userlogged {
    margin: 0;
    padding: 0;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    display: none;
}

.leftpanel .userlogged .media-object {
    width: 40px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    float: left;
    border: 2px solid #1CAF9A;
    padding: 2px;
    margin-left: 2px;
}

.leftpanel .userlogged .media-body {
    margin-left: 50px;
    color: #ccc;
}

.leftpanel .userlogged .media-body h4 {
    font-size: 15px;
    margin: 0;
}

.leftpanel .userlogged .media-body span {
    font-style: italic;
    font-size: 11px;
    opacity: 0.5;
}



/***** 4.1 NAVIGATION STYLES *****/


.sidebartitle {
    font-size: 12px;    
    color: #bbbaba;
    margin-bottom: 10px;
	margin-left:15px;
	background:#000;
}

.nav-bracket {
    margin-bottom: 30px;
}
.nav-bracket .badge-success {
    background-color: #007fce;
}
.nav-bracket > li > a {
    color: #cacaca;
    padding: 7px 10px;
}

.nav-bracket > li > a:hover,
.nav-bracket > li > a:active,
.nav-bracket > li > a:focus {
    background-color: #9064a1;
    color: #fff;   
}

.nav-bracket > li.nav-parent > a {
    background: transparent url(../images/plus-white.png) no-repeat 92% center; 
}

.nav-bracket > li.nav-parent > a:focus {
    background-color: none;
    /*color: #8F939E;*/
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.nav-bracket > li.nav-parent > a:hover,
.nav-bracket > li.nav-parent > a:active {
   /* color: #1d2939;*/
    background-color: #9064a1;
    background-image: url(../images/plus.png);
}

.nav-bracket > li.nav-active > a {
    /*background-color: #9064a1;*/
    background-image: url(../images/minus.png);
    color: #fff;
    -moz-box-shadow: 0 3px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 3px 0 rgba(0,0,0,0.2);
    box-shadow: 0 3px 0 rgba(0,0,0,0.2);
}

.nav-bracket > li.nav-active > a:hover {
    background-image: url(../images/minus.png);
    background-repeat: no-repeat;
}

/*.nav-bracket > li.nav-active > a:focus {
    color: #1d2939;
}*/

.nav-bracket > li.active > a,
.nav-bracket > li.active > a:hover,
.nav-bracket > li.active > a:focus {
    background-color: #9064a1;
    color: #fff;
	background-repeat:no-repeat;
	background-position: 92% center;
}

.nav-bracket > li.nav-parent.active > a {
    background-image: url(../images/plus.png); 
}

.nav-bracket > li.nav-active.active > a {
    background-image: url(../images/minus.png); 
}

.nav-bracket > li.nav-active.active > a:hover {
    background-image: url(../images/minus.png); 
	background-position: 92% center;
}

.nav-bracket li .fa,
.nav-bracket li .glyphicon {
    font-size: 16px;
    vertical-align: middle;
    margin-right: 10px;
    width: 16px;
    text-align: center;
}

.nav-bracket > li > a > .badge {
    margin-top: 2px;
}

.nav-bracket .children {
    list-style: none;
    display: none;
    margin: 5px 0;
    padding: 0;
}

.nav-bracket .children > li > a {
    color: #dedede;
    font-size: 14px;
    display: block;
     padding: 6px 14px 6px 20px;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}



.nav-bracket .children > li > a > span {
  /*  margin-top: 2px; */
}

.nav-bracket .children > li > a:hover,
.nav-bracket .children > li > a:active,
.nav-bracket .children > li > a:focus {
    text-decoration: none;
    color: #c490d8;
}

.nav-bracket .children > li .fa {
    font-size: 12px;
    opacity: 0.8;
    margin-right: 10px;
    text-align: left;
    width: auto;
    vertical-align: baseline;
}


.nav-bracket .children > li.active > a {
    color: #c3a0d2;
    background: rgb(4, 8, 19);    
}
.nav-bracket .children > li.disabled {
    display: none;
}


.nav-bracket .children ul {
    margin-left: 12px;
    border: 0;
}



/***** 4.2 INFO SUMMARY *****/


.infosummary {
    margin: 30px 0;
}

.infosummary ul {
    padding: 0;
    margin: 20px 0 0;
    list-style: none;
    border-top: 1px solid rgba(255,255,255,0.05);
}

.infosummary li {
    padding: 10px 0;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}

.infosummary li:after {
    clear: both;
    display: block;
    content: '';
}

.infosummary .datainfo {
    float: left;
    line-height: normal;
}

.infosummary .datainfo h4 {
    margin: 0;
    font-size: 16px;
    color: #fff;
    opacity: 0.7;
}

.infosummary span {
    font-size: 11px;
    line-height: normal;
    text-transform: uppercase;
    font-size: 10px;
    opacity: 0.4;
}

.infosummary .chart {
    float: right;
    margin-top: 5px;
    opacity: 0.6;
}



/********** 5. MAIN PANEL **********/
/***********************************/

.mainpanel {
    margin-left: 240px;
	background: #f7f7f7;
    min-height: 1000px;
	position:relative;	
}

.contentpanel {
    /*padding: 25px;*/
    position: relative;
	background:#fbfbfb;
}


.pageheader .glyphicon, .pageheader .vcicon {
    font-size: 24px;
    margin-right: 5px;
    padding: 6px 7px;
    border: 2px solid #636e7b;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.contentpanel::after {
    clear: both;
    display: block;
    content: '';
}

form .form-group:last-child {
    margin-bottom: 0;
}

.row-pad-5 {
    margin-left: -5px;
    margin-right: -5px;
}

.row-pad-5 [class*="col-lg"],
.row-pad-5 [class*="col-md"],
.row-pad-5 [class*="col-sm"] {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
}

.subtitle {
    font-size: 13px;
    text-transform: uppercase;
    color: #333; 
    margin-bottom: 15px;
    margin-top: 0;
	font-weight:600;
}

.subtitle-lined {
    border-bottom: 1px dotted #ddd;
    padding-bottom: 5px;
}

p {
    margin-bottom: 10px;
}

/*** custom bg color for form REQUIRED fields **/
/*form .form-control.required:not([disabled]):not([readonly]) 
{
    background-color: #B2D2E4;
}*/
/*form .select2-container.required:not(.select2-container-disabled) .select2-choice  
{
    background-color: #B2D2E4;
}  for older version of select2	*/
form .select2.required:not([disabled]) + .select2-container .select2-selection  
{
    background-color: #ece4ef;
	border-color: #cec5d2!important;
}
.form-group.has-error .select2:not([disabled]) + .select2-container .select2-selection  
{
    border-color: #a94442;
}

/** disabled button ponter is not shown > fixed **/
.btn.disabled, .btn[disabled], fieldset[disabled] .btn
{
    pointer-events: auto;
}

/***** 5.1. DASHBOARD ******/


.panel-stat {
    background: none;
}

.panel-stat .panel-heading {
    padding: 15px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.panel-stat .stat {
    color: #fff;
    text-align: center;
    /*max-width: 250px; */
}

.panel-stat .stat img {
    text-align: center;
}

.panel-stat i {
    font-size: 30px;
    padding: 15px;
    border-radius: 50px;
    /*border: 1px solid #fff;
    opacity: 0.5; */
}

.panel-stat .stat-label {
    text-transform: uppercase;
    font-size: 11px;
    opacity: 0.75;
    display: block;
    line-height: normal;
    margin-bottom: 2px;
}

.panel-stat h1 {
    margin: 0;
    line-height: 36px;
   /* font-family: 'Helvetica Neue', sans-serif;*/
    font-size: 38px;
}

.panel-stat h4 {
    margin: 0;
   /* font-family: 'Helvetica Neue', sans-serif;*/
}

.sublabel {
    display: block;
    font-size: 12px;
    margin-bottom: 2px;
}

.ex-donut-chart {
    text-align: center;
    height: 298px;
}

.ex-line-chart {
    height: 248px;
}

.ex-donut-chart > svg,
.ex-line-chart > svg {
    width: 100% !important;
}

.panel-icon {
    background: rgba(255,255,255,0.9);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: 60px;
    height: 60px;
    float: left;
    margin-right: 15px;
}

.panel-icon .fa {
  color: #000;
  font-size: 36px;
  padding: 12px 0 0 1px;
}

.panel-success-alt {
  border-color: #4cae4c;
}

/********** 6. FORM STYLES **********/
/************************************/



.ckbox,
.rdio {
    position: relative;
}

.ckbox input[type="checkbox"],
.rdio input[type="radio"] {
    opacity: 0;
}

.ckbox label,
.rdio label {
    padding-left: 15px;
    cursor: pointer;
    /*margin-bottom: 7px !important;*/
    margin-left: 0;
}



.ckbox input[type="checkbox"]:disabled + label  {
    color: #999;
    line-height: 1.4285;
    margin-left: 15px;
    padding-left: 0;
}

.ckbox input[type="checkbox"]:disabled + label:before  {
    background-color: #eee;
	opacity: .6;
}


.ckbox-default input[type="checkbox"]:checked + label:before {
    /*border-color: #999;*/
    border-color: #9064a1;
    background-color: #9064a1;
}



.ckbox-primary input[type="checkbox"]:checked + label:before {
    border-color: #9064a1;
    background-color: #9064a1;
}

.ckbox-warning input[type="checkbox"]:checked + label:before {
    border-color: #EEA236;
    background-color: #F0AD4E;
}

.ckbox-success input[type="checkbox"]:checked + label:before {
    border-color: #1CAF9A;
    background-color: #1CAF9A;
}

.ckbox-danger input[type="checkbox"]:checked + label:before {
    border-color: #D43F3A;
    background-color: #D9534F;
}

.rdio label:before {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 1px;
    left: 0;
    content: '';
    display: inline-block;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border: 1px solid #bbb;
    background: #fff;
}

.rdio input[type="radio"]:disabled + label  {
    color: #999;
}

.rdio input[type="radio"]:disabled + label:before  {
    background-color: #eee;
}

.rdio input[type="radio"]:checked + label::after  {
    content: '';
    position: absolute;
    top: 5px;
    left: 4px;
    display: inline-block;
    font-size: 11px;
    width: 10px;
    height: 10px;
    background-color: #444;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.rdio-default input[type="radio"]:checked + label:before {
    border-color: #999;
}

.rdio-primary input[type="radio"]:checked + label:before {
    border-color: #428BCA;
}

.rdio-primary input[type="radio"]:checked + label::after {
    background-color: #428BCA;
}

.rdio-warning input[type="radio"]:checked + label:before {
    border-color: #F0AD4E;
}

.rdio-warning input[type="radio"]:checked + label::after {
    background-color: #F0AD4E;
}

.rdio-success input[type="radio"]:checked + label:before {
    border-color: #1CAF9A;
}

.rdio-success input[type="radio"]:checked + label::after {
    background-color: #1CAF9A;
}

.rdio-danger input[type="radio"]:checked + label:before {
    border-color: #D9534F;
}

.rdio-danger input[type="radio"]:checked + label::after {
    background-color: #D9534F;
}

pre {
    font-size: 12px;
    color: #C7254E;
    border: 1px solid #ddd;
    padding: 8px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
}

label.error {
    color: #a94442; 
}

label.error:empty {
    display: none !important;    
}

.asterisk {
    color: #D9534F;
}

div.error {
    margin-bottom: 20px;
    display: none;
    position: relative;
}

div.error label.error {
    display: block;
    padding-left: 25px;
    position: relative;
}

div.error label.error:before {
    font-family: 'Glyphicons Halflings';
    content: '\e101';
    position: absolute;
    top: -2px;
    left: 0;
    font-size: 16px;
    color: #D9534F;
    display: inline-block;
}

.bootstrap-timepicker .dropdown-menu {
    top: 40px;
}

/* CKEDITOR */
.ck-editable {
    padding: 10px;
    border: 1px solid #fcfcfc;
    margin-bottom: 20px;
}

.ck-editable:hover {
    border: 1px solid #ccc;
}

.ck-editable h4 {
    color: #333;
}

/* X-EDITABLE */

.editable-input .form-control {
    margin: 0;
}

.editable-input select.form-control {
    padding: 8px 10px
}

.editable-list-group {
    padding: 0;
}

.editableform .form-group {
    margin: 0;
}

.editable-list-item {
    border-bottom: 1px dotted #ddd;
    padding: 12px 15px;
}

.editable-list-group .editable-list-item:last-child {
    border-bottom: 0;
}

.editable-unsaved {
    font-weight: normal;
}



/***** 6.1 FORM WIZARD STYLES *****/


.basic-wizard .nav li a {
    background: #f2f0f3;
    border-bottom: 1px solid #ccc;
    color: #4A535E;
    border-right: 1px solid #ccc;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    opacity: 0.75;
}

.basic-wizard .nav li:last-child a {
    border-right: 0;
}

.basic-wizard .nav li a:hover {
    background-color: #f7f7f7;
    opacity: 1;
}

.basic-wizard .nav li.active a,
.basic-wizard .nav li.active a:focus,
.basic-wizard .nav li.active a:active {
    background: #fcfcfc;
    border-bottom-color: #fcfcfc;
    color: #333;
    opacity: 1;
}

.basic-wizard ul li a span {
    /*font-family: 'LatoBold', sans-serif;*/
	font-weight:600;
}

.basic-wizard .pager {
    margin: 0;
    border-top: 1px solid #ddd;
    #background: #f7f7f7;
    padding: 10px;
}

.basic-wizard .pager li a {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border-color: #357EBD;
    background-color: #428BCA;
    color: #fff;
}

.basic-wizard .pager li a:hover {
    background-color: #3276B1;
    border-color: #285E8E;
}

.basic-wizard .pager li.disabled a {
    background: #eee;
    color: #999;
    border-color: #ccc;
}

.basic-wizard .progress {
    height: 12px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.basic-wizard .nav-disabled-click li a:hover,
.basic-wizard .nav-disabled-click li a:active,
.basic-wizard .nav-disabled-click li a:focus {
    background-color: #E4E7EA;
    opacity: 0.75;
    color: #4A535E;
    cursor: default;
}

.basic-wizard .nav-disabled-click li.active a:hover,
.basic-wizard .nav-disabled-click li.active a:active,
.basic-wizard .nav-disabled-click li.active a:focus {
    background: #e9e7ea;
    color: #333;
    opacity: 1;
}

.basic-wizard .tab-content {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.tab-pane::after {
    clear: both;
    display: block;
    content: '';
}




/********** 7. UI ELEMENTS **********/
/*********************************/


.btn-demo::after {
    clear: both;
    display: block;
    content: '';
}

.btn-demo .btn {
    float: left;
    margin: 0 10px 10px 0;
}

.fonticon-list {
    list-style: none;
    margin: 20px 0;
    padding: 0;
}

.fontawesome-list {
    list-style: none;
    padding: 0;
}

.fonticon-list li,
.fontawesome-list li {
    display: block;
    margin-bottom: 5px;
}

.fonticon-list li span,
.fontawesome-list li span {
    color: #333;
    vertical-align: middle;
    margin-right: 8px;
    min-width: 20px;
    display: inline-block;
    width: 20px;
}

.tooltip-example .btn,
.popover-example .btn {
    margin: 0 5px 5px 0;
}

.tooltipflot {
    background-color: rgba(0,0,0,0.75);
    font-size: 11px;
    color: #fff;
    padding: 3px 10px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.jqstooltip{ 
    min-height: 25px;
    border: 0;
    min-width: 30px;
    height: auto !important;
    width: auto !important;
}

.tinystat {
    display: inline-block;
}

.tinystat .chart,
.tinystat .datainfo {
    display: inline-block;
    vertical-align: middle;
}

.tinystat .chart {
    margin-right: 5px;
}

.tinystat .text-muted {
    text-transform: uppercase;
    font-size: 10px;
}

.tinystat h4 {
    margin: 0;
    color: #333;
    /*font-family: 'LatoBold';*/
    line-height: normal;
    font-size: 16px;
	font-weight:600;
}

.panel-morris .body-chart {
    height: 300px;
}

.panel-morris .body-chart > svg {
    width: 100% !important;
}

.widget-quick-status-post .nav-tabs > li > a {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.widget-quick-status-post .panel-body {
    padding: 0;
}

.widget-messaging .panel-btns .panel-edit {
    padding: 15px 17px;
    opacity: 0.5;
    font-size: 24px;
    margin-top: -18px;
    margin-right: -20px;
    position: relative;
}

.widget-messaging .panel-btns .panel-edit:hover {
    opacity: 1;
}

.widget-messaging .panel-body {
    padding: 0;
}

.widget-messaging ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.widget-messaging ul li {
    padding:13px 15px;   
    background-color: #fff;
}

.widget-messaging ul li:hover {
    background-color: #fcfcfc;
}

.widget-messaging ul li:first-child {
    border-top: 0;
}

.widget-messaging .sender {
    font-size: 14px;
    color: #000;
    margin: 0;
}

.widget-today .panel-heading,
.widget-time .panel-heading {
    height: 115px;
}

.widget-today .glyphicon,
.widget-today .fa {
    font-size: 72px;
    color: #fff;
    opacity: 1;
}

.widget-time .glyphicon,
.widget-time .fa {
    font-size: 60px;
    color: #fff;
    opacity: 1;
}
.widget-today .today,
.widget-time .today {
    line-height: normal;
    margin: 0;
    color: #333;
   /* font-family: 'LatoBold';*/
    font-size: 20px;
	font-weight:600;
}

.widget-photoday .panel-body {
    padding: 0;
}

.widget-photoday .photoday img {
    width: 100%;
    display: block;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

.widget-photoday .photo-details {
    padding: 15px;
}

.widget-photoday .photo-title {
    color: #333;
    font-size: 16px;
    margin: 0;
  /*  font-family: 'LatoBold';*/
    line-height: normal;
	font-weight:600;
}

.widget-photoday .photo-details small {
    display: block;
}

.widget-photoday .photo-meta {
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: 1px solid #e3e3e3;
    background-color: #f7f7f7;
}

.widget-photoday .photo-meta li {
    display: table-cell;
    width: 1%;
    text-align: center;
    border-left: 1px solid #e3e3e3;
}

.widget-photoday .photo-meta li:first-child {
    border-left: 0;
}

.widget-photoday .photo-meta li a,
.widget-photoday .photo-meta li span {
    padding: 15px 10px;
    display: block;
    color: #999;
    font-size: 12px;
}

.widget-photoday .photo-meta li a:hover {
    color: #666;
    text-decoration: none;
}

.widget-bloglist .media {
    border-bottom: 1px solid #eee;
    padding: 0;
}

.widget-bloglist .media .thumbnail {
    margin-bottom: 15px;
}

.widget-weather {
    overflow: hidden;
}

.widget-weather .panel-body {
    padding: 0;
    background-color: #1D2939;
}

.widget-weather .row {
    margin: 0;
}

.widget-weather .temp,
.widget-weather .weather {
    padding: 0;
}

.widget-weather .temp {
    background-color: #1CAF9A;
    color: #fff;
    padding: 10px 0;
}

.widget-weather .temp h1 {
    font-size: 60px;
   /* font-family: 'LatoLight';*/
}

.widget-weather .temp h1 span {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-left: -10px;
}

.widget-weather .temp h5 {
    text-transform: uppercase;
}

.widget-weather .weather-icon {
    color: #666;
    font-size: 60px;
    background-color: #fff;
    display: block;
    padding: 20px 0;
}

.widget-weather .weather > div {
    width: 50%;
    text-align: center;
    color: #fff;
    font-size: 14px;
    padding-top: 10px;
}

.widget-profile .panel-heading {
    position: relative;
}

.widget-profile .cover {
    position: absolute;
    top: 0;
    left: 0;
    height: 105px;
    overflow: hidden;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

.widget-profile .cover img {
    width: 100%;
    display: block;
}

.widget-profile .panel-body {
    position: relative;
    padding: 0;
}

.widget-profile-img {
    position: relative;
    margin-top: 30px;
    margin-left: 15px;
}

.widget-profile-title {
    background: #428BCA;
    margin-top: -77px;
    padding: 15px 0 15px 120px;
    color: #fff;
}

.widget-profile-title h4 {
    font-size: 18px;
    margin: 0;
    line-height: normal;
}

.widget-profile-title small {
    line-height: normal;
}

.widget-profile blockquote {
    font-size: 18px;
    border-left: 0;
    margin: 0;
    color: #555;
    padding: 15px;
}

.widget-profile-title .fa {
    margin-right: 7px;
}

.widget-profile .row {
    margin: 0;
}

.widget-profile .row > div {
    padding: 0;
}

.widget-profile .row > div > span {
    display: block;
    border-right: 1px solid rgba(255,255,255,0.15);
    font-size: 14px;
    padding: 15px 10px;
    text-transform: uppercase;
    background: #1D2939;
    color: #fff;
}

.widget-profile .row > div:first-child span {
    -moz-border-radius: 0 0 0 3px;
    -webkit-border-radius: 0 0 0 3px;
    border-radius: 0 0 0 3px;
}

.widget-profile .row > div:last-child span {
    border-right: 0;
    -moz-border-radius: 0 0 3px 0;
    -webkit-border-radius: 0 0 3px 0;
    border-radius: 0 0 3px 0;
}

.widget-todo .panel-btns i {
    font-size: 12px;
}

.widget-todo .todo-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.widget-todo .panel-body {
    padding: 0;
}

.widget-todo .todo-list li {
    border-bottom: 1px solid #eee;
    padding: 15px 10px 8px 20px;
}

.widget-todo .todo-list li input:checked + label {
    text-decoration: line-through;
}

.widget-todo .todo-list .todo-form {
    padding-bottom: 15px;   
}

.widget-todo .todo-list li .btn {
    margin: 0;
    padding: 6px 10px;
}

.widget-slider .carousel-control.right,
.widget-slider .carousel-control.left {
    background: none;
}

.widget-slider .carousel-control {
    width: auto;
    text-shadow: none;
    color: #fff;
    bottom: auto;
    top: -55px;
    padding: 0;
    line-height: normal;
}

.widget-slider .carousel-control.left {
    left: auto;
    right: 25px;
}

.widget-slider .carousel-control span {
    line-height: normal;
    font-size: 18px;
}

.widget-slider .media {
    padding-bottom: 0;
}

.widget-slider .carousel-indicators {
    top: -53px;
    right: 0;
    bottom: auto;
    left: auto;
    width: auto;
}




/********** 8. EMAIL **********/
/******************************/



.btn-compose-email {
    padding: 10px 0;
    margin-bottom: 20px;
}

.nav-email > li > a > .badge {
    margin-top: 2px;
}

.nav-email > li > a {
    color: #444;   
}

.nav-email > li > a > i {
    width: 16px;
    text-align: center;
    margin-right: 10px;
}

.nav-email > li > a:hover {
    background-color: #d8dcdf;
}

.table-email {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid #eee;
    margin: 0;
    background-color: #f7f7f7;
}

.table-email tr.unread td {
    background-color: #fff;
}

.table-email tbody > tr > td {
    vertical-align: middle;
}

.table-email tr:hover {
    background-color: #eee;
    cursor: pointer;
}

.table-email tr.selected td {
    background-color: #eee;
}

.table-email .ckbox {
    width: 18px;
    height: 19px;
}

.table-email .ckbox input[type="checkbox"]:checked + label:after {
    top: 2px;
}

.table-email .star {
    color: #ccc;
}

.table-email .star-checked {
    color: #F0AD4E;
}

.table-email td:first-child {
    width: 30px;
}

.table-email td:nth-child(2) {
    width: 30px;
}

.table-email .media {
    margin: 0;
    padding: 0;
}

.table-email .media-object {
    width: 35px;
}

.table-email .media h4 {
    margin: 0;
    font-size: 14px;
    line-height: normal;
   /* font-family: 'LatoBold', sans-serif;*/
   font-weight:600;
}

.table-email .media-meta {
    font-size: 11px;
    color: #999;
}

.table-email .email-summary {
    margin: 2px 0 0 0;
}

.table-email .email-summary strong {
    color: #333;
}

.read-panel {
    margin-top: 10px;
    border-top: 1px solid #eee;
    padding-top: 20px;
}

.read-panel .media-object {
    width: 35px;
}

.read-panel .media h4 {
    margin: 2px 0 0 0;
    font-size: 14px;
    line-height: normal;
}

.read-panel .media-meta {
    font-size: 12px;
}

.email-subject {
    color: #333;
}




/********** 9. TABLES **********/
/*******************************/



.dataTables_length .chosen-container {
    min-width: 75px;
}

.dataTables_length .chosen-container-single .chosen-single {
    padding-right: 0;
}

.table-action {
    text-align: center;
}

.table-action-hide a {
    opacity: 0;
}

.table-action a,
.table-action-hide a {
    display: inline-block;
    margin-right: 5px;
    color: #666;
}

.table-action a:hover,
.table-action-hide a:hover {
    color: #333;
}

.table-action a:last-child,
.table-action-hide a:last-child {
    margin-right: 0;
}

.table-primary thead tr th {
    background-color: #428BCA;
}

.table-success thead tr th {
    background-color: #1CAF9A;
}

.table-warning thead tr th {
    background-color: #F0AD4E;
}

.table-danger thead tr th {
    background-color: #D9534F;
}

.table-info thead tr th {
    background-color: #5BC0DE;
}

.table-dark thead tr th {
    background-color: #1D2939;
}

.table.table-primary thead tr th,
.table.table-success thead tr th,
.table.table-danger thead tr th,
.table.table-warning thead tr th,
.table.table-info thead tr th,
.table.table-dark thead tr th {
    color: #fff;
    border-bottom: 0;
}

.table-bordered.table-primary thead tr th,
.table-bordered.table-success thead tr th,
.table-bordered.table-warning thead tr th,
.table-bordered.table-danger thead tr th,
.table-bordered.table-info thead tr th,
.table-bordered.table-dark thead tr th {
    border-color: rgba(255,255,255,0.2);
}

/** extra buttons for pdf/excel **/
button.dt-button, div.dt-button, a.dt-button {
		    margin-top: .6em;
			padding: 0.1em .3em;
}

button.dt-button, div.dt-button, a.dt-button.disabled
{
	cursor: not-allowed;
	opacity: .6;
	/* pointer-events: none; */
}	


/********** 10. PAGES **********/
/*******************************/


/***** 10.1 CALENDAR *****/

.external-event {
    background: #428BCA;
    margin-bottom: 5px;
    padding: 6px 10px;
    color: #fff;
    font-size: 13px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}


/***** 10.2 MEDIA MANAGER *****/

.filemanager-options {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
    background: #fcfcfc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 3px 0 rgba(12,12,12,0.03);
    -webkit-box-shadow: 0 3px 0 rgba(12,12,12,0.03);
    box-shadow: 0 3px 0 rgba(12,12,12,0.03);
}

.filemanager-options li {
    display: inline-block;
    padding: 12px 15px;
    border-right: 1px solid #eee;
    font-size: 12px;
    color: #666;
}

.filemanager-options li a {
    color: #666;
}

.filemanager-options li a.disabled {
    opacity: 0.5;
    cursor: default;
}

.filemanager-options li a.disabled:hover {
    text-decoration: none;
}

.filemanager-options li i {
    font-size: 14px;
    margin-right: 5px;
    color: #444;
}

.filemanager-options .ckbox label {
    margin: 0 !important;
}

.filemanager-options .filter-type {
    float: right;
    border-right: 0;
    border-left: 1px solid #eee;
}

.filemanager-options .filter-type a {
    display: inline-block;
    margin-right: 10px;
}

.filemanager-options .filter-type a:last-child {
    margin-right: 0;
}

.filemanager-options .filter-type a:first-child {
    margin-left: 10px;
}

.filemanager-options .filter-type a.active {
    text-decoration: underline;
    color: #2A6496;
}

.filemanager .thmb {
    border: 1px solid #F0F0F0;
    background: #fcfcfc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 10px;
    margin-bottom: 20px;
    position: relative;
    -moz-box-shadow: 0 3px 0 rgba(12,12,12,0.03);
    -webkit-box-shadow: 0 3px 0 rgba(12,12,12,0.03);
    box-shadow: 0 3px 0 rgba(12,12,12,0.03);
}

.filemanager .thmb.checked {
    border-color: #ccc;
}

.filemanager .thmb::after {
    clear: both;
    display: block;
    content: '';
}

.filemanager .ckbox {
    position: absolute;
    top: 10px;
    left: 15px;
    display: none;
}

.filemanager .fm-group {
    position: absolute;
    top: 10px;
    right: 15px;
    display: none;
}

.filemanager .fm-toggle {
    padding: 1px 4px;
    line-height: normal;
    background: #fff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.filemanager .fm-menu {
    min-width: 120px;
}

.filemanager .fm-menu a {
    font-size: 12px;
    color: #333;
}

.filemanager .fm-menu i {
    margin-right: 7px;
    color: #999;
    width: 16px;
    font-size: 13px;
}

.filemanager .thmb-prev {
    background: #eee;
    overflow: hidden;
}

.filemanager .thmb-prev a {
    display: block;
}

.filemanager .fm-title {
    margin-bottom: 0;
   
}

.filemanager .fm-title a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.fm-sidebar {
    padding-left: 10px;
}

.fm-sidebar .subtitle a {
    color: #999;
  
}

.fm-sidebar .subtitle a:hover {
    text-decoration: none;
    color: #333;
}

.folder-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.folder-list li {
    display: block;
    border-bottom: 1px solid #ddd;
}

.folder-list li a {
    display: block;
    padding: 5px 0;
    color: #666;
}

.folder-list li a:hover {
    color: #333;
    text-decoration: none;
}

.folder-list li i {
    margin-right: 10px;
    width: 16px;
}

.fm-sidebar .tag-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.fm-sidebar .tag-list li {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}

.fm-sidebar .tag-list li a {
    display: block;
    padding: 2px 7px;
    font-size: 11px;
    background: #fcfcfc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #666;
}

.fm-sidebar .tag-list li a:hover {
    color: #fff;
    text-decoration: none;
    background: #428BCA;
}


/****** 10.3 PROFILE *****/


.profile-name {
    margin: 0;
    margin-bottom: 10px;
    color: #333;
}

.profile-location,
.profile-position {
    font-size: 13px;
    margin-bottom: 3px;
}

.profile-location .fa,
.profile-position .fa {
    width: 16px;
    margin-right: 8px;
    text-align: center;
}

.profile-header {
    margin-bottom: 30px;
}

.profile-header .btn .fa {
    margin-right: 7px;
}

.profile-social-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.profile-social-list li {
    border-bottom: 1px solid #ddd;
    padding: 5px 0;
}

.profile-social-list li:first-child {
    padding-top: 0;
}

.profile-social-list li .fa {
    margin-right: 10px;
    width: 16px;
}

.activity-list {
    padding: 20px 10px;
}

.activity-list .act-media {
    border-bottom: 1px solid #eee;
}

.activity-list .act-thumb {
    width: 28px;
    vertical-align: middle;
}

.activity-list .act-media-body {
    line-height: 16px;
}

.activity-list .media-body p {
    line-height: 21px;
    font-size: 13px;
}

.activity-list .media-title {
    /*font-family: 'LatoBold';*/
    font-size: 15px;
    margin-bottom: 0;
	font-weight:600;
}

.activity-list .blog-media {
    padding-bottom: 0;
}

.activity-list .blog-media .media-object {
    width: 120px;
    margin-right: 10px;
    margin-top: 5px;
}

.activity-list .blog-media .media-title {
    margin: 0;
}

.activity-list .img-single img {
    width: 50%;
}

.uploadphoto-list {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 20px;
}

.uploadphoto-list li {
    width: 20%;
    float: left;
}

.uploadphoto-list li a {
    display: block;
    margin-right: 5px;
}

.follower-list {
    padding: 10px;
}

.follower-list .media {
    border-bottom: 1px solid #eee;
}

.follower-list .btn .fa {
    margin-right: 5px;
}

.follower-list .media-object {
    margin-right: 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.follower-name {
    color: #333;
    margin: 0;
    font-size: 18px;
    margin-bottom: 5px;
}

.events {
    padding: 10px;
}

.events .subtitle {
    margin-bottom: 20px;
}

.events .media-object {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.events-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.events-list .event-body {
    font-size: 13px;
}

.event-body small {
    display: block;
}

.event-body small .fa {
    margin-right: 5px;
    width: 14px;
    text-align: center;
}

.event-body p {
    margin-top: 10px;
}

.event-title {
    margin: 0;
    margin-bottom: 5px;
    font-size: 16px;
   /* font-family: 'LatoBold';*/
    line-height: normal;
	font-weight:600;
}


/****** 10.4 BLOG LIST ******/


.blog-item {
    background: #fcfcfc;
    margin-bottom: 20px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 3px 0 rgba(12,12,12,0.03);
    -webkit-box-shadow: 0 3px 0 rgba(12,12,12,0.03);
    box-shadow: 0 3px 0 rgba(12,12,12,0.03);
    position: relative;
}

.blog-img img {
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

.blog-details {
    padding: 15px;
}

.blog-title {
   /* font-family: 'LatoBold';*/
    margin: 0;
    font-weight: normal;
	font-weight:600;
}

.blog-title a {
    color: #333;
}

.blog-meta {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 10px;
}

.blog-meta::after {
    clear: both;
    display: block;
    content: '';
}

.blog-meta li {
    float: left;
    padding: 0 5px;
    border-right: 1px solid #ddd;
    line-height: normal;
    font-size: 11px;
    margin-bottom: 5px;
}

.blog-meta li:first-child {
    padding-left: 0;
}

.blog-meta li:last-child {
    padding-right: 0;
    border-right: 0;
}

.blog-summary {
    font-size: 13px;
}

.blog-summary p {
    margin: 10px 0;
}

.blog-summary .btn {
    margin-top: 10px;
}

.blog-quote .quote {
    margin: 0;
    font-size: 18px;
    line-height: 24px;
}

.blog-quote .quote a {
    padding: 15px;
    background: #1d2939;
    color: #dadfe6;
    display: block;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
}

.blog-quote .quote a:hover {
    text-decoration: none;
    background: #2c394c;
}

.blog-quote .quote-author {
    display: block;
    /*font-family: 'LatoRegular';*/
    opacity: 0.5;
}

.blog-quote .blog-meta {
    margin-top: 3px;
}

.blog-video {
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    overflow: hidden;
    height: 0;
    padding-top: 30px;
    padding-bottom: 56.25%;
    position: relative;
}

.blog-video iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 0;
    top: 0;
    left: 0;
}

.blog-quote .quote-primary a {
    background-color: #428BCA;
}

.blog-quote .quote-primary a:hover {
    background-color: #357EBD;
}

.blog-quote .quote-success a {
    background-color: #1CAF9A;
    color: #fff;
}

.blog-quote .quote-success a:hover {
    background-color: #17A08C;
}

.blog-quote .quote-danger a {
    background-color: #D9534F;
    color: #fff;
}

.blog-quote .quote-danger a:hover {
    background-color: #D43F3A;
}



/***** 10.5 BLOG SINGLE *****/


.panel-blog .blog-img img {
    width: 100%;	
}

.blogsingle-title {
    /*font-family: 'LatoRegular';*/
    color: #333;
    margin: 0;
}

.blog-content {
    max-width: 975px;
}

.authorpanel {
    margin: 20px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 20px 0;
}

.authorpanel::after {
    clear: both;
    display: block;
    content: '';
}

.authorpanel .media {
    padding: 0;
}

.authorpanel .media-object {
    margin-right: 15px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.authorpanel p {
    margin-bottom: 0;
    font-size: 13px;
}

.blog-sidebar {
    font-size: 13px;
    padding-left: 5px;
    margin-top: 5px;
}

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

.sidebar-list li {
    display: block;
    border-bottom: 1px solid #ddd;
}

.sidebar-list li a {
    padding: 7px 0;
    display: block;
}

.sidebar-list li i {
    display: inline-block;
    margin-right: 5px;
}

.comment-list .media {
    border-bottom: 1px solid #ddd;
}

.comment-list .media-object {
    width: 60px;
    margin-right: 10px;
}

.comment-list h4 {
    margin: 0;
    color: #333;
    font-size: 16px;
}

.comment-list .media-body {
    font-size: 13px;
    position: relative;
}

.comment-list .reply {
    padding: 3px 8px;
    line-height: normal;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.comment-list .media-body p:last-child {
    margin-bottom: 0;
}

.comment-list .media-body .media:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}


/****** 10.6 PEOPLE DIRECTORY ******/


.letter-list {
    list-style: none;
    padding: 0;
    margin: 0;
    -moz-box-shadow: 0 3px 0 rgba(12,12,12,0.03);
    -webkit-box-shadow: 0 3px 0 rgba(12,12,12,0.03);
    box-shadow: 0 3px 0 rgba(12,12,12,0.03);
}

.letter-list li {
    border-left: 1px solid #eee;
    display: table-cell;
    width: 1%;
}

.letter-list li:first-child {
    border-left: 0;
}

.letter-list li a {
    display: block;
    padding: 8px 0;
    text-align: center;
    text-transform: uppercase;
    background: #f7f7f7;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}

.letter-list li:first-child a {
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.letter-list li:last-child a {
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

.letter-list li a:hover {
    color: #fff;
    background: #428BCA;
    text-decoration: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.people-item {
    background: #fcfcfc;
    padding: 20px;
    font-size: 13px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 3px 0 rgba(12,12,12,0.03);
    -webkit-box-shadow: 0 3px 0 rgba(12,12,12,0.03);
    box-shadow: 0 3px 0 rgba(12,12,12,0.03);
    margin-bottom: 20px;
}

.people-item .media {
    padding: 0;
}

.people-item .media-object {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-right: 10px;
    width: 110px;
    height: 110px;
}

.people-item .fa {
    margin-right: 5px;
}

.person-name {
    margin: 0 0 5px 0;
    color: #428BCA;
}

.people-item .social-list {
    margin-top: 10px;
    margin-bottom: 0;
    list-style: none;
    padding: 0;
}

.people-item .social-list::after {
    clear: both;
    display: block;
    content: '';
}

.people-item .social-list li {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}

.people-item .social-list li a {
    font-size: 16px;
    border: 1px solid #ddd;
    padding: 3px 5px;
    width: 30px;
    display: block;
    text-align: center;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #666;
}

.people-item .social-list li a:hover {
    background-color: #eee;
    color: #333;
}

.people-item .social-list li a .fa {
    margin-right: 0;
}


/***** 10.7 NOT FOUND PAGE *****/


.notfoundpanel {
    text-align: center;
    margin-top: 10%;
    width: 600px;
    margin: 10% auto 0 auto;
}

.notfoundpanel h1 {
    font-size: 130px;
    color: #333;
    margin: 0;
    line-height: 130px;
	font-weight:600;
}

.notfoundpanel h3 {
    color: #333;
    margin: 0;
}

.notfound h4 {
    font-size: 14px;
}

.notfoundpanel form {
    width: 350px;
    margin: 20px auto 0 auto;
}

.notfoundpanel .form-control {
    width: 250px;
    float: left;
}


/***** 10.8 SEARCH RESULTS *****/


.nav-sr li {
    border-bottom: 1px solid #ddd;  
}

.nav-sr li a {
    padding: 5px 0;
    color: #555;
}

.nav-sr li a:hover {
    background: none;
    color: #333;
}

.nav-sr li a i {
    margin-right: 5px;
}

.user-suppliers .results-list .media {   
	background:#fff;	
	padding:15px 25px 25px 25px;
        border-radius: 10px !important;
        box-shadow: 2px 2px 20px 2px #51345f !important;
        margin-bottom: 20px;	
}
.results-list .media-object {
    width: 125px;
    margin-right: 10px;
}

.results-list .filename {
    margin: 0;
    font-size: 16px;
}

.results-list .media-body {
    line-height: 23px;
}


/***** 10.9 INVOICE *****/


.table-invoice,
.table-invoice-with-property {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid #eee;
    margin-top: 20px;
}

.table-invoice thead > tr > th,
.table-invoice-with-property thead > tr > th {
    background: none;
}

.table-invoice thead > tr > th:last-child,
.table-invoice thead > tr > th:nth-child(4),
.table-invoice thead > tr > th:nth-child(3) {
    text-align: right;
}

.table-invoice thead > tr > th:nth-child(2){
	width: 50%;
	
}

.table-invoice thead > tr > td:nth-child(2){
	width: 50%;
}

.table-invoice tbody > tr > td:first-child  {
	width: 5%;
    text-align: center;
}

.table-invoice tbody > tr > td:last-child,
.table-invoice tbody > tr > td:nth-child(4),
.table-invoice tbody > tr > td:nth-child(3){
    width: 15%;
    text-align: right;
}

.table-invoice-with-property tbody > tr > td:first-child  {
	width: 2%;
    text-align: center;
}

.table-invoice-with-property thead > tr > th:nth-child(2),
.table-invoice-with-property tbody > tr > td:nth-child(2),
.table-invoice-with-property thead > tr > th:nth-child(3),
.table-invoice-with-property tbody > tr > td:nth-child(3){
	width: 7%;
}

.table-invoice-with-property thead > tr > th:nth-child(4),
.table-invoice-with-property tbody > tr > td:nth-child(4),
.table-invoice-with-property thead > tr > th:nth-child(5),
.table-invoice-with-property tbody > tr > td:nth-child(5),
.table-invoice-with-property thead > tr > th:nth-child(6),
.table-invoice-with-property tbody > tr > td:nth-child(6),
.table-invoice-with-property thead > tr > th:nth-child(7),
.table-invoice-with-property tbody > tr > td:nth-child(7),
.table-invoice-with-property thead > tr > th:nth-child(8),
.table-invoice-with-property tbody > tr > td:nth-child(8){
    width: 7%;
	text-align: left;
}

.table-invoice-with-property thead > tr > th.quantityWidth,
.table-invoice-with-property tbody > tr > td.quantityWidth {
    width: 5%;
}

.table-invoice-with-property thead > tr > th.unitPriceWidth,
.table-invoice-with-property tbody > tr > td.unitPriceWidth{
    width: 8%;
}

.table-invoice-with-property thead > tr > th:last-child,
.table-invoice-with-property tbody > tr > td:last-child{
    width: 8%;
}

.table-invoice-with-property thead > tr > th:nth-child(3),
.table-invoice-with-property thead > tr > th:nth-child(4), 
.table-invoice-with-property tbody > tr > td:nth-child(3),
.table-invoice-with-property tbody > tr > td:nth-child(4){
    text-align: left;
}

.table-invoice-with-property thead > tr > th:last-child,
.table-invoice-with-property thead > tr > th.unitPriceWidth,
.table-invoice-with-property thead > tr > th.quantityWidth, 
.table-invoice-with-property tbody > tr > td:last-child,
.table-invoice-with-property tbody > tr > td.unitPriceWidth,
.table-invoice-with-property tbody > tr > td.quantityWidth{
    text-align: right;
}

.table-invoice-with-property thead > tr > th.propertyWidth,
.table-invoice-with-property tbody > tr > td.propertyWidth{
	width: 15%;
	text-align: left;
}

.table-invoice-with-property thead > tr > th[name=Unit]{
	width: 10%;
	text-align: left;
}

.table-invoice-with-property thead > tr > th[name=JobWidth]{
	width: 9%;
	text-align: left;
}

.table-invoice-with-property thead > tr > th.itemDescWidth,
.table-invoice-with-property tbody > tr > td.itemDescWidth{
	width: 25%;
	text-align: left;
}

.table-total {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    float: right;
}

.table-total > tbody > tr > td {
    border: 0;
}

.table-total > tbody > tr > td:last-child {
    border-bottom: 1px solid #ddd;
    width: 15%;
    text-align: right;
}

.table-total > tbody > tr > td:first-child {
    text-align: right;
    color: #333;
}



/***** PURCHASE ORDER *****/


.table-purchase-order {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid #eee;
    margin-top: 20px;
}

.table-purchase-order thead > tr > th {
    background: none;
}

.table-purchase-order thead > tr > th:last-child,
.table-purchase-order thead > tr > th:nth-child(4),
.table-purchase-order thead > tr > th:nth-child(5),
.table-purchase-order thead > tr > th:nth-child(6) {
    text-align: right;
}

.table-purchase-order tbody > tr > td:last-child,
.table-purchase-order tbody > tr > td:nth-child(4),
.table-purchase-order tbody > tr > td:nth-child(5),
.table-purchase-order tbody > tr > td:nth-child(6) {
    width: 15%;
    text-align: right;
}



/****** 10.10. TIMELINE ******/


.timeline-post .panel-body {
    padding: 0;
}

.timeline-post .form-control {
    border: 0;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    resize: vertical;
}

.timeline-post .form-control:focus {
    -moz-box-shdow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.timeline-post .panel-footer {
    padding: 10px;
    background: #f7f7f7;
}

.timeline-btns {
    padding: 5px;
}

.timeline-btns a {
    display: inline-block;
    font-size: 14px;
    width: 20px;
    height: 20px;
    color: #ccc;
    text-align: center;
    margin-right: 5px;
}

.timeline-btns a:hover {
    color: #666;
}

.panel-timeline .panel-heading {
    padding: 10px 10px 6px 10px;
    border-bottom: 0;
}

.panel-timeline .panel-body {
    padding: 0 10px;   
}

.panel-timeline .panel-heading .media {
    margin: 0;
    padding: 0;
}

.panel-timeline .panel-heading .media-object,
.panel-timeline .panel-footer .media-object {
    width: 32px;
    border-radius: 1px;
}

.panel-timeline .panel-body .media {
    margin-top: 10px;
    padding-bottom: 10px;
}

.panel-timeline .panel-body .media-object {
    width: 150px;
}

.panel-timeline .panel-body h4 {
    font-size: 16px;
    margin-bottom: 5px;
    /*font-family: 'LatoBold', sans-serif;*/
	font-weight:600;
}

.panel-timeline h4 {
    margin: 0;
    font-size: 13px;
    line-height: normal;
}

.panel-timeline .panel-footer {
    padding: 10px;
}

.panel-timeline .panel-footer .form-control {
    padding: 8px 10px;
    border-radius: 0;
}

.timeline-btns {
    padding: 10px;
}

.timeline-btns:after {
    clear: both;
    display: block;
    content: '';
}

.timeline-video {
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    overflow: hidden;
    height: 0;
    padding-top: 30px;
    padding-bottom: 56.25%;
    position: relative;
}

.timeline-video iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 0;
    top: 0;
    left: 0;
}



/***** 10.11 LOCKED SCREEN *****/


.lockedpanel {
    width: 250px;
    margin: 10% auto 0 auto;
    text-align: center;
}

.lockedpanel .loginuser {
    text-align: center;
}

.lockedpanel .loginuser img {
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    background: rgba(255,255,255,0.4);
    padding: 5px;
}

.lockedpanel .locked {
    font-size: 42px;
    margin-bottom: 20px;
}

.lockedpanel .logged {
    margin-top: 20px;
}

.lockedpanel .logged h4 {
    margin: 0;
    font-size: 21px;
    color: #333;
}

.lockedpanel form {
    margin-top: 20px;
}

.lockedpanel form .btn {
    display: block;
    margin-top: 10px;
}



/***** 10.12 SIGN IN *****/


.signinpanel, .signuppanel {
    /*width: 780px;
    margin: 15% auto 0 auto;*/
    border-bottom: none;
    padding-bottom: 0px;
}

.signinpanel .logopanel,
.signuppanel .logopanel {
    float: none;
    width: auto;
    
    background: none;
    border: none;
	
}

.signinpanel .signin-info ul,
.signuppanel .signin-info ul {
    list-style: none;
    padding: 0;
    margin: 20px 0;
}

.signinpanel .form-control,
.signuppanel .form-control {
    display: block;
    margin-top: 15px;
}

/*.signinpanel .uname {
    background: #fff url(../images/user.png) no-repeat 95% center; 
}

.signinpanel .pword {
    background: #fff url(../images/locked.png) no-repeat 95% center; 
}
*/
.signin-holder .btn {   
	color:#fff;
	box-shadow:none;
    
}

.signin-holder .btn-default{
	
    background-color: transparent;
    border: 1px solid #fff;
    box-shadow: 0 1px 1px rgba(90, 90, 90, 0.1);
    color: #fff;

}

.signin-holder .btn-default:active, .signin-holder .btn-default.active {
    background-image: none;
}
.signin-holder .btn-default:hover, .signin-holder .btn-default:focus, .signin-holder .btn-default:active, .signin-holder .btn-default.active{
    background-color: #edf1f2;
    border-color: #c7d3d6;
    color: #58666e;
}
/*.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active {
    color: #fff;
    background-color: #17a08c;
    border-color: #17a08c;
}*/

.signinpanel form,
.signuppanel form {
    padding:20px 20px;
}

.signinpanel #PageForm{
    min-height: 850px;
}

/*.signuppanel #regForm{
    min-height: 850px;
}

.signuppanel-holder{
    min-height: 950px;
}*/

/*.signinpanel form a,
.signuppanel form a{
    color: #bce3ff;
}*/
.divider-line { 
    margin: 10px 0;
    height: 1px;
    background: black;
    background: -webkit-gradient(linear, 0 0, 100% 0, from(#0179c8), to(#0179c8), color-stop(50%, #67b4ed));
}

/***** 10.13 SIGN UP *****/


/*.signuppanel {
    margin: 5% auto 0 auto;
    /*width: 780px;* /
}

.signuppanel .row {
    margin-left: -5px;
    margin-right: -5px;
}

.signuppanel .logopanel {
    float: none;
    width: auto;
    padding: 0;
    background: none;
}

.signuppanel .col-sm-6,
.signuppanel .col-sm-5,
.signuppanel .col-sm-3,
.signuppanel .col-sm-4 {
    padding-left: 5px;
    padding-right: 5px;
}

.signuppanel .signup-info {
    padding-right: 20px;
}

.signuppanel form {
    background: rgba(255,255,255,0.2);
    border: 1px solid #ccc;
    -moz-box-shadow: 0 3px 0 rgba(12,12,12,0.03);
    -webkit-box-shadow: 0 3px 0 rgba(12,12,12,0.03);
    box-shadow: 0 3px 0 rgba(12,12,12,0.03);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 30px;
}*/

.feat-list {
    margin-top: 20px;
}

.feat-list .fa {
    font-size: 20px;
    border: 2px solid #636e7b;
    padding: 4px 5px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    float: left;
}

.feat-list h4 {
    margin-left: 45px;
    padding-top: 3px;
}

.feat-list p {
    margin-left: 45px;
}


.signup-footer .icon-text{font-size:14px;}
.signin .signup-footer {
	border-top: 0px solid #fffefe;
	color: #ebf3f4;
}
.signup-footer.m-t-xl.w-xxl {
    min-width: 450px;
}


/********** 11. LEFT PANEL COLLAPSED **********/
/**********************************************/



.leftpanel-collapsed .logopanel {
    display: none;
}

.leftpanel-collapsed .headerbar {
    margin-left: -50px;
	border:none;
}

.leftpanel-collapsed .leftpanel {
    width: 50px;
    top: 50px;
}

.leftpanel-collapsed .leftpanelinner {
    padding: 0;
}

.leftpanel-collapsed .leftpanelinner .sidebartitle {
    display: none;
}

.leftpanel-collapsed .nav-bracket {
    margin: 5px;   
}

.leftpanel-collapsed .nav-bracket li a {
    text-align: center;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    padding: 10px;
    position: relative;
}

.leftpanel-collapsed .nav-bracket > li > a:hover {
    border-radius: 2px 0 0 2px;
}

.leftpanel-collapsed .nav-bracket > li.nav-parent > a {
    background-image: none;
}

.leftpanel-collapsed .nav-bracket > li > a > span:last-child {
    position: absolute;
    background: #9064a1;
    padding: 10px 10px 10px 5px;
    left: 40px;
    top: 0;
    min-width: 209px;
    text-align: left;
    z-index: 100;
    display: none;
    -moz-box-shadow: 0 3px 0 rgba(12,12,12,0.03);
    -webkit-box-shadow: 0 3px 0 rgba(12,12,12,0.03);
    box-shadow: 0 3px 0 rgba(12,12,12,0.03);
    -moz-border-radius: 0 2px 2px 0;
    -webkit-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
}

.leftpanel-collapsed .nav-bracket > li > a .badge {
    display: none;
}

.leftpanel-collapsed .nav-bracket > li.active > a > span:last-child {
    -moz-border-radius: 0 2px 0 0;
    -webkit-border-radius: 0 2px 0 0;
    border-radius: 0 2px 0 0;
}

.leftpanel-collapsed .nav-bracket ul {
    display: none;
}

.leftpanel-collapsed .nav-bracket > li.nav-hover > a {
    background: #9064a1;
    color: #fff;
}

.leftpanel-collapsed .nav-bracket > li.nav-hover.active > a {
    background: #9064a1;
    color: #fff;
}

.leftpanel-collapsed .nav-bracket > li.nav-hover > a > span:last-child {
    display: block;
}

.leftpanel-collapsed .nav-bracket > li.nav-hover.active > a > span:last-child {
    background: #9064a1;
    color: #fff;
}

.leftpanel-collapsed .nav-bracket li.nav-hover ul {
    display: block;
    position: absolute;
    top: 46px;
    left: 45px;
    margin: 0;
    min-width: 204px;
    background: #000;
    z-index: 100;
    -moz-border-radius: 0 0 2px 0;
    -webkit-border-radius: 0 0 2px 0;
    border-radius: 0 0 2px 0;
}

.leftpanel-collapsed .nav-bracket ul a {
    text-align: left;
    padding: 9px 10px 9px 6px;    
}

.leftpanel-collapsed .nav-bracket ul a:hover {
    background: none;
}

.leftpanel-collapsed .nav-bracket li a i {
    margin-right: 0;
}

.leftpanel-collapsed .mainpanel {
    margin-left: 50px;
}

.leftpanel-collapsed .infosummary {
    display: none;
}

.leftpanel-collapsed .sticky-leftpanel {
    overflow-y: visible;
}

.leftpanel-collapsed .nav-bracket .children {
    display: none;
}




/********** 12. RIGHT PANEL STYLES **********/
/********************************************/


.chat-view {
    margin-right: 240px;
}

.rightpanel {
    width: 240px;
    height: 100%;
    position: fixed;
    overflow-y: auto;
    overflow-x: hidden;
    top: 0;
    right: -240px;
    display: none;
}

.chat-view .rightpanel {
    display: block;
    right: 0;
}

.chat-relative-view {
    right: 240px;
}

.chat-relative-view .rightpanel {
    display: block;
    right: 0;
}

.rightpanel,
.rightpanel label {
    color: #999;
}

.rightpanel .nav-tabs {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: #131d29;
    position: fixed;
    width: 240px;
}

.rightpanel .nav-tabs > li {
    display: table-cell;
    width: 1%;
}

.rightpanel .nav-tabs > li > a {
    padding: 15px 20px 16px 20px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: rgba(255,255,255,0.5);
}

.rightpanel .nav-tabs > .active > a,
.rightpanel .nav-tabs > .active > a:hover,
.rightpanel .nav-tabs > .active > a:focus {
    background: #1D2939;
    color: #fff;
}

.rightpanel .tab-content {
    background: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 45px;
}

.chatuserlist {
    list-style: none;
    padding: 0;
    border-bottom: 1px dotted rgba(255,255,255,0.05);
}

.chatuserlist li {
    border-top: 1px dotted rgba(255,255,255,0.05);
}

.chatuserlist .media-thumb {
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border: 2px solid #999;
    padding: 3px;
    display: block;
}

.chatuserlist .media {
    margin: 10px 0;
    padding: 0;
}

.chatuserlist .online .media-thumb {
    border-color: #1CAF9A;
}

.chatuserlist .media-object {
    width: 30px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.chatuserlist .media-body {
    line-height: normal;
    padding-top: 7px;
}

.chatuserlist .media-body small {
    color: #666;
    display: block;
}

.chatuserlist .media-body strong {
    color: #bbb;
    font-size: 13px;
    margin-bottom: 4px;
    display: block;
}

.chatuserlist .badge {
    margin-top: 5px;
}

.rightpanel .pane-settings {
    font-size: 13px;
}


/********** 13. HORIZONTAL MENU **********/
/*****************************************/


.horizontal-menu {
    margin: 0;   
}

.horizontal-menu .menutoggle {
    display: none;
}

.horizontal-menu .leftpanel {
    display: none;
}

.horizontal-menu .mainpanel {
    margin: 0;
    width: 100%;
    overflow: hidden;
}

.horizontal-menu.chat-view .mainpanel {
    margin-left: -240px
}

.headerbar .logopanel {
    float: left;
    width: 240px;
    border-right: 1px solid #eee;
}

.horizontal-menu.chat-view .navhor-bracket {
    padding: 0;
}

.headerbar .topnav {
    float: left;
    margin: 0;
}

.headerbar .topnav > ul {
    padding: 0;
    margin: 0;
    float: left;
}

.headerbar .topnav > ul > li {
    margin: 0;
    float: left;
}

.headerbar .topnav > ul > li > a {
    padding: 15px 15px 12px 15px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 12px;
    color: #666;
    /*font-family: 'LatoBold', sans-serif;*/
	font-weight:600;
}

.headerbar .topnav > ul > li > a:hover,
.headerbar .topnav > ul > li > a:focus,
.headerbar .topnav > ul > li.open > a,
.headerbar .topnav > ul > li.active > a {
    box-shadow: 0 3px 0 #1CAF9A;
    color: #1CAF9A;
    background: none;
}

.headerbar .topnav > ul > li > a i {
    margin-right: 5px;
}

.headerbar .topnav > ul > li > a .badge {
    margin-left: 10px;
}

.headerbar .topnav > ul > li .dropdown-menu {
    margin-top: 2px;
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}

.headerbar .topnav > ul > li .dropdown-menu > li > a {
    padding: 6px 10px;
    font-size: 13px;
}

.headerbar .topnav > ul > li .dropdown-menu > li > a:hover {
    background: #1CAF9A;
    color: #fff;
}

.headerbar .topnav > ul > li .dropdown-menu i {
    display: none;
}




/********** 14. FIXED WIDTH **********/
/*************************************/



.fixed {
    background: #c9cccf;
}

.fixed section {
    margin: auto;
    max-width: 1050px;
    position: relative;
    background: #1D2939;
}

.fixed .rightpanel {
    background: #1D2939;
}

.fixed-noleft .leftpanel {
    display: none;
}

.fixed-noleft .mainpanel {
    margin-left: 0;
}

.fixed-noleft.chat-view .headerbar {
    margin-left: 0;
}

.fixed-noleft.chat-view .logopanel {
    display: block;
}

.fixed-noleft .menutoggle {
    display: none;
}



/********** 15. MODALS **********/
/********************************/

/* show scrollbars in IE10 and above (by default they are transparent)*/
body{-ms-overflow-style: scrollbar;}

.bs-example-modal-panel .modal-content {
    background: none;
}

.modal-photo-viewer {
    margin-top: 0;
    margin-bottom: 0;
    top: 50%;
    left: 50%;
    width: auto;
    position: absolute;
}

.modal-photo-viewer .modal-content {
    position: relative;
    width: 900px;
    height: 600px;
    margin-left: -50%;
    margin-top: -300px;
}

.modal-photo-viewer .modal-photo-left,
.modal-photo-viewer .modal-photo-right {
    padding: 0;
}

.modal-photo-viewer .modal-photo-left {
    background: #000;
}

.modal-photo-viewer .modal-photo {
    top: 50%;
    position: relative;
}

.modal-photo-viewer .row {
    margin-left: 0;
    margin-right: 0;
}

.modal-photo-viewer .img-responsive {
    max-height: 600px;
    margin: auto;
}

.media-details {
    padding: 20px;
}

.media-details .categ {
    font-size: 11px;
}

.media-details .media-title {
    margin: 0;
    margin-bottom: 10px;
    color: #333;
    font-size: 20px;
}

.media-details p {
    font-size: 13px;
}

.media-details .details {
    margin-top: 20px;
}

.media-details .details h4 {
    font-size: 12px;
    color: #333;
    text-transform: uppercase;
    /*font-family: 'LatoBold';*/
	font-weight:600;
}

.media-details .table {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.media-details .table tr td {
    padding: 3px 0;
    font-size: 13px;
    background: none;
}



/********** 16. BUG TRACKER **********/
/*************************************/

.panel .panel-table {
    padding: 0;
}

.panel-table .table {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
}

.table-buglist thead tr th:first-child,
.table-buglist tbody tr td:first-child {
    text-align: center;
    width: 30px;
}

.table-buglist .fa {
    cursor: pointer;    
}

.table-buglist .fa-bug {
    color: #D9534F;
}

.table-buglist .fa-magic {
    color: #1CAF9A;
}

.table-buglist .btn-group {
    margin: 0;
}

.table-buglist .btn-group .dropdown-toggle {
    color: #999;
    cursor: pointer;
}

.table-buglist .btn-group .dropdown-toggle:hover {
    color: #666;
}

.bug-key-title {
    margin: 0;
    margin-bottom: 5px;
}



/********** 17. ADDITIONAL STYLES **********/
/*******************************************/


/***** 17.1 DROPDOWN *****/
.dropdown-menu-head {
    background: #fff
}

.dropdown-menu-head .title {    
    color: #333;
    padding:8px 15px;  
}

.dropdown-menu-head .unreadThreadsTitle, .dropdown-menu-head .unreadAnnouncements{
	background:#9064a1;
	color:#fff;
}

.dropdown-menu-head .readThreadsTitle, .dropdown-menu-head .readAnnouncements{
	background:#fff;		
}

.dropdown-menu-head .unreadThreadsTitle, .dropdown-menu-head .unreadAnnouncements, .dropdown-menu-head .readThreadsTitle, .dropdown-menu-head .readAnnouncements{
	padding:15px;
}

/***** 17.2 ICON *****/
.tp-icon {
    padding: 10px 20px;
    line-height: 20px;
    border-color: #ddd;
    position: relative;
}

.tp-icon .badge {
    position: absolute;
    font-size: 10px;
    font-weight: normal;
    right: 4px;
    top: 10px;
    line-height: 13px;
    background-color: #D9534F;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 2px 5px;
}
/***** 17.3 TIME PICKER *****/


.bootstrap-timepicker-widget.dropdown-menu {
    width: 169px;
}

/***** 17.4 COLOR PICKER *****/

.colorpicker-input {
    width: 200px;
    float: left;
}

.colorselector {
    margin-top: 4px;
}

/***** 17.5 STICKY HEADER */

.stickyheader .logopanel {
    position: fixed;
    top: 0;
    left: 0;
    width: 240px;
    z-index: 100;
}

.stickyheader .leftpanel {
    top: 50px;
}

.stickyheader .sticky-leftpanel {
    top: 0;
}

.stickyheader .sticky-leftpanel .leftpanelinner {
    margin-top: 55px;
}

.stickyheader .headerbar {
    position: fixed;
    top: 0;
    left: 240px;
    width: 100%;
    z-index: 100;
    box-shadow: 0 1px rgba(0,0,0,0.05);
}

.stickyheader .mainpanel {
    padding-top: 50px;
}

.stickyheader .header-right {
    margin-right: 240px;
}

.stickyheader.leftpanel-collapsed .headerbar {
    left: 50px;   
}

.stickyheader.leftpanel-collapsed .header-right {
    margin-right: 0;
}

.stickyheader.chat-view .headerbar {
    right: 240px;
    width: auto;
}

.noshadow {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.border-right-0 {
    border-right: 0;
}

.border-left-0 {
    border-left: 0;
}

.nopadding {
    padding: 0 !important;
}

.padding-top-0 {
    padding-top: 0;
}

.padding5 {
    padding: 5px;
}

.padding10 {
    padding: 10px;
}

.serif {
    font-family: 'Georgia, serif';
}

.italic {
    font-style: italic;
}

.dark {
    color: #333;
}

.width100p {
    width: 100%;
}

.width20 {
    width: 20px;
}

.width30 {
    width: 30px;
}

.inblock {
    display: inline-block;
}



/********** 18. MEDIA QUERIES **********/
/***************************************/


@media screen and (max-width: 1024px) {

    body {
        position: relative;
    }
	
    .leftpanel {
        display: none;
    }

    .mainpanel {
        margin-left: 0;
        width: 100%;
    }

    .leftpanel-collapsed .leftpanel {
        display: none;
    }

    .leftpanel-collapsed .mainpanel {
        margin-left: 0;
    }

    .leftpanel-collapsed .headerbar {
        margin-left: 0;
    }

    .leftpanel-show section {
        overflow-x: hidden;
    }

    .leftpanel-show .leftpanel {
        display: block;
    }

    .leftpanel-show .mainpanel {
        margin-left: 240px;
    }

    .stickyheader .headerbar {
        left: 0;
    }

    .stickyheader.leftpanel-show .headerbar {
        left: 240px;
    }

    .stickyheader.chat-relative-view .headerbar {
        right: 240px;
        left: auto;
    }

    .stickyheader .header-right {
        margin-right: 0;
    }

    .btn-demo {
        margin-bottom: 20px;
    }

    .leftpanelinner {
        padding: 5px 10px;
    }

    .leftpanelinner .searchform input {
        background: #131b26;
        border: 0;
    }

    /* horizontal menu related */
    .nav-horizontal {
        position: relative;
    }

    .horizontal-menu .menutoggle {
        display: block;
    }

    .horizontal-menu .headerbar .logopanel {
        display: none;
    }

    .nav-horizontal .caret {
        display: none;
    }

    .horizontal-menu .header-left,
    .horizontal-menu .topnav {
        float: none;
    }

    .horizontal-menu-sidebar .header-left,
    .horizontal-menu-sidebar .topnav {
        float: none;
    }

    .fixed-noleft .menutoggle {
        display: block;
    }

    .fixed-noleft .headerbar .logopanel {
        display: none;
    }

    .fixed-noleft .header-left,
    .fixed-noleft .topnav {
        float: none;
    }

}

@media screen and (max-width: 991px) {
  .headermenu ul.dropdown-menu li.active a {
    color: #9064a1 !important;
    background: #f5f5f5;
   }
   ul.dropdown-menu.dropdown-menu-usermenu.companylist.pull-right li a span.center-block {
    color: #1d2939 !important;
    font-size: 13px;
   }
   ul.dropdown-menu.dropdown-menu-usermenu.companylist.pull-right li.active a span.center-block {
    color: #9064a1 !important;
   }
  .dropdown-menu-head .readThreadsTitle, .dropdown-menu-head .readAnnouncements {
    color: #1d2939;
   }

}

@media screen and (max-width: 767px) {
   .select2-container--open .select2-dropdown.select2-dropdown--below {
       z-index: 9999;
    }
    .searchform {
        position: relative;
    }

    .leftpanel .searchform,
    .leftpanel .userlogged {
        display: block;
    }

    .breadcrumb-wrapper {
        display: none;
    }

    .headermenu .dropdown-menu:after {
        display: none;
    }

    .rightpanel .nav-tabs.nav-justified > li > a,
    .rightpanel .nav-justified > li > a {
        margin-bottom: 0;
    }

    .panel-email .col-sm-3 {
        display: none;
    }

     /*start footer enhancement*/

    .results-list {
    	padding: 0px 4px;
    }
   .signup-footer.footer-section {
      background: #fff !important;
      padding: 30px 0px 30px 0px !important;
      border-top: 5px solid #8f64a1;
    }
    .signup-footer.footer-section .footer-top {
       text-align: center;
       letter-spacing: 1px;
    } 
   .signup-footer.footer-section .footer-links {
      display: block;
      text-align: center;
      padding: 8px 0px 30px 0px;
   }
   .signup-footer.footer-section .copyright {
      text-align: center;
      display: block;
      font-size: 13px;
   }
   .signup-footer.footer-section .footer-links a{
       margin: 0px 10px;
       letter-spacing: 2px;
   }
   .user-suppliers .footer-section .copyright{
       color : #636e7b !important;
   }
   .user-suppliers .signinpanel .footer-section .footer-links a{
      color : #8f64a1;
   }
   .user-suppliers .signinpanel .footer-section .copyright a{
      color : #8f64a1 !important;
   }
  .user-suppliers .signup-footer .footer-top {
    color: #636e7b;
   }
   /*end footer enhancement*/

   /*start Invoices Tab*/

   .mobile-app ul.nav.nav-pills > li.active > a, .mobile-app ul.nav.nav-pills > li.active > a:hover, .mobile-app ul.nav.nav-pills > li.active > a:focus{
       background: transparent !important;
   }
   .mobile-app ul.nav.nav-pills>li.active>a, .mobile-app ul.nav.nav-pills>li.active>a:hover, .mobile-app ul.nav.nav-pills>li.active>a:focus{
      background: transparent !important;
      color: #000 !important;
      cursor: default;
   }
   .mobile-app  ul.nav.nav-pills > li > a:hover,  .mobile-app  ul.nav.nav-pills > li > a:hover, .mobile-app  ul.nav.nav-pills > li > a:focus{
      background: transparent !important;
      color: #333 !important;
   }
  .mobile-app .basic-wizard .nav li a{
    border-bottom: 2px solid transparent !important;
   }

   .mobile-app .basic-wizard .nav li.active a, .mobile-app .basic-wizard .nav li.active a:focus, .mobile-app .basic-wizard .nav li.active a:active{
      background: transparent !important;
      color: #000 !important;
      border-bottom: 2px solid #9064a1 !important;
  }
   .mobile-app  li.active a {
      border-bottom: 2px solid #9064a1 ;
   }
   .mobile-app li a {
      border-bottom: 2px solid transparent;
   }
   .mobile-app  ul.nav.nav-pills > li > a {
      border-radius: 0;
      padding: 8px 15px 8px 8px;
      color: #000;
      margin-bottom:0px;
    }
   .mobile-app  .nav-justified>li{
      float:left;
   }
   .mobile-app ul.nav-justified > li {
       float: left;
   }
   .mobile-app div#validationWizard {
       padding: 10px 0px;
   }
   .mobile-app  ul.nav.nav-pills.nav-justified {
      width: auto;
   }    
   .mobile-app .panel {
      /*background: transparent;*/
      border: 0px solid #e9ecef;
      margin-bottom:15px;
    }
    .mobile-app .panel.panel-default.panel-invoices {
      background: #fff;
    }
  /*end Invoices Tab*/

  /*start VendorCafe Accept*/

   #vcAcceptModal .compareOptions .co-item{
     min-height:auto;
   }
   p.vcAccept-headtext {
    font-size: 20px !important;
   }
   #vcAcceptModal .co-item .option-three-subtext {
    font-size: 18px !important;
   }
   #vcAcceptModal .co-item .option-three-subtext + p {
    margin-bottom: 0px !important;
   }
   #vcAcceptModal .co-item .option-three-text {
    font-size: 20px !important;
    padding: 8px 0 8px !important;
   }  
   #vcAcceptModal .co-item.first .display-1 {
    font-size: 26px !important;
    padding: 10px 0 10px 0 !important;
   }
   #vcAcceptModal .co-item .vc-option-two .display-1.center-block {
    font-size: 20px !important;
   }
   #vcAcceptModal .modal-dialog {
    width: 95% !important;
   }
   #vcAcceptModal .btn-default{
     margin:12px 0px;
   }
   #vcAcceptModal .leftSide .btn{
     border-radius: 5px !important;
     font-size: 14px !important;
   }
   #vcAcceptModal p.vcAccept-headtext {
    font-size: 20px !important;
    letter-spacing: initial!important;
    line-height: 26px!important;
    margin-bottom: 10px!important;
   }
  div#vcAcceptModal p {
    font-size: 13px!important;
    line-height: 20px!important;
  }
  #vcAcceptModal .co-item .display-1 {
    display: inline-flex !important;
  }
  #vcAcceptModal .modal-content .btn-link {
    color: #9064A1 !important;
    font-size: 13px !important;
    padding-left: 4px !important;
  }
  /*end VendorCafe Accept*/

/*start dashboard enhancement*/
  .mobile-app #msgsFilterForm .panel.panel-default.panel-alt.widget-messaging {
     background: transparent;
     border: 0px solid #fff;
  }
  .mobile-app #msgsFilterForm .widget-messaging .panel-heading {
    background: transparent;
    padding-left:0px;
  }
  .mobile-app #msgsFilterForm .widget-messaging .panel-heading .panel-title i {
    display: none;
  }
  .mobile-app .panel.panel-default.panel-alt.widget-messaging .panel-body .sender i:before {
    font-family: 'FontAwesome';
    content: '\f06a';
    font-size:15px;
  }
  .mobile-app #tab-holder ul.nav.nav-tabs {
    background: #f4f3f5;
  }
  .mobile-app #tab-holder .panel {
    border: 0px solid #f4f3f5 !important;
  }
  .mobile-app #tab-holder #db-profileStatus-body table.dataTable.dtr-inline.collapsed tbody td:first-child:before,  #tab-holder #db-profileStatus-body table.dataTable.dtr-inline.collapsed tbody th:first-child:before{
    font-family: 'FontAwesome' !important;
    content: '\f0da' !important;
    color: #9064a1;
  }
  .mobile-app #tab-holder #db-profileStatus-body table.dataTable.dtr-inline.collapsed tbody tr.parent td:first-child:before, #tab-holder #db-profileStatus-body  table.dataTable.dtr-inline.collapsed tbody tr.parent th:first-child:before{
    font-family: 'FontAwesome' !important;
    content: '\f0d7' !important;
    color: #9064a1;
  }
  .mobile-app #tab-holder #db-profileStatus-body .table-responsive {
    border: 0px solid #fff !important;
  }
  .mobile-app #tab-holder .tab-content{
    background:#fff !important;
  }
  .mainpanel .headerbar {
    background: #9064a1;
    z-index: 2;	
     border-left: 1px solid #9064a1;
     position: relative;
  }
   .mainpanel .headermenu .dropdown-toggle {
    background: transparent !important;
    border: none;
    color: #fff !important;
  }
  .mainpanel .menutoggle {
     color: #fff;
     height:52px;
  }
  .mainpanel .menutoggle:hover {
     color: #fff;
  }
  .mainpanel .dropdown-menu-head ul.dropdown-list .languageDiv i {
     display: none;
  }
  .mainpanel .dropdown-menu-head {
     font-size: 13px;
  }
  ul.dropdown-menu.dropdown-menu-head.pull-right {
    box-shadow: 0px 3px 5px 0px #949494;
  }
 .panel .panel-title {
    font-size: 14px;
    letter-spacing: 0.4px;
 }
.headermenu .dropdown-menu-head{
    box-shadow: 0px 3px 5px 0px #949494;
}
 .headermenu .dropdown-menu-head ul.dropdown-list li a:hover {
    background: #f5f5f5;
    color: #9064a1;
 }  
.headermenu .dropdown-menu-head ul.dropdown-list li:active a {
    background: #f5f5f5;
    color: #9064a1;
}
.headermenu li.active a {
    color: #9064a1 !important;
    background: #f5f5f5;
}
ul.dropdown-menu.dropdown-menu-usermenu a i {
    color: #6e6e6e !important;
}

  .dropdown-menu-head .unreadThreadsTitle, .dropdown-menu-head .unreadAnnouncements, .dropdown-menu-head .readThreadsTitle, .dropdown-menu-head .readAnnouncements {
     padding: 10px 15px;
  }
  .dropdown-menu-head .unreadThreadsTitle, .dropdown-menu-head .unreadAnnouncements {
     background: #f4f3f5;
     color: #000;
  }

  button#btnHeaderAnnouncements + .dropdown-backdrop + .dropdown-menu-head {
    height: 230px;
    overflow-y: scroll;
    min-height: 230px;
  }
  .unreadAnnouncements {
     font-weight: 600;
  }
  .mainpanel .headerbar .menutoggle {
     background: #7e558f;
  }
  .mainpanel .pageheader .breadcrumb {
     display: none;
  }
  .mainpanel .pageheader {
    padding: 13px 20px;
    background: #fff;
    position: relative;
    padding-bottom: 12px;
    box-shadow: 0px 0px 4px 1px #949494;
    z-index: 1;
  }
  .mainpanel .pageheader h2 i {
    display: none;
  }
  .mainpanel  .pageheader h2 {
    font-size: 20px;
  }
  .mainpanel .pageheader .vendor-name > strong {
    display: none;
  }
  .mainpanel .pageheader .vendor-name.text-right {
    text-align: left;
    margin-top: 0px;
    font-size: 13px;
  }
 .mainpanel .contentpanel.p-md{
    background: #f4f3f5;
 }

 .contentpanel .panel ul.nav li i {
    color: #9064a1;
 }
.contentpanel a#btnMarkAsUnread {
    margin-left: 6px;
}
ul.dropdown-menu.dropdown-menu-usermenu.companylist.pull-right li a span.center-block {
    color: #1d2939 !important;
    font-size: 13px;
}
ul.dropdown-menu.dropdown-menu-usermenu.companylist.pull-right li.active a span.center-block {
    color: #9064a1 !important;
}
.dropdown-menu-head .readThreadsTitle, .dropdown-menu-head .readAnnouncements {
    color: #1d2939;
}
 ul.dropdown-menu.dropdown-menu-head ul.dropdown-list li a i {
    display: none;
 }
 ul.dropdown-menu.dropdown-menu-usermenu.companylist li a i {
    display: none;
 }
ul.dropdown-menu.dropdown-menu-usermenu.companylist li .m-r {
    margin: 0px;
}
 .panel.panel-default.panel-alt.widget-messaging .panel-body .sender i {
    color: #6e6e6e;
 }
 .panel.panel-default.panel-alt.widget-messaging .panel-body .sender {
    color: #6e6e6e;
    font-size: 13px;
    line-height: 19px;
    margin: 0;
 }
 .mobile-app .tab-content .tab-pane .dataTables_paginate.paging_simple_numbers {
    padding: 10px 10px 15px 0px;
    display: inline-block;
 }
 .leftpanel .userlogged{
    display: flex;
   align-items: center;
   margin-left: 5px;
  }
 .leftpanel .userlogged .media-body h4 {
    color: #fff;
 }
.sidebartitle {
    font-size: 11px;
    color: #9064a1;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-weight: 600;
}
 .leftpanel .userlogged .media-body {
    margin-left: 10px;
 }
 .innerpage-logo img {
    max-height: 19px; 
 }
 .panel.panel-default .panel-heading .panel-title > i {
    color: #9064a1 !important;
 }
 .panel.panel-default .panel-heading .panel-title{
    color:#000;
}
.panel-alt .panel-heading {
    padding: 13px 15px;
}
.headermenu .dropdown-menu li a {
    padding: 9px 15px;
}
.headermenu .dropdown-menu-usermenu{
    box-shadow: 0px 3px 5px 0px #949494;
}
.headerbar ul.dropdown-list .header-right a{
   color: #000;
}
.mobile-app #tab-holder .nav-tabs > li > a {
    padding: 13px 15px 15px 8px !important;
    color:#000;
 }
 body {
    font-size: 14px;
 }
.mobile-app #tab-holder .tab-content .tab-pane .box {
    padding: 10px 10px 10px;
}
.mobile-app #tab-holder .tab-content .tab-pane .box h2 {
    margin-top: 4px;
    margin-bottom: 7px;
    font-size:28px;
}
.mobile-app #tab-holder .tab-content .tab-pane .box .font-normal .font-light {
    color: #000;
    font-weight: 600;
}
.mobile-app #tab-holder .tab-content .tab-pane .box .font-normal {
    color: #6c757d;
}
.mobile-app #tab-holder .tab-content .tab-pane .box span.btn.label-box {
    margin-bottom: 5px;
}
.headerbar ul.headermenu span.badge.badge-primary.badge-rounded {
    background: #553d61;
    border: none;
}
#tab-holder .panel .tab-content .dataTables_filter {
    padding: 14px 0px 9px 10px;
}
.form-group {
   margin-bottom: 10px;
}
.dataTables_filter, .dataTables_length {
   padding: 5px 0 0 0px;
}
.dataTables_paginate {
   margin-bottom: 0!important;
}

.panel.invoices-mobile-tab + .alert + form .panel {
    margin-bottom: 0px !important;
}
.unreadThreadsTitle {
    font-weight: 600;
}
.initials {
    height: 32px;
    width: 32px;
}
form#ChatMessagesForm .panel-body .row-eq-height {
   display: block;
}
.unreadThreadsTitle {
    font-weight: 600;
}
.header-right a {
    font-size: 13px;
}
.headermenu .companylist li {
    border-bottom: 1px solid #eee;
}
.mobile-app .dataTables_wrapper .dataTables_info {
    margin-left: 0px;
}
/*end dashboard enhancement*/


/*start Q&A enhancement*/
.mobile-app div#validationWizard tr > td {
    min-width: 32px;
}
.mobile-app.messagetab-wizard .basic-wizard .nav li.active a, .mobile-app.messagetab-wizard .basic-wizard .nav li.active a:focus, .mobile-app.messagetab-wizard .basic-wizard .nav li.active a:active{
   background: transparent;
   border-bottom: 2px solid #9064a1;
}
.mobile-app.messagetab-wizard .basic-wizard .nav li a{
    border-bottom: 2px solid transparent;
    padding: 13px 15px !important;
    color: #000 !important;
    border-right:1px solid transparent;
    margin-bottom: 0px !important;
    opacity: unset;
    background: transparent;
}
.mobile-app.messagetab-wizard .basic-wizard .nav li.active a{
    border-bottom: 2px solid #9064a1;
}
.mobile-app .panel-body .basic-wizard ul.nav li {
    float: left;
    background: transparent;
}
.mobile-app.messagetab-wizard .basic-wizard ul.nav li h5 i {
    color: #9064a1;
}
.mobile-app.messagetab-wizard .basic-wizard ul.nav li a h5 {
    margin: 0px;
}
.mobile-app.messagetab-wizard .panel-body {
    padding: 20px 8px;
}
.mobile-app.messagetab-wizard .basic-wizard .tab-content {
    border-top: 1px solid #e7e7e7;
    padding: 0px 4px;
}
.mobile-app.messagetab-wizard .basic-wizard ul {
    background: transparent;
}
.mobile-app.messagetab-wizard .panel-heading .panel-btns a {
    opacity: unset;
}
.mobile-app.messagetab-wizard .panel-heading .panel-btns a i:before{
    font-size: 20px;
    color:#636e7b;
}
.mobile-app.messagetab-wizard .panel-heading .panel-btns a:focus i:before{
    color:#636e7b;
}
.mobile-app.messagetab-wizard .panel-heading .panel-title {
    font-size: 14px;
}
.mobile-app.messagetab-wizard .basic-wizard {
    border: 0px solid #e9ecef;
}
.mobile-app.messagetab-wizard div#msgSearchFilters {
    padding: 20px;
    background: #fff;
}
.mobile-app.messagetab-wizard a#btnMarkAsUnread + a.btn {
    padding: 5px 12px;
}
.mobile-app.messagetab-wizard .basic-wizard .tab-pane .table-email tr td i {
    color: #9064a1;
    font-size: 18px;
}
.mobile-app.messagetab-wizard .panel .panel-heading {
    padding: 15px 20px;
}
.mobile-app.messagetab-wizard .tab-pane div#messagesTableRead_info {
    margin-top: 18px;
}
.mobile-app.messagechat-wizard .panel-body {
    padding: 20px 0px;
}
.mobile-app.messagechat-wizard .panel-body .panel {
    padding: 0px 0px;
}
.mobile-app.messagetab-wizard .basic-wizard .dataTables_info {
    padding: 18px 0px 0px;
}
.talk-bubble-left:after, .talk-bubble-right:after {
    border-left: 15px solid transparent !important;
    border-right: 15px solid transparent !important;
    border-bottom: 15px solid #f1e7f7 !important;
    left: 6px !important;
    top: -12px !important;
    border-top: 0px !important;
}
.talk-bubble-right, .talk-bubble-left{
    background-color: #f1e7f7 !important;
}
.msg-wrap .media-body .pull-left{width:100% !important;}
.msg-wrap .media-body .pull-right{width:100% !important;}
.msg-wrap{padding: 10px 0px !important;}
p.chatMessage.talk-bubble-right {
    margin: 0px;
}
p.chatMessage.talk-bubble-left {
    margin: 0px;
}
.msg-wrap .media-body small.pull-right.time i.fa.fa-check {
   float: right;
   color: #00bd06;
   font-size: 18px;
   margin-top: -13px;
   margin-bottom: 5px;
}
#replyMessageDiv textarea#sReplyMessage {
    margin-bottom: 10px;
}
#replyMessageDiv div#dZUpload {
    margin-top: 10px;
}
.msg-wrap .media-heading {
    font-size: 18px;
}
    .mobile-app #createThreadDiv textarea#threadMessage {
      margin-bottom: 10px;
    }
    .mobile-app #createThreadDiv div#dZUpload{
      margin: 10px 0px;
    }

/*end  Q&A enhancement*/



/*start data table*/
.mobile-app .dataTables_wrapper {
    margin-bottom: 15px;
}

.mobile-app .dataTables_info {
    text-align: left !important;
    margin-left: 14px;
 }
 .mobile-app .dataTables_paginate {
    margin-bottom: 10px;
    padding-bottom: 35px;
 }
 .mobile-app table#table1 {
    font-size: 12px !important;
 }
.mobile-app .dt-buttons a.dt-button {
    background: transparent;
    border: 0px solid #fff;
}
.mobile-app .table-striped>tbody>tr:nth-child(even)>td{
    background-color: #f5f5f5;
}
/*end data table*/

/*start modal height*/

.modal-dialog .modal-content .modal-body {
    height: calc(100% - 140px) !important;
    max-height: 100% !important;
    box-sizing: border-box;
}
.modal-dialog .modal-content{
   height:97%;
}
[id^=vistaModal] .modal-dialog{
   height:100% !important;
}
[id^=vistaModal] .modal-content .modal-body{
    height: calc(100% - 120px) !important;
    max-height: 100% !important;
    box-sizing: border-box;
}
#invModal .modal-dialog{
   height:100% !important;
}

.modal-dialog{
   height:auto !important;
}

.modal{z-index:1090;}


/*end modal height*/


.contentpanel #tab-holder .panel ul.nav li a i {
    display: none;
}
.messagetab-wizard .basic-wizard ul.nav li a i {
    display: none;
}

  /*start vendor shield enhancement*/
    div#tableLimits_filter {
       padding: 0px 0px 10px 0px;
    }
    div#tableLimits_filter label{
       display:flex;
    }
    div#insurance .panel-body {
        padding: 0px 10px 20px;
    } 
    div#insurance .dataTables_filter, .dataTables_length{
        float: none !important;
    }
    .tab-content #insurance .panel-heading{
       text-align: right;
       padding: 0 8px 0px 0px;
       background: transparent;
       border: transparent;
       float: right;
       margin-bottom: -34px;
    }
    div#insurance .panel-body div#tableLimits_wrapper input {
       width: 170px;
    }
    div#insurance {
       padding-top: 12px;
    }
    #insurance button.btn.btn-white.m-r-xs {
      z-index: 999;
      position: relative;
      padding: 5px 12px;
    }
    .mobile-app table.dataTable.dtr-inline.collapsed tbody td:first-child:before, table.dataTable.dtr-inline.collapsed tbody th:first-child:before{
       font-family: 'FontAwesome' !important;
       content: '\f0da' !important;
       color: #9064a1;       
       font-weight: 700;
       font-size: 16px;
       line-height: 9px;
    }
    .mobile-app table.dataTable.dtr-inline.collapsed tbody tr.parent td:first-child:before, table.dataTable.dtr-inline.collapsed tbody tr.parent th:first-child:before{
        font-family: 'FontAwesome' !important;
        content: '\f0d7' !important;
        color: #9064a1;        
        font-weight: 700;
        font-size: 16px;
        line-height: 9px;
    }
    .mobile-app.table-bordered>tbody>tr>td.topBordered {
       border-top: 0px solid #ddd;
    }

  /*end vendor shield enhancement*/


   /*start common design enhancement*/

    .mobile-app #db-work-orders-body ul li {
       padding: 4px 10px 8px;
    }
    .signinpanel button.btn.signout {
       padding: 3px 12px 10px 12px;
    }
     .mobile-app .panel.panel-default.panel-invoices a.minimize.maximize .fa-plus-square:before {
       content: "\f0b0";
     }
    .mobile-app .panel.panel-default.panel-invoices a.minimize .fa-minus-square:before {
        content: "\f0b0";
     }
    .messagetab-wizard .panel.panel-default a.collapse .fa-plus-square:before {
       content: "\f0b0";
    }
    .messagetab-wizard .panel.panel-default a.collapse .fa-minus-square:before {
       content: "\f0b0";
    }
    .messagetab-wizard .panel.panel-default a.collapse.collapsed .fa-minus-square:before {
       content: "\f0b0";
    }
    .mobile-app .field-space {
       margin-top: 10px;
    }
   .mobile-app .field-space .select2-container--default .select2-selection--single .select2-selection__arrow {
      top: 4px;
    }
   .mobile-app .date-selector .select2-container--default .select2-selection--single .select2-selection__arrow {
      top: 4px;
    }
   .mobile-app .field-space .select2-container .select2-selection--single {
      height: 38px;
      padding: 8px 0px 10px 8px;
      border-radius: 3px;
   }
   .mobile-app .date-selector span.select2-selection.select2-selection--single {
    height: 40px;
    padding: 10px 0px 10px 10px;
    border-radius: 3px;
   }
   .mobile-app .panel-invoices .panel-body {
      padding-bottom: 0px;
   }
   .mobile-app .panel-vendorshield{
     background:#fff;
   }

  #forgotPaswdForm .modal-body input{
    color : #555 !important;
  }
  .mobile-app .panel-invoices .panel-heading {
    padding: 13px 15px;
  }
   .signinpanel.bg-img form {
        margin-top: 0px;
  }
  .mobile-app #profileStatusTable_wrapper div.dt-buttons{
    text-align:right; 
   } 

  .mobile-app .dataTables_wrapper .dataTables_filter + .dataTables_filter > .dt-buttons {
    float: none !important;
    text-align: right;
  }
   .mobile-app .dataTables_wrapper .dataTables_filter + .dataTables_filter{
    width: 100%;
  }
   /*endcommon design enhancement*/

  /*start table enhancement*/
   .mobile-app table.table-hidaction{
      border: 0px solid #ddd;
   }
   .mobile-app .table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
      border-left: 0px solid #ddd;
      border-right: 0px solid #ddd;
      border-top: 0px solid #ddd;
      border-bottom: 1px solid #ddd;
   }
  .mobile-app  table.table-bordered tr:last-child td {
      border-bottom: 0px solid #fff !important;
   }
   .mobile-app .table-responsive{
      border: 0px solid #ddd;
   }
   .mobile-app table tr.odd.parent td{
      border-bottom: 0px solid #fff;
      background: transparent;
   }
   .mobile-app table tr.even.parent td{
      border-bottom: 0px solid #fff;
      background: transparent !important;
   }
   .mobile-app tr.even.parent + tr.child td {
      background: #fff;
    }
  .mobile-app tr.odd.parent + tr.child td {
    background: #fff;
  }
  .mobile-app.messagetab-wizard .basic-wizard .tab-pane .table-email tr td .fa-minus-square:before{
    font-family: 'FontAwesome' !important;
    content: '\f0d7' !important;
    color: #9064a1;
    font-weight: 700;
    font-size: 16px;
    line-height: 9px;
   }
  .mobile-app.messagetab-wizard .basic-wizard .tab-pane .table-email tr td .fa-plus-square:before{
    font-family: 'FontAwesome' !important;
    content: '\f0da' !important;
    color: #9064a1;
    font-weight: 700;
    font-size: 16px;
    line-height: 9px;
   }
   .mobile-app .select2-container--default .select2-selection--single {
     
     height: 40px;
     padding: 10px 0px 10px 8px;
     border-radius:3px;
   }
  .mobile-app .select2-container--default .select2-selection--single .select2-selection__arrow{
    top: 5px;
  }
  .mobile-app .panel-footer {
    padding: 20px 16px;
  }
  .mobile-app #db-profileStatus-body #profileStatusTable_filter + .dataTables_filter {
     width: 100%;
  }
  .mobile-app .dt-buttons a.dt-button.disabled {
    border: 0px solid #fff;
    background-image: none;
  }
  .mobile-app #insurance .table-bordered>tbody>tr>td.topBordered {
    border-top: 0px solid #ddd;
  }
  .mobile-app tr.odd.parent + tr.child td {
    background: #fff;
  }
  .mobile-app .table-striped > tbody > tr:nth-child(2) > td{
    background: #f5f5f5;
  }
  
/*end table enhancement*/

/*Start Notification*/

.mobile-app .invoices-mobile-tab + .alert.alert-warning.m20 {
    color: #333;
    padding: 8px 15px;
}
.mobile-app .invoices-mobile-tab + .alert.alert-warning.m20 button.close {
    opacity: 0.5;
}
.mobile-app .invoices-mobile-tab + .alert.alert-warning.m20 .readmore + a{
    color:#7e558f;
}
.mobile-app .invoices-mobile-tab + .alert.alert-warning.m20 ul#rmjs-1 {
    padding: 0px 15px;
}
.mobile-app div#db-profileStatus-body .alert.alert-warning {
    padding: 8px 15px;
}
/*End Notification*/

/* Start change password */

.signin-mobile .signin-logo-holder .signuppanel-holder {
    width: 100%;
}
.signin-mobile .signin-logo-holder .innerpage-logo img {
    margin: 0px 8px 0px 0px;
}
.signinpanel .sign-up-form form {
    margin: 0px 0px;
    padding-bottom: 25px;
}
.signin-mobile .signinpanel .sign-up-form h3 {
    padding: 20px 0px 0px 20px;
    font-size:15px;
}
/* End change password */
}

@media screen and (max-width: 640px) {

    .notfoundpanel {
        width: auto;
        padding: 0 20px;
    }

    .notfoundpanel h1 {
        font-size: 72px;
        line-height: 72px;
    }

    .notfoundpanel h3 {
        font-size: 14px;
        line-height: normal;
    }

    .notfound h4 {
        font-size: 12px;
        line-height: 18px;
    }

    .notfoundpanel form {
        width: auto;
    }

    .notfoundpanel .form-control {
        float: none;
        width: 100%;
    }

    .notfoundpanel .btn {
        margin-top: 10px;
        width: 100%;
    }

    /*.signinpanel,
    .signuppanel {
        margin: 0 auto;
        width: 480px;
        padding: 20px 0;
    }*/

    .signinpanel form {
        margin-top: 20px;
    }

    .signup-footer {
        margin-bottom: 10px;
    }

    .signuppanel .form-control {
        margin-bottom: 10px;
    }

    .signup-footer .pull-left,
    .signup-footer .pull-right {
        float: none !important;
        
    }

    .widget-quick-status-post .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%;
        margin-bottom: -5px;
    }

    .widget-quick-status-post .nav-tabs.nav-justified > li a {
        margin: 0;
    }

    .nav-tabs.nav-justified.nav-profile > li {
        float: none;
        margin-bottom: 0;
        display: table-cell;
        width: 1%;
    }

    .nav-tabs.nav-justified.nav-profile > li a {
        margin: 0;
        -moz-border-radius: 3px 3px 0 0;
        -webkit-border-radius: 3px 3px 0 0;
        border-radius: 3px 3px 0 0;

    }

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

    .dataTables_paginate {
        margin-bottom: 10px;
        text-align: center !important;
        float: none !important;
    }
	
	.dataTables_paginate a.current, .dataTables_paginate a.current:hover {
		background-color: #00bdff;
		border-color: #04abe5;
		color: #fff;
	}

    .paginate_disabled_previous,
    .paginate_enabled_previous,
    .paginate_disabled_next,
    .paginate_enabled_next {
        float: none !important;
    }

    .dataTables_filter,
    .dataTables_length {
        float: none !important;
        padding: 10px 0 0 10px;
        margin: auto !important;
        display: inline-block;
    }

    .table.dataTable th,
    .table.dataTable td {
        font-size: 13px;
       /* min-width: 148px;	*/
    }

    .paging_full_numbers {
        min-width: 500px;
        margin: 0 0 10px 10px;
    }

    .paging_full_numbers:after {
        clear: both;
        display: block;
        content: '';
    }
   /*custom css for new enhancement*/

   .mainpanel .header-right > ul.headermenu > li:nth-child(1) .dropdown-menu.pull-right {
      left: 0px !important;
    }
   .mainpanel .header-right > ul.headermenu > li:nth-child(2)  .dropdown-menu.pull-right {
      left: 0px !important;
    }
   .headermenu  .dropdown-menu-head {
       min-width: 200px !important;
    }
   .mainpanel .header-right > ul.headermenu > li:nth-child(4) .dropdown-menu.pull-right {
      min-width: 255px !important;
      word-break: break-all !important;
      color: #1d2939;
    }
    table.dataTable tr.child ul li{
           white-space: unset;
    }
   .mobile-app div#validationWizard .table.dataTable td:nth-child(1), .mobile-app  div#validationWizard .table.dataTable td:nth-child(2){
      min-width: 30px !important;
    }
    .mobile-app div#validationWizard #tab1 .table.dataTable td:nth-child(3){
      min-width: 116px !important;
    }
    .mobile-app div#validationWizard #tab1 .table.dataTable td:nth-child(4), .mobile-app div#validationWizard #tab1 .table.dataTable td:nth-child(5){
       min-width: 148px !important;
    }
    .mobile-app div#validationWizard #tab2 .table.dataTable td:nth-child(3){
       min-width: 30px !important;
    }
    .mobile-app div#validationWizard #tab2 .table.dataTable td:nth-child(4){
      min-width: 90px !important;
    }
    .mobile-app div#validationWizard #tab2 .table.dataTable td:nth-child(5), .mobile-app div#validationWizard #tab2 .table.dataTable td:nth-child(6) {
      min-width: 148px !important;
     }   
/*custom css for new enhancement*/
}

@media screen and (max-width: 480px) {
    
    .searchform input {width: 137px;}
        
    /*.signinpanel,
    .signuppanel {
        width: auto;
    }*/

    .panel-email .pull-right {
        float: none !important;
    }

    .pageheader h2 {
        font-size: 18px;
    }

    .pageheader .glyphicon,
    .pageheader .fa {
        font-size: 18px;
    }

    .pageheader h2 span {
        font-size: 11px;
    }

    .fc-header td {
        display: block !important;
        text-align: center;
        width: 100%;
        border: 1px solid #eee;
        padding: 10px !important;
        margin-top: -1px;
    }

    .fc-button {
        padding: 2px 5px !important;
        margin: 0 !important;
    }

    .fc-header-title h2 {
        margin: 0 !important;
    }

    .filemanager-options li {
        padding: 5px 7px;
    }

    .filemanager-options .filter-type {
        display: block;
        float: none;
        border-top: 1px solid #eee;
    }

    .comment-list .media-object {
        width: 30px;
        padding: 2px;
    }

    .comment-list .media > .pull-left {
        margin: 0;
    }

    .comment-list h4 {
        font-size: 13px;
    }

    .comment-list .reply {
        font-size: 10px;
        padding: 2px 5px;
    }

    .comment-list .media-body {
        font-size: 12px;
        line-height: 18px;
    }

    .blog-content form {
        margin-bottom: 20px;
    }

    .letter-list {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .letter-list::after {
        clear: both;
        display: block;
        content: '';
    }

    .letter-list li {
        float: left;
        width: auto;
        display: inline-block;
    }

    .letter-list li a {
        display: block;
        padding: 2px 5px;
    }

    .btn-invoice:before {
        display: block;
        content: '';
        clear: both;
    }

    .btn-invoice .btn {
        display: block;
        width: 100%;
        margin-top: 10px;
    }

    .nav-tabs.nav-justified.nav-profile > li a {
        font-size: 13px;
        padding: 14px 10px;
    }

    #bloglist > div {
        padding: 0;
        margin: 0;
        float: none;
        width: auto;
    }
    .headermenu .dropdown-toggle{
     padding: 15px 5px !important;
    }

    /*start dataTable enhancement*/
   .dataTables_filter, .dataTables_length {
      padding: 10px 0 4px 0px;
    }
    /*end dataTable enhancement*/

}


/*start table enhancement*/
/* 
@media screen and (max-width: 379px) {
    .table.dataTable tr td:nth-child(2) {
        display: table-cell !important;
    }
    .table.dataTable tr th:nth-child(2) {
        display: table-cell !important;
    }
    .table.dataTable tr.child td ul li:nth-child(1) {
        display: none !important;
    }
    .table.dataTable tr td:nth-child(2) a {
       padding: 3px 0px;
    }
    .mobile-app  #db-profileStatus-body .table.dataTable tr.child td ul li:nth-child(1){
      display:block !important;
    }
} */

/*end  table enhancement*/


@media screen and (max-width: 367px) {
    .mainpanel .menutoggle .fa, .mainpanel .menutoggle .glyphicon {
       margin: 14px 0 0 11px;
    }
    .mainpanel .menutoggle {
      width: 42px !important;
    }
    .pageheader h2 span {
        display: none;
    }

    .blog-title {
        font-size: 14px;
        line-height: 18px;
    }

    .blog-summary {
        font-size: 12px;
        line-height: 18px;
    }

    .blog-summary .btn {
        padding: 2px 5px;
        display: block;
        width: 100%;
    }

    .headermenu li:first-child .dropdown-menu {
        margin-right: -130px;
    }

    .headermenu li:nth-child(2) .dropdown-menu {
        margin-right: -85px;
    }

    .headermenu li:nth-child(3) .dropdown-menu {
        margin-right: -37px;
    }
    .nav-tabs.nav-justified.nav-profile > li {
        float: none;
        display: block;
        width: auto;
    }

    .blog-media .media-body {
        overflow: visible;
    }

    .follower-list .btn {
        display: block;
        margin: 0 0 5px 0;
        width: 100%;
    }

    .filemanager-options li {
        display: block;
        border-top: 1px solid #eee;
    }

    .filemanager-options li:first-child {
        border-top: 0;
    }

    .authorpanel .media-object {
        width: 80px;
        margin-right: 10px;
    }

    .people-item .media-object {
        width: 80px !important;
        height: 80px !important;
    }

    .pagination {
        margin-bottom: 20px;
    }
    #homepage #languagedropdown .dropdown-menu-head {
       margin-right: 0px;
    }
    .table.dataTable th, .table.dataTable td {
       /* min-width: 138px; */
    }

}

.header-right .companylist .name{
	font-size:15px;	
}

.header-right .companylist .address{
	font-size:12px;		
}

.header-right .dropdown-menu.companylist i{
	font-size:24px;		
}

.header-right .support{
	padding:15px;
}

.header-right .support .phone{
	padding-top:8px;
}

.header-right a{
	color:#1d2939;
	text-decoration:none;
}

.header-right a:hover{	
	text-decoration:none;
	color:#000;
}

button.company-switch {
	padding: 12px 10px;
	border-color: #fff;
	background: #fff;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	border: 0;
	line-height: 26px;
}

.dropdown-menu-usermenu>.active>a, .dropdown-menu-usermenu>.active>a:hover, .dropdown-menu-usermenu>.active>a:focus {
	background-color: #fff;
}

.bs-callout {
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
	background-color: #fff;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout+.bs-callout {
    margin-top: -5px;
}
.bs-callout-default {
    border-left-color: #777;
}
.bs-callout-default h4 {
    color: #777;
}
.bs-callout-primary {
    border-left-color: #636E7B;
}
.bs-callout-primary h4 {
    color: #636E7B;
}
.bs-callout-success {
    border-left-color: #1caf9a;
}
.bs-callout-success h4 {
    color: #1caf9a;
}
.bs-callout-danger {
    border-left-color: #d9534f;
}
.bs-callout-danger h4 {
    color: #d9534f;
}
.bs-callout-warning {
    border-left-color: #f0ad4e;
}
.bs-callout-warning h4, .bs-callout-warning h5 {
    color: #f0ad4e;
}
.bs-callout-info {
    border-left-color: #5bc0de;
}
.bs-callout-info h4 {
    color: #5bc0de;
}

.no-sort.sorting {background-image:none!important; }

.invoice-panel .editable-list-item {
padding: 0px;
}

.bkg-white {background-color: #fff;}

/* For Firefox only */
@-moz-document url-prefix() {
	.input-file-sm {
		height: auto;
		padding-top: 7px;
		padding-bottom: 7px;
	}
}

//Changes for bootstrap modal picklist
div[id^="vistaModal"] .modal-header {
  	padding: 8px !important;
	padding-top: 4px !important;
  	padding-bottom: 4px !important;
}

div[id^="vistaModal"] .modal-body {
  padding: 0px;
}

div[id^="vistaModal"] iframe {
   border: none;
}

div.picklist div.page {
  	box-shadow:0px 0px 0px;
}

div[id^="vistaModal"] .modal-header .close {
  margin-top: 2px;
}

.form-control.input-as-label {
	border: none; 
	padding: 0px; 
	margin: 0px;
	background: none; 
}


/* for IE8 issue (right aligned text clipped )*/
input::-ms-clear {
	display: none;
}


/* 	RFP pricng tab related css changes */

.vc-pricing td.row-title {
	background: rgb(228, 231, 234);
	padding: 5px;
	font-size: 15px;
	/*font-family: 'LatoBold';*/
	color: #444;
	font-weight :600;
}
	
	
.vc-pricing>tbody>tr>th, .vc-pricing>tfoot>tr>th, .vc-pricing>thead>tr>td, .vc-pricing>tbody>tr>td, .vc-pricing>tfoot>tr>td {
	vertical-align: middle;
	padding: 5px 5px 5px 3px;
}
 
table.vc-pricing td.text-right{
	text-align: right;
}


input.zoomCheck {
	-ms-transform: scale(1.25); /* IE */
	-moz-transform: scale(1.25); /* FF */
	-webkit-transform: scale(1.25); /* Safari and Chrome */
	-o-transform: scale(1.25); /* Opera */
	padding: 10px;
}
	
	
/* changes for zTree (tree menu for unspections ) */
.nav-bracket .children ul.ztree {
    margin-left: 5px; 
}
.nav-bracket .children ul.ztree ul{
    margin-left: 0px;
}

.nav-bracket .children .ztree  li.active > a {
    color: #1caf9a;
    text-shadow: 0 0 3px #64776D;
}


.nav-bracket .children .ztree li a{
    padding : 1px 3px 1px 3px;
    height: initial;
	text-decoration: none;
}

.nav-bracket .children .ztree a {
	/*font-family: 'LatoRegular', 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, sans-serif !important;*/
	font-size: 13.2px;
	color: #94989d;
}	
/* changes for zTree ends  */


/* symbol for "opening" panels used in accordions */
.panel-group .panel-title a:before 
{
	font-family:'FontAwesome';
	content:"\f078";
	
    /*font-family: 'icomoon' !important;
    content:"\edb5";*/
    color: #8f64a1;
    font-size: 15px;
	padding-right: 5px;
}

.panel-group .panel-title a:hover:before 
{
    color: #8f64a1;
}

.panel-group .panel-title a.collapsed:before 
{
	/* symbol for "collapsed" panels */
	content:"\f054";
    /*content:"\edbd";*/
}

.purchase-panel {
    background: #fff;
    padding: 15px 25px;
    border: 1px solid #e1e8ed;
    border-radius: 4px;
    margin-bottom: 20px;
}	
.purchase-form__selection {
    display: table;
    width: 100%;
    line-height: 1;
    margin-bottom: 10px;
}
.purchase-form__license-type {
    display: table-cell;
    height: 40px;
    vertical-align: middle;
    padding-right: 10px;
    font-size: 16px;
    font-weight: bold;
}

.t-heading.-size-xxl {
    font-size: 36px;
}
.purchase-form__price {
    display: table-cell;
    vertical-align: middle;
    color: #454545;
    text-align: right;
}
.h-pull-right {
    float: right;
}

.t-heading.-color-dark, .t-heading {
    color: #454545;
}
.t-heading {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 0.5em;
    padding: 0;
}
.t-currency {
    /* -webkit-font-smoothing: antialiased; */
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-weight: inherit;
    line-height: 1;
}
.purchase-form__support {
    border-top: 1px solid #e1e8ed;
    padding-top: 15px;
    padding-bottom: 10px;
    padding-left: 5px;
}

.purchase-form__support ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.purchase-form__label {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
}

.t-icon-list {
    list-style: none;
    margin: 0 0 10px 10px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.t-icon-list {
    font-size: 16px;
}
.t-icon-list.-offset-flush {
    margin-left: 5px;
}

.t-icon-list.-font-size-s {
    font-size: 14px;
}

.t-icon-list__item {
    position: relative;
    padding-left: 20px;
}

.is-visually-hidden, .js .is-visually-hidden--js {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.purchase-form__button {
    margin-bottom: 15px;
}

.e-btn, .e-btn--3d, .e-btn--outline {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    border: none;
    border-radius: 4px;
    /*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
.e-btn, .e-btn--3d, .e-btn--outline {
    background-color: gray;
    color: #fff;
}
.e-btn.-size-s, .-size-s.e-btn--3d, .-size-s.e-btn--outline, .e-btn, .e-btn--3d, .e-btn--outline {
    font-size: 14px;
    padding: 5px 20px;
    line-height: 1.5;
}



.e-btn--3d {
    box-shadow: 0 2px 0 #545454;
    position: relative;
}
.e-btn.-color-primary, .-color-primary.e-btn--3d, .-color-primary.e-btn--outline {
    background-color: #00bdff;
	border-color: #129fcd;
}
.e-btn.-width-full, .-width-full.e-btn--3d, .-width-full.e-btn--outline {
    box-sizing: border-box;
    width: 100%;
}
.e-btn.-size-m, .-size-m.e-btn--3d, .-size-m.e-btn--outline {
    font-size: 16px;
    padding: 10px 20px;
}
.e-btn--3d.-color-primary {
    box-shadow: 0 2px 0 #129fcd;
    position: relative;
}

.t-icon-list__item:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    speak: none;
    text-align: center;
    width: 1em;
    position: relative;
    left: -23px;
    margin-right: -15px;
}
.t-icon-list__item.-color-mid:before, .t-icon-list__item:before {
    color: #129fcd;
}
.t-icon-list__item.-icon-ok:before {
    content: "\f00c";
}







/*
.height100{
	height:100%;
}
*/
/*body.signin {
    background: #ffffff;
}*/

.signin .right-panel{
    min-height:100%;
    /*color:#000000;
	background-color:#fff;*/
}
#signin-image img{
	position:fixed;
    bottom: 0;
    height: auto;
	width:auto;
    min-width: 60%;
	min-height:100%;
}
/*.signin-holder{
	padding:0% 5% 10% 5%;
	background:#ffffff;
}
.signin a{
	color:#bce3ff;
}
.signin a:hover{
	color:#bce3ff;
	text-decoration:underline;
}
.signin form{
	width:300px;
}*/

.signin .input-lg{
	font-size:15px;
}
/*.signin .form-control{
	height:auto;
}*/
/*.signin .form-group a{
	text-decoration:none;
	color:#084863;
}*/

/*.signin .form-group a:hover{
	text-decoration:underline;
	color:#084863;
}*/
.signin h1{
	font-size:22px;
	font-weight:300;
}
.signin h2{
	font-size:21px;
	font-weight:300;
	/* border-top: 1px solid #ddd; */
}
.signin hr{
	margin-left:-10px;
	margin-top:25px;
	margin-bottom:0;
	
}
/*.signin .well{
	background: none;
	padding:15px 1px;
	border:1px solid #fff;
}*/
.signin .well .fa {
    font-size: 30px;
    color: #fff;
    margin-bottom: 10px;
	
}

/*.signin .btn-primary{
	background:#007fce;
	border:1px solid #0a8b70;
	font-size:16px;
}
.signin .btn-primary:hover{
	background:#0275bc;
}*/
.signin footer{
	text-align:center;
	padding-top:20px;    
   width:100%;
   height:80px;
   background:#ffffff;
  
}
/*.user-suppliers .footer-section {
    bottom: 0;
    left: 0;
    padding: 20px;
    position: absolute;
    right: 0;
}*/

.footer-top {
    border-bottom: 1px solid rgba(255,255,255,0.25); 
    margin-bottom: 10px;
    padding-bottom: 10px;
    text-align: right;
}

/*.signin .icon{
	font-size:30px;
	color:#094865;
	margin-bottom:10px;
}
.signin .icon-text{
	font-size:16px;
}*/
/*.signin footer{
	margin-top:100px;
}*/
/*.signin .light-text{
	color:#888888;
}*/
@media (min-width: 1280px){
.signin footer{
	margin-top:80px;	
	position:absolute;
   
   bottom:0;
}

.vendor-registration .bg-img-activation footer
{
    position:absolute!important;
}
/*html {
	
    height:100vh;
}*/
}





@media (min-width: 992px){
.w-xxxl{
	width:570px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.signin .signin-holder{
		padding-left:70px;
	}
}
/*@media (min-width: 1240px){
	
	.signin .ipad-image{
	background: url("/vendorcafe/images/tablet.png") no-repeat; 
	background-position: right 50%;
	
}
}
@media (min-width: 1560px){
	.signin .wrapper{
		background-position: right 80%; 
		width:75%;
		margin:0 auto;
	}
}
@media (min-width: 1560px){
	.signin .wrapper{
		background-position: right 80%; 
		width:75%;
		 margin: 0 0 0 18%;
  	}
}*/

@media (max-width: 1239px){
	
	/*.signin .signin-holder, .signin .signinpanel{
		margin:0 auto;
	}
	.signin .logopanel{
		text-align:center
	}
	.signin .signup-footer{
		text-align:center;
	}*/
}
@media (max-width: 1024px){
	
	
	
	.signin .right-panel{
		/*float:right;*/
		position:relative;
	}
	.signin .wrapper{
		background: none;
	}
}
@media (max-width: 991px){
.icon-text{
	display:inline;
}
.signin .well .fa {
    font-size: 25px;
    color: #fff;
    margin-right: 10px;
	
}
.signin .iphone-image{
	background: none; 
	background-position: left 50%;
	height:730px;
	display:none;
}
.signin-holder{
	float:none;
	margin:0 auto;
}
.ipad-image{
	display:none;
}
}

@media (min-width: 768px) {
    #formLogin .form-control.required{
        background-color: #ffffff;
        border-color: none!important;
        
    }
}
@media (max-width: 767px){
    #homepage input:-webkit-autofill,
    #homepage input:-webkit-autofill:hover, 
    #homepage input:-webkit-autofill:focus
    #homepage textarea:-webkit-autofill,
    #homepage textarea:-webkit-autofill:hover
    #homepage textarea:-webkit-autofill:focus,
    #homepage select:-webkit-autofill,
    #homepage select:-webkit-autofill:hover,
    #homepage select:-webkit-autofill:focus {  
     -webkit-text-fill-color: #fff!important;
      transition: background-color 5000s ease-in-out 0s;
    }
	#signin-image{
		position:absolute;
	}
	.signin .right-panel{
		background-color:transparent;
	}

	.signin form{
		width:auto;
		margin:20px;
	}
	#signin-image img {
		min-width: 100%;
	}
	.signin .logopanel, .signin .signup-footer{
		padding-left:20px;
	}
}

/*.signin .iphone-image{
	background: url("/vendorcafe/images/ipad-mini.png") no-repeat; 
	background-position: 25% bottom;
	height:750px;

}


@media (min-height: 800px) and (max-height: 1024px) {
.signin .iphone-image{
	
	background-position: left 50%;
    background-size: 49% auto;
    height: 760px;
}
}*/
.mb30 {
    border: none !important;
}


/*
.btn-success {
    background-color: #00bdff;
	border-color: #05aae4;

}
.btn-success:hover, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
    background-color: #1894c6;
    border-color: #1894c6;
}
.btn-primary {
    color: #fff;
    background-color: #00467f !important;
    border-color: #004074;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    background-color: #0562ae !important;
    border-color: #00467f;
}*/
.basic-wizard .pager li a {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border-color: #9064a1;
    background-color: #9064a1;
    color: #fff;
}
/*.btn-primary {
    color: #fff;
    background-color: #00bdff !important;
    border-color: #00a7e0;
}*/
.btn-dark {
    color: #fff;
    background-color: #9064a1 !important;
    border-color: #9064a1;
}
.btn-dark:hover, .btn-dark:active, .btn-dark.active, .open .dropdown-toggle.btn-dark {
    background-color: #9c6caf !important;
    border-color: #9c6caf;
	color:#fff;
}
.fa-warning::before, .fa-exclamation-triangle::before {
    color:#ff6f31;
}
.dataTables_paginate a.current, .dataTables_paginate a.current:hover {
    background-color: #9064a1 !important;
    border-color: #9064a1 !important;
}

.dataTables_paginate a.paginate_button, .dataTables_paginate a.paginate_active{
	border-right:0;
	font-size:13px;
	margin-right:0;
	border-radius:0;
	padding:4px 10px;
}

.i-checks {
    cursor: pointer;
    padding-left: 20px;
}
.i-checks input {
    margin-left: -20px;
    opacity: 0;
    position: absolute;
}
.i-checks input:checked + i {
    border-color: #fff;
}
.i-checks input:checked + i::before {
    background-color: #fff;
    height: 10px;
    left: 4px;
    top: 4px;
    width: 10px;
}
.i-checks input:checked + span .active {
    display: inherit;
}
.i-checks input[type="radio"] + i, .i-checks input[type="radio"] + i::before {
    border-radius: 50%;
}
.i-checks input[disabled] + i, fieldset[disabled] .i-checks input + i {
    border-color: #dee5e7;
}
.i-checks input[disabled] + i::before, fieldset[disabled] .i-checks input + i::before {
    background-color: #dee5e7;
}
.i-checks > i {
    border: 1px solid #fff;
    display: inline-block;
    height: 20px;
    line-height: 1;
    margin-left: -20px;
    margin-right: 4px;
    margin-top: -2px;
    position: relative;
    vertical-align: middle;
    width: 20px;
}
.i-checks > i::before {
    background-color: transparent;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    top: 50%;
    transition: all 0.2s ease 0s;
    width: 0;
}
.i-checks > span {
    margin-left: -20px;
}
.i-checks > span .active {
    display: none;
}
.i-checks-sm input:checked + i::before {
    height: 8px;
    left: 3px;
    top: 3px;
    width: 8px;
}
.i-checks-sm > i {
    height: 16px;
    margin-left: -18px;
    margin-right: 6px;
    width: 16px;
}
.i-checks-lg input:checked + i::before {
    height: 12px;
    left: 8px;
    top: 8px;
    width: 12px;
}
.i-checks-lg > i {
    height: 30px;
    width: 30px;
}
.inline-block{
	display:inline-block;
}
.nowrap {
	white-space:nowrap;
}

/* Font Awesome Overrids */
.sender i{
	color:#ff783e;
	font-size:16px;
	
}

/* Dashboard Tab */
#tab-holder .nav-tabs{
	background:#fdfdfd;	
	border-radius:0;
	border-bottom:1px solid #e7e7e7;
}

#tab-holder .nav-tabs > li > a{
	border-radius:0;
	padding: 18px 15px;
}

#tab-holder .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
	background:transparent;
}

#tab-holder  .tab-content{
	background:transparent;
	box-shadow:none;
	border-radius:0;
}

#tab-holder .nav li{
	margin-right:40px;
}

#tab-holder li.active a{
	border-bottom:2px solid #9064a1;
}

#db-messages-body , #db-invoices-body, #db-purchase-orders-body, #db-work-orders-body, #db-rfp-body, #db-contracts-body, #db-wo-completed{
	padding:20px 30px;
}

#db-messages-body  a, #db-invoices-body a, #db-purchase-orders-body a, #db-work-orders-body a, #db-rfp-body a, #db-contracts-body a, #db-wo-completed  a{
	text-decoration:none;
	color:#000;
	font-weight:300;
}

#db-messages-body  a:hover, #db-invoices-body a:hover, #db-purchase-orders-body a:hover, #db-work-orders-body a:hover, #db-rfp-body a:hover, #db-contracts-body a:hover, #db-wo-completed a:hover{
	text-decoration:none;
	color:#787878;
}

#db-messages-body  ul{
	list-style:none;
	width:270px;
}

#db-messages-body  ul li{
	margin-bottom:18px;
}

#db-work-orders-body ul li {
    list-style: none;
    padding: 20px 10px 0;
}

#db-messages-body  .count, #db-work-orders-body .count {
    padding: 1px 13px;
	color:#555555;
	font-size:14px;
}

.box{
	background:#F8F8F8;
	border:1px solid #EDEDED;
	padding:20px 30px 40px;
	margin:20px;
}

a .box h2{	
	font-size:35px;
	font-weight:500;
}

a .box .label-box{
	font-size:10px;
	color:#fff;
	letter-spacing:1px;
	text-transform:uppercase;	
	padding:0px 15px;
	margin-bottom:12px;
}

.orange-badge{
	background:#f58655;	
	border-radius: 4px
}

.orange-border{
	border-bottom:2px solid #ff7639;
}

.blue-badge{
	background:#69b0dc;	
	border-radius: 4px
}

.blue-border{
	border-bottom:2px solid #52b7f7;
}

.green-badge{
	background:#53c37b;	
	border-radius: 4px
}

.green-border{
	border-bottom:2px solid #19C154;
}

.red-badge{
	background:#ff4a4a;	
	border-radius: 4px
}

.red-border{
	border-bottom:2px solid #ff4a4a;
}

.light-blue-badge{
	background:#caebf6;	
	border-radius: 5px	
}

.light-purple-badge{
	background:#e8daef;	
	border-radius: 5px	
}

.gray-border{
	border-bottom:2px solid #a2a3a4;	
}

.signin .panel-heading, .panel-footer{
	background:transparent;
	border:none;
}

.user-suppliers .footer-top {
    color: #fff;
}

.user-suppliers .logopanel{
	padding-top:200px;	
}

.user-suppliers button.signout, .user-suppliers button.cancel {
    background: transparent;
	color:#fff;
}

.user-suppliers ul{
	padding:0px 0px 0px 5px;
	list-style:none;
}

.user-suppliers h4 {    
    color: #8f64a1;
    font-family: 'ProximaNovaSemibold';
    text-transform: uppercase;
    font-size: 20px;
}

.user-suppliers .footer-section{
	/*position: absolute;*/
	bottom: 0;
	width: 100%;		
	padding: 0;
	height:auto;
	padding-bottom:20px;
}

.user-suppliers .footer-section .footer-links a, .signin .footer-section .footer-links a{    
    letter-spacing: 3px;    
	color:#fff;
}

.user-suppliers .footer-section .copyright a, .user-suppliers .footer-section .copyright, .signin .footer-section .copyright, .signin .footer-section .copyright a{    
    color:#fff;  
}


#homepage footer .copyright a{
   color:#9064a1;
}

#homepage footer a {
    color: #fff;
}

.footer-section .footer-links a{
	margin:0px 7px;
	font-size:12px;
	letter-spacing:1px;
}

.footer-section .footer-links a:last-child{	
	margin-right:0px;
}

.sign-up-form .form-group label.error{
	transform:none;
	color:#B94A48;
}

.signin .material-tooltip{
	font-size:11px;
}

.results-list .media{	
    background: #fdfdfd;
	padding:25px 30px 35px 30px;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
	opacity:0.45;
}

.sign-up-form .modal-dialog, .signin .modal-dialog{
	width:auto!important;
}
.sign-up-form .modal .modal-content, .signin .modal .modal-content{
    margin-right: -2px;
}

#ChangePassword label, #regForm label{
	color: #555;
	font-size:16px;
}

#ChangePassword .select2-container--default .select2-selection--single, #regForm .select2-container--default .select2-selection--single{
		border-color:#fff;
		background:transparent;
}	

#ChangePassword .select2-container--default .select2-selection--single .select2-selection__placeholder,
#regForm .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #fff;
	font-size:14px;
}

#ChangePassword .select2-container--default .select2-selection--single .select2-selection__arrow b,
#regForm .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #fff transparent transparent;
}

#ChangePassword .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
#regForm .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #fff;
}

#ChangePassword  .select2-container--default .select2-selection--single .select2-selection__rendered,
#regForm  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #9f91a7;
	font-size:13px;
}

.force-password .select2-dropdown.select2-dropdown--below, .signin .select2-dropdown, 
.signin .select2-dropdown.select2-dropdown--below, .signin .select2-dropdown{
    background:#ede6f1;
    border-color:#dbd2e0;
    color:#9f91a7;    
}

.force-password .select2-container--open .select2-search__field, .signin.select2-container--open .select2-search__field,
.signin .select2-container--open .select2-search__field, .signin.select2-container--open .select2-search__field{
    background:#fff;
    border:none;
    margin-bottom:5px;
	margin-top:5px;
	border-radius:3px;
}

.force-password .select2-container--default .select2-results__option--highlighted[aria-selected], 
.force-password .select2-container--default .select2-results__option[aria-selected="true"], 
.signin .select2-container--default .select2-results__option--highlighted[aria-selected], 
.signin .select2-container--default .select2-results__option[aria-selected="true"]{
    background-color: #ede6f1 ;
    color:#9f91a7;
    border-color: #dbd2e0 ;
}

.mainpanel .change-pwd-modal{
	margin-top: 40px !important;
}
#tab-holder li a {
    border-bottom: 2px solid transparent;
}

/* Fix for: ios doesn't recognize width ..so iframe inside modal not aligned properly  */
iframe{
  width: 1px;
  min-width: 100%;
}


/*@media(min-width:1280px) and (max-width:1366px){
	.signin-holder, .signuppanel, .right-holder .signinpanel{
		padding:0px 30px;
	}
}
*/
@media(min-width:981px) and (max-width:1366px){
	.user-suppliers .logopanel {
		padding-top: 120px;
	}
	a .box .label-box {
		font-size: 8px;
		padding: 0 12px;
	}	
	.box {
		margin: 10px;
		padding: 20px 10px 40px;
	}
	#tab-holder .nav li{
		margin-right:10px;
	}		
}

@media(min-width:1023px) and (max-width:1024px){
	#tab-holder .nav li{
		margin-right:0px;
	}	
}

@media(min-width:768px) and (max-width:1024px){
	.signin-holder, .right-holder  .signinpanel{
		padding:0px 40px;
	}
}

@media(min-width:768px) and (max-width:980px){
	#tab-holder .nav li {
		margin-right: -2px;
	}	
}

@media(max-width:768px){
	.dashboard .contentpanel, .dashboard .footer-section{
		background:#fff;
	}
	.dashboard .footer-section{
		position:inherit;
	}
}

@media(max-width:767px){
	.user-suppliers .footer-top{
		text-align:left;
	}	
	#tab-holder .nav li {
		margin-right: 0;
	}	
	/*#tab-holder li.active a{
		border:none;
	}*/
	#db-messages-body , #db-invoices-body, #db-purchase-orders-body, #db-work-orders-body, #db-rfp-body, #db-contracts-body{
		padding:0;
	}	
	#db-messages-body  ul{
		width:auto;
	}
	.box{
		margin:10px;
		padding: 10px 10px 40px;
	}
	#tab-holder .nav-tabs{
		border:none;
	}
	#tab-holder .tab-content{
		margin-top:1px;
		border-top:1px solid #e7e7e7;
	}
	.user-suppliers .logopanel{
		padding-top:50px;
	}
	.user-suppliers form{
		width:auto;
	}
	.user-suppliers .footer-section{
		position:inherit;
	}
}

/* Flex */
.d-flex {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.justify-content-center {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}

.justify-content-end {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
}

.align-items-start {
  -webkit-box-align: start !important;
  -webkit-align-items: flex-start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}

.align-items-center {
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

.align-items-stretch {
  -webkit-box-align: stretch !important;
  -webkit-align-items: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important;
}

.align-items-end {
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
}

/* Badges */
.badge-rounded{
	position: absolute!important;
    top: 3px!important;
    right: 16px;
    display: block;
    line-height: 12px;      
    padding: 3px 6px;
    border-radius: 20px;
    border: 2px solid #fff;    	
}

.initials{
    height: 40px;
    width: 40px;
    border-radius: 50%; 	
}


/* Font Size */
.text-xs{
	font-size:12px;
}

.text-xl{
	font-size: 24px;
}

/* Colors */
.text-white{
	color:#fff;
}

.text-dark{
	color:#000;
}

/* Button */
.btn-light {    
    color: #3c4043;
    background-color: #f6f6f6;
    border:1px solid #e9e9e9;    
}

.btn-light:hover {
    color: #3c4043;
    background-color: #d7d7d7;
    border-color: #c6c6c6;
}

.bg-img{	   
	background: url(../images/bg-img.jpg) no-repeat center center;	
    background-size: cover;	
	position:relative;
	z-index:1;
}

.bg-img-activation{       
    background: url(../../images/bg-img.jpg) no-repeat center center;  
    height: 100vh;
}

.bg-img:before{	   
	background-color:rgba(144, 107, 174, 0.5);	
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    content: "";
}

.bg-white{
	background:#fff;
}

/*body.notfound, body.signin{
	background-color: #014ea0; // fallback
	background: url("../images/background-dot.png") center center repeat; // fallback
	background: url("../images/background-dot.png") center center repeat, -webkit-linear-gradient(-5deg, #00acf8, #014ea0)
	background: url("../images/background-dot.png") center center repeat, -o-linear-gradient(-5deg, #00acf8, #014ea0); /* For Opera 11.1 to 12.0 */
	/*background: url("../images/background-dot.png") center center repeat, -moz-linear-gradient(-5deg, #00acf8, #014ea0); /* For Firefox 3.6 to 15 */
	/*background: url("../images/background-dot.png") center center repeat, linear-gradient(-5deg, #00acf8, #014ea0); /* Standard syntax (must be last) */
	/*color:#fff;
	min-height:100%;
}*/

.signin-logo-holder > div{
	width:45%;
	min-height:100vh;	
}

.signup-logo-holder > div{
	width:55%;
}

.signin input:not([type]), input[type=text], input[type=password], input[type=email], 
input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], 
input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea{
		border-color:#dddddd!important;
}


.signin input.valid:not([type]), input.valid:focus:not([type]), input.valid[type="text"], input.valid[type="text"]:focus, input.valid[type="password"], input.valid[type="password"]:focus, input.valid[type="email"], input.valid[type="email"]:focus, input.valid[type="url"], input.valid[type="url"]:focus, input.valid[type="time"], input.valid[type="time"]:focus, input.valid[type="date"], input.valid[type="date"]:focus, input.valid[type="datetime"], input.valid[type="datetime"]:focus, input.valid[type="datetime-local"], input.valid[type="datetime-local"]:focus, input.valid[type="tel"], input.valid[type="tel"]:focus, input.valid[type="number"], input.valid[type="number"]:focus, input.valid[type="search"], input.valid[type="search"]:focus, textarea.materialize-textarea.valid, textarea.materialize-textarea.valid:focus{
	color:#555!important;	
    box-shadow: none;
    -webkit-text-fill-color: #555!important;
}

.signin input:focus:not([type]):not([readonly]), input[type="text"]:focus:not([readonly]), input[type="password"]:focus:not([readonly]), input[type="email"]:focus:not([readonly]), input[type="url"]:focus:not([readonly]), input[type="time"]:focus:not([readonly]), input[type="date"]:focus:not([readonly]), input[type="datetime"]:focus:not([readonly]), input[type="datetime-local"]:focus:not([readonly]), input[type="tel"]:focus:not([readonly]), input[type="number"]:focus:not([readonly]), input[type="search"]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]){
	border-color:#dddddd!important;
}

.signin input, select, textarea, .singin-holder input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea{
	color:#555!important;
	font-size:16px;
}

.signin h3{
	font-family: 'ProximaNovaSemibold';
    letter-spacing: 1px;
    color: #000;	
}

.signin .signinpanel{
	color:#555;
}

.signin .btn{
	box-shadow:none;
}


#homepage input:-webkit-autofill,
#homepage input:-webkit-autofill:hover, 
#homepage input:-webkit-autofill:focus
#homepage textarea:-webkit-autofill,
#homepage textarea:-webkit-autofill:hover
#homepage textarea:-webkit-autofill:focus,
#homepage select:-webkit-autofill,
#homepage select:-webkit-autofill:hover,
#homepage select:-webkit-autofill:focus {  
  transition: background-color 5000s ease-in-out 0s;
}


/* Headings */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
	color:#000;
}


/* Pageheader */
.pageheader {
    padding: 20px; 
    background: #f4f3f5;
    border-top: 1px solid #eceaec;
    border-bottom: 1px solid #eceaec;	
   /* position: relative;*/
}

.pageheader h2 {
    font-size: 25px;  
}

.pageheader .fa{
	font-size:26px;
}


.pageheader .breadcrumb li {
    font-size: 13px;
}

.pageheader .breadcrumb li.active {
    color: #000;
}

.pageheader .breadcrumb {
    background: none;
    /*display: inline-block;*/
    padding: 0;
	/*margin-bottom: 0px;*/
}



.pageheader .vcicon.icon-vendorshield-squared {
    padding: 6px 4px;
}
.pageheader .fa.fa-pencil {
    padding: 6px 9px;
}

.pageheader .fa.fa-hand-o-up {
    padding: 6px 9px 6px 7px;
}

.pageheader .fa-file-o {
    padding: 6px 10px;
}

.pageheader .fa-user {
    padding: 6px 10px;
}

.pageheader .fa-file-text {
    padding: 6px 10px;
}

.pageheader .fa-map-marker {
    padding: 6px 12px;
}

.pageheader .fa-dollar {
    padding: 6px 12px;
}

.pageheader .fa-clock-o {
    padding: 6px 8px;
}

.pageheader h2 span {
    font-size: 13px;
    text-transform: none;
    color: #999;
    font-style: italic;
    vertical-align: middle;
    letter-spacing: 0;
}

.pageheader h2 span::before {
    content: '/';
    margin: 0 10px 0 5px;
    color: #ccc;
}

.pageheader .breadcrumb-wrapper {
    position: absolute;
    top: 15px;
    right: 25px;
    text-align: right;
}

.pageheader .breadcrumb-wrapper .label {
    color: #999;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: normal;
    display: inline-block;
}


/* Jquery Override */

.dataTables_filter input{
	padding:2px 10px;
}
.dataTables_paginate a.paginate_button.next {
    border-right: 1px solid #ddd;
}
.dataTables_paginate .ellipsis{
	display:none;
}
.dataTables_paginate a.paginate_button:hover {
    background-color:rgba(24,28,33,0.020);
}

/* Form, Table Fields */
.ckbox-default input[type="checkbox"]:checked + label::after {
    color: #fff;
}

.ckbox input[type="checkbox"]:checked + label::after  {
    font-family: 'icomoon';
    content: "\e6d9";
    position: absolute;
    top: 3px;
    left: 4.5px;
    display: inline-block;
    font-size: 11px;   
    color: #fff;
    line-height: 1.4285;
}

.ckbox label:before {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 1px;
    left: 0;
    content: '';
    display: inline-block;
    border: 1px solid #bbb;
    background: #fff;
}

.dataTables_filter input{
	border-radius:0;
}

.dataTables_wrapper{
	margin-bottom:0;
}

.contentpanel .border{
	border-top:2px solid #f2f0f3;
}

.w-xxxs{
    width:40px;
}


.vendor-registration footer, .force-password footer{
	position:inherit!important;
	height:auto!important;
	background:transparent!important;
	border-width:0px;
	text-align:left;
	margin-top:40px;
	padding-bottom:0;
}

.vendor-registration footer .copyright, .force-password footer .copyright{
	color:#fff;
    font-family: "ProximaNova", sans-serif;
}

.vendor-registration footer .copyright a, .force-password footer .copyright a{
	color:#fff;
}

.vendor-registration .i-checks input:checked + i:before{
    background-color: #9064a1;
    height: 8px;
    width: 8px;
    top: 5px;
    left: 5px;
}

.i-checks input:checked + i:before {
    background-color: #fefefe;
}

.vendor-registration .i-checks input:checked + i {	
    border-color: #a5a5a5;
}

.vendor-registration .i-checks > i {
    border-color: #a5a5a5;
}

.vendor-registration .modal, .force-password .modal{
	max-height:initial;
}

label.required:after{
    content: "*";
    color: #de2500;
    margin-left: 2px;
    font-size: 20px
}

th.required:after{
    content: "*";
    color: #de2500;
    margin-left: 2px;
    font-size: 20px
}

/* Checkbox */
.checkbox label {
  display: block;
  position: relative;
  padding-left: 26px; 
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.checkbox label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkbox .checkmark{
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border:1px solid #ccc;
}
.checkbox label input:checked ~ .checkmark {
  background-color: #9064a1;
  border-color:#9064a1;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.checkbox label input:checked ~ .checkmark:after {
  display: block;
}
.checkbox label .checkmark:after {
  left: 6px;
  top: 2px;
  width: 6px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


form .form-control.vcRequired:not([disabled]):not([readonly]) 
{
    background-color: #ece4ef;
    border-color:#c3b6ca;
    color:#9f91a7;
}

.form-control.required{
    background-color: #ece4ef;
    border-color: #cec5d2!important;
    color:#9f91a7;
}

#ChangePassword .select2-container--default .select2-selection--single, #regForm .select2-container--default .select2-selection--single {
    border-color: #dbd2e0;
    background: #ede6f1 ;
}

#ChangePassword .select2-container--default .select2-selection--single .select2-selection__placeholder, #regForm .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #9f91a7 ;
}

#ChangePassword .select2-container--default .select2-selection--single .select2-selection__arrow b, #regForm .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #9f91a7 transparent transparent;
}

#ChangePassword .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b ,#regForm .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #9f91a7;
}

#ChangePassword input::placeholder, #regForm input::placeholder {
  color: #b7b7b7;
}

#ChangePassword label.error,#regForm label.error {
    color: #a94442;
}

/* Contact Us - Call Out */
#hbl-live-chat-wrapper #olark-wrapper .olark-launch-button {
    background-color: #9064a1!important;
}

#hbl-live-chat-wrapper .olark-launch-button .olark-button-text{
	font-family: "ProximaNova", sans-serif!important;
	font-weight: 500!important;
	text-transform: uppercase!important;
	letter-spacing:1px!important;
}

#hbl-live-chat-wrapper #hbl-live-chat-wrapper #olark-wrapper .olark-top-bar {
    background-color: #9064a1!important;
    color: #ffffff !important;
    border-color: #9064a1!important;
    text-transform: uppercase!important;
}

#hbl-live-chat-wrapper #hbl-live-chat-wrapper #olark-wrapper .olark-top-bar-text {
    color: #ffffff !important;
    font-size: 14px!important;
    text-transform: uppercase!important;
    letter-spacing: 1px!important;
}


#olark-wrapper #olark-container .olark-top-bar {
    background-color: #9064a1 !important;
    border-color: #9064a1 !important;
}


.input-group .btn {
    line-height: 24px!important;
}

/* -- ui Picker --*/

.ui-datepicker-title {
    font-family: "ProximaNova", sans-serif;
    color: #8f64a1;
}

.ui-datepicker td a:hover {
    background: #8f64a1;
    color: #fff;
}

.ui-datepicker-prev:hover,.ui-datepicker-next:hover {
    background-color: #8f64a1;
}

.ui-datepicker th,.ui-datepicker td a{
    font-family: "ProximaNova", sans-serif;
}

#modalVendorStatus .bg-primary {
    background: #fff;
}

/* inspection */

.nav-bracket .children .ztree li.active > a {
    /*color: #fff;*/
    height:initial;
}

.ztree{
    margin: 0;
    padding: 0;
}

.ztree * {
    font-family: "ProximaNova", sans-serif;
    padding: initial;
    margin: initial;
    font-size: initial;
}

.nav-bracket .children .ztree a{
    color: #fff;
    display: block;
    width: 100%;
    position: relative;
    padding: 7px 10px;
    font-size: 15px;
    min-height: 100%;
    height: auto;
    font-weight: 400;
    font-style: normal;
    line-height: 26px;
}
.nav-bracket .children .ztree a:hover{
background-color: #9064a1;
}

/*modal heading  Override */

.modal-body h5{
    font-size:20px;
    line-height:26px;       
    font-family: 'ProximaNovaSemibold';             
}
.modal-body h6{
    font-size:18px;
    line-height:22px;
    color:#000;
    font-family: 'ProximaNovaSemibold'; 
}


.bootbox.modal .btn-default {
    background: #fff!important;
    border: 1px solid #ccc!important;
    color: #666!important;
}

.mbox-button.mbox-ok-button.btn.light-blue.darken-2{
    background-color: #9064a1 !important;
    border-color: #9064a1 !important;
}

.modal-iframe .pageheader{
	padding:15px;
	background-color:#fff;
}


/* to mark datatable row as error with red border */
tr.red-bordered{
	outline: 1px solid #ff000063 ;
	box-shadow: 1px 1px 3px 0px #ff000063   ;
}

/*bg-img modal*/
.user-suppliers .signinpanel.bg-img {
    z-index: unset;
}
.user-suppliers .signinpanel.bg-img:before {
    z-index: 0;
}
#homepage .bg-img{
  z-index: unset;
}
#homepage .bg-img:before{
  z-index: 0;
}

/*start read more*/
.morecontent span {
    display: none;
}
.morelink {
    display: inline-block;
}
/*end read more*/

/*start insurance new design for mobile*/
.insurance-mobile .panel-heading > a {
  display: block;
  position: relative;
  text-decoration: none;
  color: #636e7b;
  padding-bottom: 0px;
}
.insurance-mobile .panel-body > h4 {
    font-size: 16px;
}
.insurance-mobile .panel-heading > a:hover{
  color: #636e7b;
}
.insurance-mobile .panel-heading > a:after {
  font-family: 'FontAwesome' !important;
  content: "\f0d7" !important; 
  font-size: 20px;
  color: #9064a3;
  line-height: 20px;
  margin: 2px 0px;
  position: absolute;
  right: 7px;
  top: calc(50% - 10px);
}
.insurance-mobile .panel-heading > a.collapsed:after {
  font-family: 'FontAwesome' !important;
  content: "\f0da" !important; 
}
.insurance-mobile .panel {
  border-radius: 12px !important;
  padding: 8px 8px;
  margin-bottom: 20px;
  box-shadow: 2px 2px 12px 2px #e6e6e6;
  background:#fff;
  border: 1px solid #e3e3e3;
}
.insurance-mobile .panel-body {
  border-top: 0px solid #fff !important;
  padding: 0px 12px 15px;
}
.insurance-mobile .panel-heading {
  background: #fff;
  border-radius: 12px;
}
.insurance-mobile .panel-group-innner-1 {
  background: #f5f5f5;
  margin-bottom: 0px;
}
.panel-group.panel-group-innner-1 .panel-heading a {
    padding: 0px;
}
.insurance-mobile .panel-group-innner-1 .panel .panel-heading {
  background: #f5f5f5;
  border-radius: unset;
  padding: 12px 8px;
}
.insurance-mobile .panel-group-innner-1 .panel-body {
  padding: 8px 8px 0px;
  font-size: 13px;
}
.insurance-mobile .panel-group-innner-1 .panel {
  border-radius: unset !important;
  background: #f5f5f5;
  border-bottom: 1px solid #dadada;
  border-top: none;
  border-left: none;
  border-right: none;
  box-shadow: none;
  margin: 0px 6px;
  padding: 0px;
}
.insurance-mobile .panel-group-innner-1 .panel:last-child{
  border-bottom: 0px solid #dadada;
}
.insurance-mobile .panel-group-innner-1 .panel-body tr th, .insurance-mobile .panel-group-innner-1 .panel-body tr td {
  border-bottom: 0px solid #fff;
  border-top: 0px solid #fff;
}
.square{
  width:8px;
  height: 8px;
  display: inline-block;
}
.green{
  background: #28a547;
}
.insurance-mobile .bg-success{
  background: #28a547;
}
.red{
  background: #dc3545;
}
.yellow{
  background: #ffd700;
}
.insurance-mobile .panel-group.panel-group-innner-1 .panel-title a.collapsed {
    background-color: #f5f5f5;
}
.text-truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 140px;
    display: inline-block;
    vertical-align: bottom;
}
.font-bold{
  font-weight:bold;
}
.insurance-head-sec{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.insurance-head-sec .h4 {
    font-size: 17px !important;
}
.insurance-head-sec button.btn.btn-white {
    height: 35px;
}
.insurance-mobile .panel-transparent {
    background: transparent;
    box-shadow: none;
    border-radius: 0px !important;
}
.insurance-mobile #property-insurance .property-insurance-content {
    border-bottom: 1px solid #dcdcdc;
}
.insurance-mobile #property-insurance .property-insurance-content:last-child{
    border-bottom: 0px solid #dcdcdc;
    margin-bottom: 0px;
}
.insurance-mobile .panel-transparent .panel-heading {
  background: transparent;
  padding: 0px;
  border: none;
}
.insurance-mobile .panel-heading .text-success{
 color:#28a547 !important;
}
.text-success{
 color:#28a547 !important;
}
.insurance-mobile .panel-heading label.text-success {
    color: #28a547 !important;
}
.insurance-mobile .panel-heading-text {
    display: flex;
}
.insurance-mobile .panel-heading-text {
    display: flex;
    width: 86%;
}
.line-height-1{
  line-height: 22px;
}
.panel-body.panel-body-innner table tr td, .panel-body.panel-body-innner table tr th {
    border-bottom: 0px solid #fff;
    border-top: 0px solid #fff;
}
.insurance-mobile .panel-body.panel-body-innner {
    padding: 5px;
}
.insurance-mobile .property-details {
    background: #fafafa;
    margin-bottom: 15px;
    padding: 5px;
}
.insurance-mobile .panel-head-1 {
    width: 80%;
    display: inline-block;
}
.panel-body.panel-body-innner{
   background: #f5f5f5;
}
.insurance-mobile{
line-height:20px;
}
.insurance-mobile table.table{
   font-size: 12px;
}
.font-medium{
    font-family: 'ProximaNovaMedium', sans-serif;
}
.panel-group-innner-1 table tr td .data_parent,  .panel-group-innner-1 table tr td .data_parent label{
    color: #151515;
}
.panel-body.panel-body-innner table tr td{
 color: #151515;
}
.insurance-mobile .truncate-text {
	overflow: hidden;
    text-overflow: ellipsis;
    /* width: 250px; */
    padding-right: 40px;
    vertical-align: bottom;
    height: 40px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.panel.panel-custome {
    background: transparent;
    box-shadow: none;
    border: none;
    padding:0px;
}
.panel.panel-custome .panel-heading{
    background: transparent;
    border: none;
    padding: 6px 0px 16px 2px;
}
.insurance-mobile .panel-custome #property-insurance  .panel-body{
   padding: 0px 8px 0px !important;
   background:#fff;
   border-radius: 12px !important;
   box-shadow: 2px 2px 12px 2px #e6e6e6;
   border: 1px solid #e3e3e3;
}
.panel-custome .property-insurance{
  margin-bottom:10px;
}
.mobile-app .panel-vendorshield .panel-heading {
    background: transparent;
    padding: 2px 0px 12px;
    border: none;
}
.mobile-app .panel-vendorshield .table>tbody>tr:first-child>td {
    border-top: 0px solid #fff;
}
.mobile-app .panel-vendorshield table#table1{
   margin-bottom:0px;
}
.mobile-app .panel-vendorshield .panel-heading .panel-title {
    font-size: 18px;
}
.mobile-app .panel.panel-default.panel-vendorshield {
    border: none;
    background: none;
    margin-bottom: 22px;
}
.mobile-app .panel.panel-default.panel-vendorshield .panel-body {
    background: #fcfcfc;
    border: 1px solid #e9ecef;
}
.mobile-app .panel-vendorshield .table>thead>tr>th {
    border-top: 0px solid #fff;
    border-bottom: 1px solid #ddd;
}
.insurance-mobile div#property-insurance.collapse {
    display: block;
}
.insurance-mobile .panel.panel-custome .panel-heading h2.h4 {
    font-size: 17px;
}
.panel-body.panel-status-body {
    padding: 4px 20px;
}
.panel-vendorshield table tr th:nth-child(n+3), .panel-vendorshield table tr td:nth-child(n+3) {
    width: 15%;
}
.mobile-app .panel-status-body td.text-c .badge {
    margin: 4px 4px 6px 0px;
}
.mobile-app .basic-wizard .nav li a {
    border-right: 0;
    border-bottom: 0px solid #fff;
    opacity: 1;
    background: transparent;
    padding: 8px 15px 4px 6px;
    margin: 0px 0px 0px 6px;
}
.mobile-app .panel-body.faq-body {
    padding: 0px 10px 10px;
}
.mobile-app .faq-body #vcFaqTab .panel-heading {
    position: relative;
}
@media screen and (max-width: 767px) {
.mobile-app div#validationWizard ul li a h5 i {
    display: none;
}
.mobile-app .faq-body .basic-wizard .tab-content {
    background: transparent;
    padding: 0px;
}
.panel-vendorshield table tr th:nth-child(n+3), .panel-vendorshield table tr td:nth-child(n+3) {
    width: 84px;
}

.mobile-app .faq-body #vcFaqTab .panel-heading .panel-title a.collapsed:after{
    font-family: 'FontAwesome' !important;
    content: "\f0da" !important;
    color: #9064a3;
    position: absolute;
    top:10px;
    right: 9px;
    margin: 4px 0px;
   font-size: 20px;
}

.mobile-app .faq-body #vcFaqTab .panel-heading .panel-title a:after{
    font-family: 'FontAwesome' !important;
    content: "\f0d7" !important;
    color: #9064a3;
    position: absolute;
    top:10px;
    right: 12px;
    margin: 4px 0px;
    font-size: 20px;
}
.mobile-app .faq-body #vcFaqTab .panel-group .panel-title a{
    padding: 14px 40px 14px 15px;
    color: #333;
    text-align: justify;
}
.mobile-app .faq-body #vcFaqTab .panel-group .panel-body{
    background: #fff;
}
 .mobile-app .panel.panel-default.panel-vendorshield .panel-body {
    background: #fff;
    padding: 2px 14px 4px;
 }
.mobile-app .panel.panel-default.panel-vendorshield .panel-body.panel-status-body {
   padding: 2px 14px 4px 0px;
}
.mobile-app .panel-vendorshield .panel-heading .panel-title {
    font-size: 17px;
}
.mobile-app .panel-vendorshield .table .dtComplianceDate span.text-muted {
    color: #636e7b;
}
.insurance-mobile .panel-custome .panel-heading > a:after{
   content: none !important;
}
.mobile-app .panel-vendorshield .panel-body.panel-status-body {
    background: transparent !important;
    border: none !important;
}
.mobile-app .panel-vendorshield .input-group h4.overall-status-text {
    margin: -2px 0px 0px;
    font-size: 17px;
}
}
@media screen and (max-width: 450px) {
 span.active.m-l-lg {
    margin-left: 10px;
 }
.insurance-mobile .panel-body {
  padding: 0px 8px 15px;
}
.insurance-mobile h4.panel-title > a{
    padding: 14px 8px 0px;
}
.insurance-mobile .square{
  margin-left:0px;
}

}

/*End insurance new design for mobile */

/*start timeline*/
.see-milestone .popup-window,
.action-link {
	display: inline-block;
}
.milestone-mobile{
display : inline-block;
}
.see-milestone .popover.fade.in .popover-content {
    padding: 0px 10px 8px 18px ;
    margin-bottom:6px;
}
.see-milestone ul.timeline > li:first-child {
    margin-top: 2px;
}   
.see-milestone.milestone-mobile .popover.top>.arrow{
    top:auto !important;
}
.see-milestone .popover .popover-content .loading {
    padding-left: 3px;
}

ul.timeline {
  list-style-type: none;
  position: relative;
}
ul.timeline:before {
  content: ' ';
  background: #d4d9df;
  display: inline-block;
  position: absolute;
  left: 16px;
  width: 2px;
  height: 100%;
  z-index: 400;
  top:6px;
}
ul.timeline > li {
  padding: 0px 14px 0px 8px;
}
.milestone-mobile ul.timeline {
    display: block !important;
}
ul.timeline > li > h4{
  font-size: 15px;
}
ul.timeline > li:before {
  content: ' ';
  background: white;
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  border: 3px solid #22c0e8;
  left: -2px;
  width: 38px;
  height: 38px;
  z-index: 400;
}

ul.timeline > li.approved:before {
  content: '\f087';
  background: #27a748;
  display: inline-block;
  border: 3px solid #fff;
  font-family: 'FontAwesome';
  padding: 0px 10px;
  color:#fff;
  line-height: 33px;
}
ul.timeline > li.payment-made:before {
  content: '\f00c';
  background: #fec009;
  display: inline-block;
  border: 3px solid #fff;
  font-family: 'FontAwesome';
  padding: 0px 10px;
  color:#fff;
  line-height: 33px;
}
ul.timeline > li.payment-applied:before {
  content: '\f14b';
  background: #edb000;
  display: inline-block;
  border: 3px solid #fff;
  font-family: 'FontAwesome';
  padding: 0px 10px;
  color:#fff;
  line-height: 33px;
}
.see-milestone .popover-title {
  background-color: transparent;
  border-bottom: 0px solid #fff;
}
.see-milestone .popover {
    max-width: 350px;
    padding: 10px 0px 0px;
    border-radius: 8px;
    border: 1px solid #dedede;
    width: 350px;
   font-size:13px;
}
.see-milestone .popover-content {
  padding: 0px 14px 0px;
  overflow-y: auto;
  max-height:420px;
  height:auto;

}
.see-milestone .popover-title {
  padding: 6px 0px 8px 18px;
  font-size: 17px;
}
img.timeline-svg{
    height: 16px;
    width: 16px;
}
.divider{
 width:4px;
 height:4px;
 border-radius:50%;
 display:inline-block;
 background: #636e7b;
 vertical-align: middle;
}
@media screen and (max-width: 767px) {
   .see-milestone .popover {
     margin:-10px 4px;
   }
.table.dataTable tr.child td .see-milestone ul.timeline li:nth-child(1){
    display: block !important;
}
.milestone-mobile .popover.fade.in .popover-content {
    padding: 0px 10px 10px 15px !important;
    margin-bottom:6px;
}
.milestone-mobile ul.timeline > li {
  padding: 0px 10px 0px 50px !important;
  border-bottom: 0px solid #efefef !important;
}
.milestone-mobile ul.timeline > li:first-child {
   margin-top: 2px !important;
}
.mobile-app #invModal ul.nav-justified > li{
    margin: 0px 0px 5px 20px;
}
}
@media screen and (max-width: 420px) {
  .see-milestone .popover {
    max-width: 100%;
    padding: 13px 0px 0px;
    border-radius: 8px;
    border: 1px solid #dedede;
    width: 100%;
 }

}
/*End timeline */
/*start Read more css*/
    .readmore.showlesscontent .SecSec,
    .readmore.showlesscontent .readLessLnk {
        display: none;
    }

    .readmore.showmorecontent .readMoreLnk {
        display: none;
    }

    .readmore .readMoreLnk,
    .readmore .readLessLnk {
        margin-left: 2px;
        cursor: pointer;
        color: #7e558f;
    }

    .addReadMoreWrapTxt.showmorecontent .SecSec,
    .addReadMoreWrapTxt.showmorecontent .readLessLnk {
        display: block;
    }
ul.readmore.showlesscontent {
    padding: 0px;
}
ul.readmore.showmorecontent {
    padding: 0px;
}
/*end  Read more css*/


/** Remove olark help popup branding URL css */
#olark-container .olark-branding-link {
    display: none !important;
}
/* end  remove olark help popup branding URL css*/

/*start Loading css*/
.loading:after {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  -webkit-animation: ellipsis steps(4,end) 900ms infinite;      
  animation: ellipsis steps(4,end) 900ms infinite;
  content: "......"; /* ascii code for the ellipsis character */
  width: 0px;
}
.popup-content.loading-text .loading {
    font-size: 18px;
    margin-left:4px;
}
@keyframes ellipsis {
  to {
    width: 1.25em;    
  }
}

@-webkit-keyframes ellipsis {
  to {
    width: 1.25em;    
  }
}
/*End Loading css*/

/*start Vendor profile*/
.mobile-app .vendor-info-copy-btn .iconm-copy{
  display:none;
}
.mobile-app .panel-vendorshield  td.uploadDocument{
    text-align:left !important;
}
.mobile-app #documents .filemanager .fm-group {
    display: block !important;
}
.mobile-app #documents  .filemanager .thmb .ckbox.ckbox-default{
  display: block !important;
  left: 12px;
}
.insurancePanel #doNotCarryDiv .form-group-insurance-checkbox {
    padding: 0px 16px;
}
a.panel-insurance-text{
 display:block;
 margin:16px 0px;
}
/*start Vendor agreement*/
.mobile-app .tab-content.vcagreementtab-content {
   padding: 10px 6px 6px;
   box-shadow: none;
}
/* .mainpanel.vendoragrrementsign-modal {
    margin: 15px 18px 15px 20px !important;
} */

/*end Vendor agreement*/

@media screen and (max-width: 768px) {
.mobile-app .text-limit{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
    display: block;
}
.mobile-app #documentsDiv .panel-body.filemanager {
    margin: 0px 3px;
}
.mobile-app .vendor-profile-mobile-app #tabPrincipal .panel-body .results-list .media {
    padding: 0px !important;
}
.mobile-app #tabPrincipal .panel-body {
    padding: 2px 0px  !important;
}
.mb-none{
  margin-bottom:0px;
}
.text-right-sm{
  text-align:right;
}
.mobile-app div#market {
    margin: 0px;
    padding: 10px 0px 0px;
    background: transparent;

}
.text-dark-xs{
 color:#000;
}
/*
.mobile-app #review .panel-group .panel-title a.collapsed:after {
    font-family: 'FontAwesome' !important;
    content: "\f0da" !important;
    color: #9064a3;
    font-size: 18px;
}
.mobile-app #review .panel-group .panel-title a:after {
    font-family: 'FontAwesome' !important;
    content: "\f0d7" !important;
    color: #9064a3;
    font-size: 18px;
}
*/
.mobile-app #review .panel-collapse.review-panel-collapse .panel-body {
    padding: 15px 26px 15px;
}
.mobile-app #review .panel-collapse .panel-body {
    padding: 15px 18px 15px 18px;
}
.mobile-app #review #contactsDiv .results-list .media {
    padding: 0px;
    background: transparent;
}
.mobile-app #review .panel-collapse {
    padding: 0px 0px;
    background: #fff;
}

.mobile-app #review .panel-footer {
    padding: 0px;
}
.mobile-app #review .results-list {
    padding: 0px;
}
.mobile-app #review  .results-list .media {
    padding: 8px 30px 10px 18px;
}
.mobile-app #review ol.ol-vendor-info {
    padding: 0px 0px 0px 15px;
}
.mobile-app div#agreement div#venAgrDiv {
    padding: 0px;
}
.mobile-app .tab-content.vcagreementtab-content {
    padding: 20px 24px 8px;
}
.mobile-app div#agreement div#venAgrDiv button.btn {
    margin: 20px 0px 12px;
}
.mobile-app #venAgrDiv .columnwidth100 .control-label-mobile {
    display: none;
}
.mobile-app div#agreement .panel-heading {
    padding: 7px 10px 0px;
    border: 0px;
}
.mobile-app .tab-content {
    background: #fff;
}
 .mobile-app #ServiceType .servicetype-sec .tab-content{
    padding: 4px 0px;
  }
  .mobile-app #ServiceType .servicetype-sec .dataTables_wrapper{
    margin-bottom: 0px;
  }
  .mobile-app #ServiceType .servicetype-sec .dataTables_wrapper .table{
    margin-bottom: 0px;
  }
  .mobile-app #ServiceType .servicetype-sec .dataTables_wrapper table tr th a i + span {
    display: none;
  }
  .mobile-app #ServiceType .servicetype-sec .dataTables_wrapper table tr th a i.fa.fa-plus:before{
    line-height: 15px;
    font-family: 'FontAwesome' !important;
    content: "\f0da" !important;
    color: #9064a3;
    font-size: 18px;
 }
 .mobile-app #ServiceType .servicetype-sec .dataTables_wrapper table tr th a i.fa.fa-minus:before{
     line-height: 15px;
    font-family: 'FontAwesome' !important;
    content: "\f0d7" !important;
    color: #9064a3;
    font-size: 18px;
 }
.mobile-app #ServiceType .panel-footer {
    padding: 0px 16px 20px 6px !important;
}
.mobile-app .servicetype-sec .ckbox label:before{
    width: 16px;
    height: 16px;
}
.mobile-app .p-none-mobile{
  padding: 0 !important;
}
.mobile-app #ServiceType .servicetype-sec  .p-none-mobile > .table-responsive:first-child{
    margin:15px 0px 0px 0px !important;
}
.mobile-app #ServiceType .servicetype-sec .dataTables_wrapper .ckbox.ckbox-primary {
      margin-left: 0px !important;
      display: inline-flex;
}
.mobile-app #ServiceType .servicetype-sec table tr th{
	padding: 15px;
}

.mobile-app #ServiceType .servicetype-sec table tbody td{
	padding: 15px;
}

/*
.mobile-app #ServiceType .servicetype-sec table tr th {
    padding-left: 0px;
    display: flex;
    width: 100% !important;
    justify-content: space-between;
    padding-bottom:12px;
}

.mobile-app #ServiceType .servicetype-sec .table-responsive {
    margin-bottom: 8px;
}*/
.mobile-app #ServiceType .servicetype-sec div#subtypetables_filter {
    margin-bottom: 20px !important;
}
.mobile-app #ServiceType .servicetype-sec .dataTables_wrapper .collapse-link{
  padding-right: 2px;
}
.mobile-app #ServiceType .servicetype-sec {
    margin: 0px;
    padding: 0px;
    background: transparent;
}
.mobile-app #ServiceType .ckbox input[type="checkbox"]:checked + label::after{
    top: 2px;
    left: 3px;
}
.mobile-app #category .panel-body {
    padding: 15px 0px 0px 0px;
}
.mobile-app #category .ckbox.ckbox-primary {
    display: flex;
    justify-content: start;
}
#market th.sorting_asc{
 background-image: none;
 display: inherit;
 border-bottom: 0px solid #fff;

}
.mobile-app #market th.sorting_desc{
 background-image: none;
 display: inherit;
 border-bottom: 0px solid #fff;
}

.mobile-app #market th.sorting_asc:before {
    font-family: 'FontAwesome' !important;
    content: "\f0dc" !important;
    color: #9064a3;
    font-size: 16px;
    float:right;
    padding: 0px 10px 10px;
    line-height: 15px;
}
.mobile-app #market th.sorting_desc:before {
    font-family: 'FontAwesome' !important;
    content: "\f0dc" !important;
    color: #9064a3;
    font-size: 16px;
    background-image: none;
    float:right;
    padding: 0px 10px 10px;
    line-height: 20px;
}
.mobile-app .edit-contact-btn {
    margin-top: 10px;
}
.mobile-app #contacts .panel-body{
  padding:12px 0px;
}
.mobile-app div#contacts {
    padding: 0px 15px;
}
.mobile-app #contacts .panel-body .results-list{
  padding:0px;
}
.mobile-app #contacts .panel-body .results-list .media{
  padding:0px;
}
.mobile-app #contacts button.btn-contact{
  margin-bottom:12px;
}
.mobile-app #contacts .panel-body .results-list .media-body{
  padding: 4px 20px 20px;
}
.mobile-app .license {
    padding: 0px 0px;
    background: transparent;
}
.mobile-app .license .nolicense {
    padding: 0px 16px;
}
.mobile-app .license .nolicense .ckbox.ckbox-primary{
    padding : 0px 0px 6px 0px;
    margin-top:10px;
}
.mobile-app .license .licenseExpiryDateNotApplicable{
} 
.mobile-app .license .panel-body {
    padding: 15px 2px;
}
.mobile-app #documents .panel-body{
  padding:12px 0px;
}
.mobile-app #documents .panel-files{
    padding: 0px 4px;
    background: transparent;
    margin:0px;
}
/*
#producerinfo button#btnAddItem{
    width: auto;
    margin-left: -48px;
}
#producerinfo button#btnAddItem_wcel {
    width: auto;
    margin-left: -48px;
}

div#producerinfo .panel-heading {
    padding: 20px 0px 15px 10px;
}
*/
.mobile-app .basic-wizard.vendor-profile-mobile-app .nav li a{
   margin: 0px 0px 0px 6px;
   padding: 8px 15px 4px 0px;
}
.mobile-app .vendor-profile-mobile-app .customizedVendorInfo div#divUploadLogo {
    margin-top: 10px;
}
.mobile-app .vendor-profile-mobile-app ul.pager.wizard {
    /*margin: 8px 0px 0px !important;
   padding: 16px 6px 0px !important;*/
    border: 0px;
}
.mobile-app div#validationWizard.vendor-profile-mobile-app ul li a h5 i {
    display: none;
}
   .mobile-app ul.nav.nav-pills > li.active > a, .mobile-app ul.nav.nav-pills > li.active > a:hover, .mobile-app ul.nav.nav-pills > li.active > a:focus{
       background: transparent !important;
   }
   .mobile-app ul.nav.nav-pills>li.active>a, .mobile-app ul.nav.nav-pills>li.active>a:hover, .mobile-app ul.nav.nav-pills>li.active>a:focus{
      background: transparent !important;
      color: #000 !important;
      cursor: default;
   }
   .mobile-app  ul.nav.nav-pills > li > a:hover,  .mobile-app  ul.nav.nav-pills > li > a:hover, .mobile-app  ul.nav.nav-pills > li > a:focus{
      background: transparent !important;
      color: #333 !important;
   }
   .mobile-app  li.active a {
      border-bottom: 2px solid #9064a1 ;
   }
   .mobile-app li a {
      border-bottom: 2px solid transparent;
   }
  .mobile-app .basic-wizard .nav li a{
    border-bottom: 2px solid transparent !important;
   }

   .mobile-app .basic-wizard .nav li.active a, .mobile-app .basic-wizard .nav li.active a:focus, .mobile-app .basic-wizard .nav li.active a:active{
      background: transparent !important;
      color: #000 !important;
      border-bottom: 2px solid #9064a1 !important;
  }
.mobile-app .tab-content.vendor-info-tab-content {
    padding: 15px 10px;
}
.mobile-app .vendor-info-tab-content .form-group.other-info-group {
    margin:10px 0px !important;
}
/*
   .mobile-app #review .panel-body{
    padding:12px 1px 0px 1px;
   }
*/
   .mobile-app table.table-hidaction{
      border: 0px solid #ddd;
   }
   .mobile-app .table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
      border-left: 0px solid #ddd;
      border-right: 0px solid #ddd;
      border-top: 0px solid #ddd;
      border-bottom: 1px solid #ddd;
   }
  .mobile-app  table.table-bordered tr:last-child td {
      border-bottom: 0px solid #fff !important;
   }
   .mobile-app .table-responsive{
      border: 0px solid #ddd;
   }
   .mobile-app table tr.odd.parent td{
      border-bottom: 0px solid #fff;
      background: transparent;
   }
   .mobile-app table tr.even.parent td{
      border-bottom: 0px solid #fff;
      background: transparent !important;
   }
   .mobile-app tr.even.parent + tr.child td {
      background: #fff;
    }
  .mobile-app tr.odd.parent + tr.child td {
    background: #fff;
  }
  .mobile-app .table-striped>tbody>tr:nth-child(even)>td{
    background-color: #f5f5f5;
  }
.mobile-app .license .licenseExpiryDateNotApplicable{
   padding-left: 20px !important;
}
.mobile-app .table-email .media h4{
  font-size:13px;
}
.mobile-app .select2-container--default .select2-selection--single {
    
    height: 40px;
    padding: 10px 0px 10px 8px;
    border-radius:3px;
 }
 .mobile-app .select2-container--default .select2-selection--single .select2-selection__arrow{
    top: 5px;
 }
.mobile-app .vendor-profile-mobile-app .form-group.form-group-reporting {
    margin-top: 20px;
} 
.mobile-app ol.ol-vendor-info {
    padding: 0px 5px 0px 20px;
}
.mobile-app div#information .alert.alert-warning {
    margin: 8px 4px 16px;
}
.mobile-app div#validationWizard {
    padding: 10px 0px;
}
.mobile-app #complianceHistory .panel-body div#table1_wrapper{
    padding: 8px 10px 20px 10px !important;
}
.mobile-app #complianceHistory .panel-body{
    padding: 0px 6px !important;
}
.mobile-app #complianceHistory .panel .panel-heading{
   padding: 0px 0px 13px 3px;
}
.mobile-app #complianceHistory .panel .panel-footer{
   padding: 0px 0px 0px 3px;
}
.mobile-app  #complianceHistory .panel{
    border:0px solid #e9ecef !important;
    margin-bottom: 0px;
}
.mobile-app #review .panel-collapse .ckbox label {
    color: #636e7b;
}
.mobile-app #review .results-list .media-body span.text-muted {
    color: #636e7b;
}
.mobile-app #review .filemanager .thmb small.text-muted {
    color: #636e7b;
}
.mobile-app #review .panel-group .panel-title a:hover{
   color : #000;
}
.mobile-app #contacts .results-list .media-body span.text-muted{
   color: #636e7b;
}
.mobile-app #documents .m-t-md-md-up.p-md.bg-white{
    padding: 0px 15px 10px;
}
.mobile-app div#producerinfo .panel-body-insurance-info .panel {
    border: 0;
    margin-bottom: 0px !important;
}
/*
.mobile-app div#producerinfo .insurancePanelBody {
    background: transparent;
    padding: 0px;
}
.mobile-app div#producerinfo .panel-heading {
    padding: 4px 0px 30px !important;
}
.mobile-app #producerinfo .insurancePanel {
    padding-top: 10px;
}*/
.mobile-app #producerinfo .panel-footer{
    padding: 2px 4px;
}
.mobile-app .panel-body-insurance-info .fa-minus-square:before{
    line-height: 15px;
    font-family: 'FontAwesome' !important;
    content: "\f0d7" !important;
    color: #9064a3;
    font-size: 18px;
}
.mobile-app .panel-body-insurance-info .fa-plus-square:before{
    line-height: 15px;
    font-family: 'FontAwesome' !important;
    content: "\f0da" !important;
    color: #9064a3;
    font-size: 18px;
}
.mobile-app .insurancePanel .form-group.form-group-insurance-checkbox {
    margin-bottom: 0px;
}
/*
.mobile-app #producerinfo button#btnAddItem {
    margin-top: 10px !important;
    margin-bottom: 7px;
    margin-left: 0px;
}
.mobile-app #producerinfo button#btnAddItem_wcel {
    margin-top: 10px !important;
    margin-bottom: 7px;
    margin-left: 0px;
}
*/
.mobile-app a.panel-insurance-text{
 display:block;
 margin:16px 0px;
}
.mobile-app a.collapse-insurance .panelHeadingIcon {
    padding-right: 12px !important;
}
.mobile-app a.panel-insurance-text {
    display: inline;
    margin: 17px 0px;
}
.mobile-app .insurancePanel .panel-insurance-text .panel-title{
   padding-right:8px;
}
.mobile-app .pl-xs-only{
 padding-left: 10px !important;
}
.mobile-app #review #categoryDiv.panel .ckbox {
    display: flex;
}
.mobile-app #review #marketDiv .panel-collapse .ckbox label {
    margin-left: 3px !important;
}
.mobile-app .insurance-panel-group .panel-body{
    padding: 13px 0px !important;
}
.mobile-app .insurance-panel-group .panel-heading .panel-title{
    padding: 0px !important;
}
/*
.mobile-app #ServiceType .servicetype-sec .dataTables_wrapper table tr th .collapse-link > i{
    padding-right: 0px;
}
*/
.mobile-app .vendor-info-tab-content .pt-sm{
    margin-top:24px;
}
.mobile-app #property #propertyTable_wrapper .dt-body-center .ckbox{
    display:flex;
}
.mobile-app div#activeKYCEftDiv {
    padding: 0px 10px;
}
.mobile-app .white-space-normal{
  white-space: normal;
}
.mobile-app div#kyceft > .panel-heading {
    padding: 6px 10px;
}
.mobile-app div#producerinfo .panel-body.providerinfo-panel-body .panel-heading {
    padding: 20px 15px 18px !important;
}
.mobile-app div#producerinfo .panel-body.providerinfo-panel-body .panel-heading i.fa.fa-minus:before{
    position: relative;
    top: -5px;
}
.mobile-app div#producerinfo .panel-body.providerinfo-panel-body .panel-heading i.fa.fa-plus:before{
    position: relative;
    top: -5px;
}
         .mainpanel.vendoragrrementsign-modal {
            overflow-y: scroll;
            /*height: 855px !important;
            max-height: 855px !important;*/
			max-height: 96vh !important;
            min-height: auto;
        }
		/*
          .mainpanel.vendoragrrementsign-modal .d-flex-sm{
            display: flex;
            flex-direction: column;
        }
         .vendoragrrementsign-modal .contentpanel{
            padding : 10px 20px 20px;
        } */
.mobile-app .vendor-profile-mobile-app div#tabPrincipal {
    padding-bottom: 20px;
}
.tab-principal-sec .panel-body {
    padding: 10px 0px !important;
}
.tab-principal-sec .text-dark-xs{
 color:#000;
}
}




@media screen and (max-width: 767px) {
.mobile-app .supplierField .edit-control-div {
    display: flex;
}
.mobile-app .btn-edit {
    margin: 1px 0px 0px 10px !important;
}
 .mobile-app .vendor-info-copy-btn .btn-copy-text{
    display:none;
 }
.mobile-app .vendor-info-copy-btn .iconm-copy {
    display: block;
    line-height: 24px;
}
 .vendor-profile-mobile-app .tab-content {
    padding: 0px 10px !important;
  }
  .mobile-app .form-group.other-info-group {
    margin: 10px 0px 10px !important;
  }
 .mobile-app #ServiceType .servicetype-sec {
    margin: 0px;
    padding: 0px;
    background: transparent;
  }
.mobile-app ul.ul-inner-info {
    padding: 0px 0px 5px 15px;
}
.mobile-app #market div#table1_wrapper {
    margin-bottom: 4px;
}
.mobile-app #documents .panel-body{
  padding:12px 0px;
}
.mobile-app #documents .panel-files{
    padding: 0px 4px;
    background: transparent;
    margin:0px;
}
.mobile-app #property .ckbox label:before{
    width: 16px;
    height: 16px;
}
.mobile-app div#property {
    padding: 10px 15px 3px 15px;
}
div#property table.dataTable tr.child td {
    padding: 6px 0px !important;
}
.mobile-app div#agreement .panel-heading {
    background: transparent;
    border: 0px;
}
.mobile-app #information .panel-heading {
    background: transparent;
    border: 0px solid #fff;
    padding: 0px 10px;
    text-align: right;
}
.mobile-app .vendor-profile-mobile-app .content-box-gray .title {
        margin: 0px 8px;
}
.mobile-app .p-l-none-xs-only {
    padding-left: 0px !important;
}
.mobile-app #property .ckbox input[type="checkbox"]:checked + label::after{
    top: 2px;
    left: 3px;
}
.mobile-app .d-inline-flex-mobile {
    display: inline-flex;
}
.mobile-app .license {
    padding: 0px 0px;
    background: transparent;
}
.mobile-app .license .nolicense {
    padding: 0px 16px;
}
.mobile-app .license .nolicense .ckbox.ckbox-primary{
    padding : 0px 0px 6px 0px;
    margin-top:10px;
}
div#producerinfo .panel-heading {
    padding: 0px 20px;
}
.mobile-app .vendor-profile-mobile-app .customizedVendorInfo .control-label-mobile {
    display: none;
}
.mobile-app #copyCorporateModal .panel .panel-body{
    padding:0px;
}
.mobile-app #copyCorporateModal  .modal-dialog .modal-body{
    padding: 15px 0px 0px;
}
.mobile-app #copyCorporateModal .panel .panel-footer {
    padding: 20px 36px;
}
.mobile-app .vendor-profile-mobile-app .customizedVendorInfo .control-input-mobile {
    margin-top:22px;
}
.mobile-app.messagetab-wizard .table-email .media-meta {
    font-size: 13px !important;
}
.mobile-app.messagetab-wizard .media .media-meta label {
    margin-bottom: 0px !important;
}
.mobile-app #producerinfo .panel-body.panel-body-insurance-info {
    padding: 15px;
}
/*
.mobile-app div#producerinfo .panel-heading {
    padding: 1px 0px 7px !important;
}
*/
.mobile-app .license .licenseExpiryDateNotApplicable {
    padding-left: 0px !important;
    padding-top: 20px;
}
.mobile-app .license#documents .panel-body {
    padding: 12px 0px 0px;
}
.mobile-app .vendor-info-tab-content .control-label-custom{
  display:none;
}
.mobile-app .vendor-info-tab-content .h5.otherinfo-text {
    margin-top: 0px;
}
.mobile-app div#activeEftDiv.panel-body {
    padding: 12px 0px 0px !important;
}
/*
.mobile-app div#eft #validationWizard {
    margin: 0px 20px;
}
.mobile-app.domestic-EFT .EFT-tab-content {
    padding: 10px 0px 0px;
}
*/
.mobile-app .row.EFT-accounts-tab .tab-content {
    padding: 20px 26px 0px;
}

.mobile-app .EFT-tab-content div#eft > .panel-heading {
    padding: 8px 0px 15px 8px;
    border: 0px;
}
.mobile-app.domestic-EFT div#eft > .panel-heading {
    padding: 8px 24px 15px 8px;
    border: 0px;
}

.mobile-app .contact-AddEdit-content {
    padding: 10px;
}
.mobile-app .contact-AddEdit-content #contacts {
    padding: 0px;
}
.mobile-app .control-label-xs-none{
   height: 0px;
   margin: 0px;
   display: block;
}
.mobile-app .contact-AddEdit-content .form-group.mt15 {
    margin-top: 0px;
}
.mobile-app.domestic-EFT #eft .mp-none {
    padding: 0px 15px;
    margin: 0px;
}
.mobile-app .vendorkyceft div#InvalidTaxMsgDiv {
    display: inline-block;
    margin-top:10px;
}
.mobile-app .vendorkyceft .alert#tickerMessage {
    margin: 4px 8px 15px;
}
.mobile-app img.kyc-card {
    width: 50px;
}
.mobile-app #category .plr-sm{
   padding: 0px 15px
}
.mobile-app .tab-content.vendorkyceft {
    padding: 15px 12px 0px;
}
.mobile-app .btn-kyc-skip {
    margin-top: 10px;
}
span.card-text {
    padding-left: 14px;
}
ol.ol-alignment {
    padding: 0px 0px 0px 13px;
}
.compliance-payment span.cardDiv {
    display: block;
}
.compliance-payment .p-none-mobile{
    padding:0px;
}
.compliance-payment .mb20{
    margin-bottom: 0px;
}
.compliance-payment .border-none{
    border: 0px;
}
.compliance-payment div#table1_filter input {
    margin: 0px;
}
.compliance-payment div#payment {
    margin: 8px 0px;
}
.mobile-app .panel-body.providerinfo-panel-body {
    padding: 10px 0px;
}
.mobile-app div#producerinfo .panel-body.providerinfo-panel-body .panel-heading {
    padding: 8px 14px 20px !important;
}
.mobile-app div#producerinfo .panel-body.providerinfo-panel-body .panel-heading .fa.fa-minus-square:before{
    line-height: 15px;
    font-family: 'FontAwesome' !important;
    content: "\f0d7" !important;
    color: #9064a3;
    font-size: 18px;
}
.mobile-app div#producerinfo .panel-body.providerinfo-panel-body .panel-heading .fa.fa-plus-square:before{
    line-height: 15px;
    font-family: 'FontAwesome' !important;
    content: "\f0da" !important;
    color: #9064a3;
    font-size: 18px;
}
.mobile-app div#producerinfo .panel-body.providerinfo-panel-body .panel .panel-title{
    line-height: 20px;
}
.mobile-app #producerinfo .border-b-0-sm{
 border-bottom:0px solid #fff !important;
}
.mobile-app .m-b-sm-xs-only{
  margin-bottom: 10px !important;
}
.mobile-app #payment  .payment-heading{
    padding: 19px 15px 0px;
    background: transparent;
    border: 0px;
}
.mobile-app #payment .dataTables_wrapper{
   margin-bottom:0px;
 }
.mobile-app .panel-heading.p-l-none-xs-only.m-l-sm-xs-only {
    border: none;
}
 .mobile-app .panel-body-insurance-info .fa-plus-square:before {
    line-height: 25px;
 }
        .mobile-app .insurancePanel .panel-insurance-text .panel-title {
            display: inline-block;
            width: 92%;
            line-height: 18px;
         }
.mobile-app .panel-body-insurance-info .insurancePanel .panel-heading {
    background: transparent;
}
}

@media screen and (max-width: 420px) {
.mobile-app #documents .filemanager .document:nth-child(odd) {
    padding-right: 5px !important;
}
.mobile-app #documents .filemanager .document:nth-child(even) {
    padding-left: 5px !important;
}

.mobile-app #documents .filemanager .thmb{
    padding: 10px 8px !important;
}
.mobile-app #documents .filemanager .thmb .ckbox.ckbox-default {
    display: block !important;
    left: 10px;
}
}


/*end Vendor profile*/

/*start slim scroll*/
.see-milestone.milestone-mobile .popover-content::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.3);
	background-color: #f1f1f1;
}

.see-milestone.milestone-mobile .popover-content::-webkit-scrollbar
{
	width: 5px;
	background-color: #f1f1f1;
}

.see-milestone.milestone-mobile .popover-content::-webkit-scrollbar-thumb
{
	background-color: #c1c1c1;
}
/*end slim scroll*/

/*Css for property page */
@media screen and (min-width: 577px) {
	.vendor-profile-screen .dataTables_wrapper .dataTables_length {
		padding-left: 15px;
	}
}
@media screen and (max-width: 576px) {
	.vendor-profile-screen .dataTables_wrapper .dataTables_filter input {
		max-width: 150px;
	}
	.vendor-profile-screen .dataTables_wrapper .dt-buttons{
		display: none !important;
	}
	
}

.vendor-profile-screen .dataTables_filter[id$=_filter] {
    float: left !important;
}
.vendor-profile-screen .dataTables_wrapper .dataTables_length {
	float: right !important;
}

#propertyTable_wrapper .ckbox label{
    padding-left: 0px;
}
.vendor-profile-screen .table>thead>tr>th {
    border-bottom: 0px solid #ddd;
}
button.dt-button, div.dt-button, a.dt-button {
    margin-top: 0px !important;
}
.border-1{
	border: 1px solid #ddd !important;
}
.vendor-profile-screen .dataTables_info {
    float: right !important;
}
.vendor-profile-screen .dataTables_paginate {
    float: left !important;
    padding-bottom: 0px !important;
}
.vendor-profile-screen .dataTables_wrapper .dataTables_length .select2-container--default .select2-selection--single {
		height: 32px !important;
		padding: 5px 0px 5px 8px !important;
	}
.vendor-profile-screen .dataTables_wrapper .dataTables_length .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 32px !important;
	top: 0 !important;;
}
.mobile-app .basic-wizard .nav li a{
	margin: 0px !important;
}
.basic-wizard .nav li.active a, .basic-wizard .nav li.active a:focus, .basic-wizard .nav li.active a:active {
    background: #e9e7ea !important;
}
.justify-content-between{
    justify-content: space-between;
}
.col-padding{
	 padding-left: 15px !important;
	 padding-right: 15px !important;
}
.card {
    background: #fff;
    border: 1px solid #ddd;
    padding: 20px;
	
}
.insurancePanel{
	margin-bottom: -1px !important;
	background: #fcfcfc !important;
    border: 1px solid #e9ecef !important;
}
.basic-wizard .nav li.active a, .basic-wizard .nav li.active a:focus, .basic-wizard .nav li.active a:active {
    background: transparent !important;
    border-bottom: 2px solid #9064a1 !important;
}
.mobile-app.vendor-profile-screen div#validationWizard {
    padding: 0px !important;
}
@media screen and (max-width: 767px){
	form .form-group:last-child {
		margin-bottom: 10px !important;
	}
	.vendor-profile-mobile-app .tab-content {
		padding-top: 0px !important;
		padding-bottom: 15px !important;
	}
	.mobile-app div#producerinfo .panel-heading {
		padding: 15px 20px !important;
	}
	.mobile-app div#producerinfo .insurancePanelBody {
		background: transparent;
		padding: 15px 20px;
	}
	.mobile-app #producerinfo button#btnAddItem {
		margin-top: 0px !important;
		margin-bottom: 0px;
		margin-left: 0px;
	}
	.row.customizedVendorInfo #StateZip div{
	margin-bottom: 20px;
	}
	.float-right-sm{
		float: right;
	}
	.mobile-app #ServiceType .servicetype-sec table tbody td {
		padding: 10px 20px !important;
	}
	
	
}

.collapse-link{
	float: none !important;
	padding-right: 0px !important;
}


.mobile-app #ServiceType .servicetype-sec table tr th{
	padding: 20px;
}

.mobile-app #ServiceType .servicetype-sec table tbody td{
	padding: 20px;
}
.mobile-app #ServiceType .servicetype-sec table tr th .title{
	font-size: 15px;
    font-weight: 400;
    font-family: "ProximaNova", sans-serif;
}

.flex-wrap{
	flex-wrap: wrap;
}
.select2-container .select2-selection--single{
	height: 38px !important;
}
.accordion-heading {
    background-color: #fdfdfd !important;
    border-color: #e7e7e7 !important;
}
.panel-group .panel-title a{
	padding: 0px !important
}
.panel-group .panel-heading {
    padding: 20px !important;
}

.panel-btns a{
	margin-left: 0px !important;
	margin-right: 10px;
	float: none !important;
	color: #8f64a1 !important;
}
.panel-btns a i{
	font-size: 16px !important;
}
.filemanager .fm-title {
    margin-bottom: 0;
    word-break: break-word;
}
.panel-group .panel-title a.collapsed{
	background-color: inherit !important;
}
.nolicense > div.ckbox{
	width: auto !important;
    float: none !important;
}
.b-t-none{
	border-top: 0px solid !important;
}

.mainpanel .vendoragrrementsign-modal{
	min-height: unset !important:
}


.rp-custom-counter-ol {
	list-style: none;
	counter-reset: rp-custom-counter;
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
}
.rp-custom-counter-ol li {
    counter-increment: rp-custom-counter;
    display: flex;
    width: 100%;
    margin-bottom: 13px;
    align-items: center;
}
.rp-custom-counter-ol li::before {
    content: counter(rp-custom-counter);
    font-weight: 700;
    font-size: 20px;
    border-right: 3px solid #badfdb;
    padding: 8px 8px 8px 0;
    /* width: 30px; */
    margin-right: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-holder .btn {
    margin-bottom: 5px;
}

.fa-help-icon {
            font-size:20px !important;
			padding-left:5px;
			vertical-align: middle;
}
@media screen and (max-width: 992px) {
	.signup-logo-holder > div{
		width: 100%;
	}
	.innerpage-logo {   
		padding: 20px 0;
	}
	.signuppanel form{
		padding: 20px;
		margin: 0px !important;
	}
}

.mobile-app form .panel .panel-heading .panel-btns a i:before {
    color: #9064a1 !important;
    font-size: 18px !important;
}
.nav-bracket .children li{ 
    display: flex;
    justify-content: space-between;
	align-items: baseline;
}
.nav-bracket .children > li > a{
	display: flex;
    align-items: baseline;
}
.nav-bracket .children > li .fa { 
    color: #fff;
}

.nav-bracket .children .ztree a {
  display: inline-block !important;
}
.ztree li{
  display: block !important;
}