@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
/* Global Styles */

body {
    position: relative;
    height: 100%!important;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    background: #ccc;
    color: #222;
}

html {
    height: 100%!important;
    position: relative;
}

*:hover,
*:active,
*:focus {
    outline: none!important;
}


/* Typography */

p {
    display: block;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 22px;
    margin: 0px 0px 10px 0px;
    font-style: normal;
    white-space: normal;
}

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

h1 {
    font-size: 30px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 16px;
}

h4 {
    font-size: 14px;
}

h5 {
    font-size: 12px;
}

h6 {
    font-size: 10px;
}

h3,
h4,
h5 {
    font-weight: 600;
}
a {color: #3f4454;}
a:hover, a:focus {
	color:#363b4a;
  text-decoration: none;
}

.box{
	margin-bottom:25px;
}
.box-white{
	background:#fff;
	box-shadow:0 5px 5px -5px rgba(0, 0, 0, 0.1);
	margin-bottom:10px;
}
.center {
  float: none !important;
  margin: 0 auto;
}
.mandatory {color: #ff0000;}
.bg-gray{background:#eff1f7;}
.block{display:block;}
hr.sm{border-width:1px;margin:10px 0;border-color:#e4e8ed;}
hr.sm-m{margin:5px 0;}
.relative {position: relative;}
.m-0{margin:0;}
.m-10{margin:10px;}
.m-10-0{margin:10px 0;}
.m-t-0{margin-top:0;}
.m-t-5{margin-top:5px;}
.m-t-10{margin-top:10px !important;}
.m-b-0{margin-bottom:0 !important;}
.m-b-5{margin-bottom:5px;}
.m-b-10{margin-bottom:10px;}
.m-b-20{margin-bottom:20px;}
.m-b-25 {margin-bottom:25px;}
.p-20{padding:20px;}
.p-15{padding:15px;}
.p-10{padding:10px;}
.p-5{padding:5px;}
.p-b-0{padding-bottom:0px;}
.p-5-15{padding:5px 15px;}
.n-pd{padding:0 !important;}
.p-t-20{padding-top:20px;}
.p-t-10{padding-top:10px;}
.p-t-5{padding-top:5px;}
.p-lr-0{padding-left:0px;padding-right:0px;}
.p-lr-5{padding-left:5px;padding-right:5px;}
.p-lr-10{padding-left:10px;padding-right:10px;}
.p-lr-15{padding-left:15px;padding-right:15px;}
.p-lr-20{padding-left:20px;padding-right:20px;}
.p-b-5 {padding-bottom:5px !important;}
.p-f{padding-bottom:90px;}
.lr-20{margin-left:-20px;margin-right:-20px;}
.lr-r-15{margin-left:-15px;margin-right:-15px;}
.bg-white{background:#fff;}
.bg-grey{background:#E9EDF2;}
.bg-grey-dark{background: #dce1e7;}
.font-grey {color: #9699a4 !important;}
.font-grey-cascade {color: #9699a4 !important;}
.bdr-1 {border: 1px solid #eff1f7 !important;margin: 3px -12px;padding: 5px 0;}
.bdr-1:hover {border: 1px solid #eaeb27 !important;}
.bdr-1 .col-sm-3 {margin-left: -3px}
.bdr-l {border-left: 1px solid #d1d3d9 !important;}
.bdr-b {border-bottom: 1px solid #eff1f7 !important;}
.bdr-b2 {border-bottom: 2px solid #eff1f7 !important;}
.bdr {border: 1px solid #d1d3d9 !important;}
.bdr2 {border: 2px solid #d1d3d9 !important;}
.bdr-0 {border: 0px solid #d1d3d9 !important;}
.privilege label {margin-bottom: 0}
.shedow-none{box-shadow:none !important;}
.bdr-light {border: 1px solid #eff1f7 !important;}
.hover:hover {background-color:rgba(254,242,121,0.25)}
.label-normal label{font-weight:400;}
label .icon {font-size: 120%;vertical-align: middle;}

.btn-file {
  overflow: hidden;
  position: relative;
  vertical-align: middle;
}
.btn-file > input {
  cursor: pointer;
  direction: ltr;
  font-size: 23px;
  height: 100%;
  margin: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.haveApromocode, .textPrimary, .textPrimary:hover{
    color:blue;
}

.haveApromocode:hover{
    color: blue;
    text-decoration: underline;
}
.moveToright{
    float: right;
    width: 100%;
}
.packageTitle {
    font-size: x-large;
    margin: 5px;
}

.upgradeSolutionBtn{
    font-size: x-large;
}
.auto_saved {border-color: #22baa0;}

.header-checkbox{text-align:center;}
.header-checkbox.border-red{border-left: 8px solid red !important;}
.header-checkbox.border-green{border-left: 8px solid green !important;}
.header-checkbox.border-blue{border-left: 8px solid blue !important;}
.header-checkbox.border-black{border-left: 8px solid black !important;}

/* Used with standard dynamic views */
.view-layout>div>.row  {margin-left:5px;margin-right:5px;padding:5px}
.view-layout>div>.row label {margin-bottom:0}

.cke_editor *, .cke_skin_kama * {box-sizing: unset;}


.input-group-custom {position: relative;}
.input-addon {position: absolute;right: 8px;top: calc(50% - 10px);opacity:0.25;z-index:11;cursor:pointer;}
.input-group-custom.input-group .form-control:not(:first-child):not(:last-child),
.input-group-custom.input-group .form-control{border-radius:0 4px 4px 0}

.group-desc {
  background: #f2f5f5 none repeat scroll 0 0;
  border: 1px solid #e6e9e9;
  border-radius: 4px;
  color: #333333;
  font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
  font-size: 13px;
  line-height: 1.42857;
  margin: 0 0 10px;
  padding: 9.5px;
}

.box-header{margin-bottom:20px;}

.btn.btn-link.btn-lg i {font-size: 20px;}
.btn-link.black {color:#3F4454}
.form-control.sm{width:auto;}

.show-menu, .container, .content-wrap{overflow:hidden;}

/* Custom Badges */
.badge {
    -webkit-border-radius: 12px !important;
    -moz-border-radius: 12px !important;
    border-radius: 12px !important;
    border-radius: 0px;
    font-weight: 300;
    font-size: 11px !important;
    text-align: center;
    vertical-align: middle;
    line-height: 11px!important;
    height: 18px;
    padding: 3px 6px 3px 6px;
    text-shadow: none !important;
}

.badge.badge-roundless {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.badge.badge-default {
    background: #f1f1f1;
    color: #aaa;
}

.badge.badge-primary {
    background: #7a6fbe;
    color: #FFF;
}

.badge.badge-info {
    background: #12AFCB;
    color: #FFF;
}

.badge.badge-success {
    background: #BF1A24;
    color: #FFF;
}

.badge.badge-danger {
    background: #f25656;
    color: #FFF;
}

.badge.badge-warning {
    background: #f6d433;
    color: #FFF;
}

/* Messages */

.messages {
    max-height: 300px;
}

.messages li a {
    color: #bababa;
    font-size: 13px;
    padding-left: 15px;
    text-decoration: none;
    display: block;
    padding-top: 8px;
    padding-bottom: 8px;
    position: relative;
}

.messages li a:hover {
    background: #f7f7f7;
}

.messages li {
    border-bottom: 1px solid #f3f3f3;
}

.messages li a .msg-img {
    height: 100%;
    display: block;
    float: left;
    position: relative;
}

.online {
    position: absolute;
    top: 1px;
    right: 1px;
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid #FFF;
    background: #ccc;
}

.online.on {
    background: #44AEA1;
}

.online.off {
    background: #f3565d;
}

.messages li a img {
    width: 40px;
    height: 40px;
}

.messages li a .msg-name {
    display: block;
    font-size: 14px;
    color: #707070;
    padding: 0 0 0 10px;
    margin: 0px;
    float: left;
}

.messages li a .msg-text {
    display: block;
    width: 210px;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #a0a0a0;
    margin: 0px;
    float: left;
    padding: 0 0 0 10px;
}

.messages li a .msg-time {
    font-size: 11px;
    display: block;
    width: 210px;
    padding: 0 4px 0 8px;
    margin: 0px;
    float: right;
}


/* Tasks */

.tasks {
    max-height: 300px;
}

.tasks li a {
    color: #bababa;
    font-size: 13px;
    padding-left: 15px;
    text-decoration: none;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
}

.tasks li {
    border-bottom: 1px solid #f3f3f3;
}

.tasks li a:hover {
    background: #f7f7f7;
}

.task-icon.badge {
    height: 25px;
    width: 25px;
    display: block;
    float: left;
    position: relative;
    margin-right: 10px;
    padding-top: 6px;
}

.task-icon i {
    text-align: center;
    font-size: 12px;
}

.tasks li a .task-details {
    display: block;
    font-size: 13px;
    color: #868686;
    padding: 3px 0 0 0;
    margin: 0px;
    float: left;
    width: 148px;
}

.tasks li a .badge {
    margin: 0px;
    margin-right: 5px;
    max-width: 85px;
}

/* Page Content */

.page-content {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
    background: #f7f8f8;
    min-height: 100%;
}

.page-content.container {
    padding-left: 0px;
    padding-right: 0px;
}

/* Search */

.search-form {
    display: block;
    width: 100%;
    height: 60px;
    z-index: 99999;
    position: fixed;
    background: #fff;
    margin-top: -60px;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
}

.search-form .input-group {
    height: 60px;
}

.search-form .input-group input {
    color: #5f5f5f;
    border: none;
    box-shadow: none;
    border-radius: 0px;
    background: none;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    padding: 0 20px!important;
}

.search-form .input-group button,
.search-form .input-group button:hover,
.search-form .input-group button:focus {
    background: none;
    box-shadow: none;
    border: none;
    outline: none;
    color: #5f5f5f;
    font-size: 20px;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 46px;
}


/* Page Inner */

.page-inner {
	padding: 0 0 50px 0;
    background: #e9edf2 none repeat scroll 0 0;
    position: relative;
}

.page-header-fixed:not(.page-sidebar-fixed):not(.page-horizontal-bar) .page-inner {
	padding: 60px 0 50px 0;
}

.page-sidebar-fixed.page-header-fixed .page-inner {
	padding: 60px 0 50px 160px;
}
 /*Start:  Added from menu.css*/

.page-horizontal-bar.page-sidebar-fixed.page-header-fixed .page-inner {
	padding: 134px 0 50px 0;
}

.page-horizontal-bar.page-sidebar-fixed.page-header-fixed.compact-menu .page-inner {
  padding: 52px 0 50px 0;
}

.page-horizontal-bar.page-header-fixed .horizontal-bar {
    padding:0 !important;
}


@media (min-width: 768px) {
    .page-sidebar-fixed.page-horizontal-bar .sidebar {
        position: fixed;
        top: 0;
        bottom: auto;
        padding-top: 60px;
    }
}

.select-export-field{
    max-height: 300px;
    overflow-y: auto;
    margin-bottom: 15px;
}
/*@media screen and (min-width: 1367px) {
    .select-export-field {
        max-height: 500px;
    }
}*/
.horizontal-bar .page-sidebar-inner {
    overflow: visible!important;
}

.page-sidebar-fixed .page-sidebar-inner {
    height: 100%;
}

[class^="icon-"]::before, [class*=" icon-"]::before{vertical-align:middle;}


.page-sidebar {
    width: 160px;
    display: block;
    z-index: 998;
    float: left;
    height: auto !important;
    overflow: visible !important;
}

.sidebar .sidebar-title {
    display: block;
    margin: 0 0 10px 0;
}

.page-sidebar-fixed:not(.page-header-fixed) .logo-box {
    position: fixed;
    display: block;
}



.small-sidebar.page-sidebar-fixed:not(.page-header-fixed) .topmenu-outer {
    margin-left: 65px;
}

.page-header-fixed .page-sidebar {
    padding-top: 60px;
}


.page-sidebar-fixed .sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    padding-top: 60px;
}

.page-sidebar-fixed .page-sidebar-inner {
    height: 100%;
}

.page-sidebar .page-sidebar-inner {
    height: 100%!important;
}

.small-sidebar .page-sidebar {
    width: 65px;
}

.small-sidebar .page-sidebar-inner {
    overflow: visible!important;
}

.sidebar-header {
    overflow: hidden;
    clear: both;
    position: relative;
    padding: 20px;
}

.sidebar-profile-image {
    display: block;
}

.sidebar-profile {
    overflow: hidden;
    position: relative;
    display: block;
}

.sidebar-profile a {
    text-decoration: none;
}

.sidebar-profile img {
    width: 60px;
    display: block;
    margin: 0 auto;
}

.sidebar-profile span {
    color: #fff;
    font-weight: 600;
    display: block;
    padding: 8px 0 0 0;
    text-align: center;
}

.sidebar-profile span small {
    color: #90999c;
    padding: 5px 0;
}

.profile {
    line-height: 60px;
    margin-left: 5px;
    font-size: 14px;
}

.small-sidebar .sidebar-header,
.page-horizontal-bar .sidebar-header {
    display: none;
}

/* Horizontal Bar */

.horizontal-bar {
    width: 100%;
    display: block;
    z-index: 998;
    float: none;
    height: auto!important;
    left: 0;
    right: 0;
    bottom: 0;
    height: 74px;
}


@media screen and (min-width: 767px) {
    #main-wrapper{
        padding: 70px 0 0 0;
    }
}
@media (min-width: 768px) {
    .page-sidebar-fixed.page-horizontal-bar .sidebar {
        position: fixed;
        top: 0;
        bottom: auto;
        padding-top: 60px;
    }
}

.small-sidebar .horizontal-bar .slimScrollDiv {
    overflow: visible!important;
}


.page-horizontal-bar.page-header-fixed .horizontal-bar {
    padding:0 !important;
}


.page-horizontal-bar.page-sidebar-fixed .navbar {
    z-index: 9999;
}

@media (min-width: 768px) {
    .page-horizontal-bar.page-sidebar-fixed .page-content.container .horizontal-bar {
        width: 750px;
        margin: 0 auto;
    }
    .horizontal-bar .accordion-menu > li > a > span.arrow:before {
        display: none;
    }
}

@media (min-width: 992px) {
    .page-horizontal-bar.page-sidebar-fixed .page-content.container .horizontal-bar {
        width: 970px;
        margin: 0 auto;
    }
}

@media (min-width: 1200px) {
    .page-horizontal-bar.page-sidebar-fixed .page-content.container .horizontal-bar {
        width: 1170px;
        margin: 0 auto;
    }
}



.horizontal-bar .page-sidebar-inner {
    overflow: visible!important;
}

.horizontal-bar .accordion-menu {
    text-align: center;
    font-size: 0;
    width: 100%!important;
    overflow: visible!important;
}

.horizontal-bar .accordion-menu li {
    display: inline-block;
    margin: 0px !important;
    padding: 0px !important;
    position: relative;
}

.small-sidebar.page-horizontal-bar .horizontal-bar .accordion-menu > li > a,
.horizontal-bar .accordion-menu > li > a {
    padding: 12px 14px!important;
}

.small-sidebar .horizontal-bar .accordion-menu li a span.menu-icon {
    font-size: 15px;
}

.horizontal-bar .accordion-menu > li > a > p {
    font-size: 13px;
}

.compact-menu .horizontal-bar .accordion-menu li a p {
    display: inline;
}

.horizontal-bar .accordion-menu .sub-menu li a {
    font-size: 13px;
    padding:0 5px;
    line-height:40px;
}

.page-horizontal-bar.small-sidebar:not(.page-sidebar-fixed) .accordion-menu > li > a {
    width: auto;
}
body:not(.small-sidebar) .horizontal-bar .menu.accordion-menu > li > a > .menu-icon {
    font-size: 14px;
}

.small-sidebar.page-horizontal-bar .menu.accordion-menu > li > a > span.menu-icon {
    margin: 0!important;
}

.horizontal-bar .accordion-menu > li > ul {
    left: 0!important;
    top: 74px;
    width: 250px;
    position: absolute;
}

.horizontal-bar .accordion-menu ul li {
    display: block;
    text-align: left;
}

.horizontal-bar .accordion-menu li.menu-title {
    display: none;
}

.small-sidebar .horizontal-bar .accordion-menu > li > a > p {
    display: none!important;
}

.small-sidebar .horizontal-bar .accordion-menu > li > ul {
    top: 44px!important;
}

.small-sidebar.page-horizontal-bar.page-sidebar-fixed .page-inner {
    padding-left: 0px;
}

.small-sidebar.page-sidebar-fixed.page-header-fixed.page-horizontal-bar .page-inner {
    padding: 110px 0 50px 0;
}

.small-sidebar.page-sidebar-fixed.page-header-fixed .page-inner {
    padding: 60px 0 50px 65px;
}

.small-sidebar.page-sidebar-fixed:not(.page-header-fixed) .page-inner {
    padding: 0 0 50px 65px;
}

.small-sidebar.page-header-fixed.page-horizontal-bar:not(.page-sidebar-fixed) .page-inner {
    padding: 0 0 50px 0;
}

.page-horizontal-bar:not(.page-sidebar-fixed) .checkout {
    top: 0;
}

.page-horizontal-bar.page-sidebar-fixed:not(.compact-menu) .checkout {
    top: 134px;
}

.page-horizontal-bar.page-sidebar-fixed.compact-menu .checkout {
    top: 111px;
}

.navbar-nav.navbar-right {
    margin-right: 0;
}

.top-menu .navbar-nav > li {
    height: 49px;
}

.top-menu .navbar-nav > li > a {
    display: block;
    /*padding: 12px 10px 3px 15px !important;*/
    color: #5f5f5f;
    border: none;
    position: relative;
    line-height: 23px;
    color: white;
}

.top-menu .navbar-nav > li > a > .user-name small{font-size:9px;display: block;}

.top-menu .navbar-nav > li > a > .user-name {
    padding: 0 10px 0 0;
    line-height: 20px;
    text-align:right;display:inline-block;margin:-10px 0;
}

.avatar {
    padding: 0px;
    /*margin: -36px 0 -15px 0;*/
    position: relative;
    display: inline-block;
}

.top-menu .nav .open > a,
.top-menu .nav .open > a:hover,
.top-menu .nav .open > a:focus {
    background: #323642;
    /*border-color: none;*/
}
.top-menu {
    width: 100%;
    display: inline-block;
}

/*.page-header-fixed .navbar {*/
    /*position: fixed;*/
    /*right: 0;*/
    /*left: 0;*/
/*}*/

.navbar .logo-box {
    position: relative;
    width: 160px;
    /*height: 60px;*/
    float: left;
    display: table;
}





/* End: Added from menu.css*/


.page-sidebar-fixed:not(.page-header-fixed) .page-inner {
	padding: 0px 0 50px 160px;
}

.small-sidebar.page-sidebar-fixed.page-header-fixed .page-inner {
	padding: 60px 0 50px 65px;
}

.small-sidebar.page-sidebar-fixed:not(.page-header-fixed) .page-inner {
	padding: 0 0 50px 65px;
}

.small-sidebar.page-header-fixed:not(.page-sidebar-fixed) .page-inner {
	padding: 60px 0 50px 0;
}


/* Page Title */
.page-title-body{
    background: white;
    position: fixed;
    width: 100%;
    display: inline-block;
    z-index: 997;
	-webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
}
.page-title {
  padding: 10px 20px;

}
.page-title-right {
    padding: 14px 10px 5px 0px;
    display: inline-block;
    width: 100%;
}
.page-title-right.navbar-right {margin-right:0;}
.page-title h3 {
    font-size: 24px;
    font-weight: 300;
    color: #74767d;
    padding: 0px;
    margin: 0 0 4px 0;
}
.tms-page-title{
    font-size: 18px !important;
}
/* Page Settings */

.page-breadcrumb .breadcrumb {
    float: left;
    background: transparent;
    padding: 0px;
    margin-top: 30px;
}

.page-breadcrumb ol.breadcrumb {
    margin: 0px;
	font-size:11px;
}
.ShowHideToolTips{
    border-radius: 4px 0 0 4px !important;
}

.page-breadcrumb ol.breadcrumb li a {
    font-size: 11px;
    color: #90999c;
}
.page-breadcrumb ol.breadcrumb li a:hover {
    color: #333;
}

.page-breadcrumb ol.breadcrumb li.active {
    font-size: 11px;
    color: #90999c;
}

.page-breadcrumb ul {
    margin: 0px;
}

.page-breadcrumb ul li {
    float: left;
    display: inline;
}

.page-breadcrumb ul li a {
    font-size: 13px;
    color: #90999c;
}


/* Main Wrapper */
@media (min-width: 1367px) {
    /*#main-wrapper {*/
        /*margin: 0px 0px 20px;*/
        /*padding: 69px 0 0 0;*/
    /*}*/
}
#main-wrapper > .row.gutters-0 {
	min-height:820px;
}


/* Footer */

.page-footer {
    background: #fff;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 19px;
    padding-bottom: 19px;
	border-top: 1px solid #d1d3d9;
}
.page-footer p{font-size:12px;}

/* Sidebar Pusher */

.sidebar-pusher {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9999;
    display: none;
}

.push-sidebar {
    display: inline-block!important;
    padding: 20px 18px;
    color: #5F5F5F;
    border: none;
    position: relative;
    line-height: 20px;
    float: left;
    font-size: 17px;
    text-decoration: none;
}

.push-sidebar:hover {
    color: white;
}

.push-sidebar i {
    color: white;
}

/* Search Button */

.search-button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9999;
    display: none;
    right: 0;
}

.search-button a {
    display: inline-block!important;
    padding: 15px 18px;
    color: #5F5F5F;
    border: none;
    position: relative;
    line-height: 20px;
    float: right;
    font-size: 17px;
    text-decoration: none;
}

/* Wysiwyg */

.note-editor {
    border: 1px solid #DCE1E4;
    border-radius: 0;
}

.note-dialog .note-modal-form {
    margin: 0 15px 0 15px;
}

.note-editor .note-toolbar {
    border-bottom: 0;
    background: #fff;
    padding: 10px;
}

.note-popover .popover .popover-content>.btn-group, .note-toolbar>.btn-group {
    margin-top: 0;
}

.note-editor .note-editable {
    padding: 15px;
    padding-top: 10px;
    overflow: auto;
    outline: 0;
}

.note-editor .note-statusbar {
    background: transparent;
}

.note-editor .note-statusbar .note-resizebar {
    border: 0;
}

/* Dashboard */


/* Profile */


/* Mailbox */


/* Notifications */


/* Extra */


/* Login */


/* Login alt */


/* Search Results */


/* Chat */


/* Overflow */

.navbar .logo-box,
.navbar .logo-box a,
.top-menu .navbar-nav > li > a > img,
.info,
.messages li a,
.messages li a .msg-img,
.messages li a .msg-text,
.messages li a .msg-time,
.tasks li a,
.tasks li a .task-icon,
.search-form,
body:not(.small-sidebar):not(.page-horizontal-bar) .menu.accordion-menu,
.page-inner,
.small-sidebar .page-sidebar-fixed .page-inner,
.page-breadcrumb,
.page-breadcrumb .breadcrumb,
.page-breadcrumb ul,
.info-box,
.text-box,
.small-sidebar .accordion-menu li a,
.page-footer,
.color-switcher {
    overflow: hidden;
}

.overlay {
    background: rgba(0,0,0,0.4);
    z-index: 1000;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
}

.show-menu .overlay {
    display: block;
}



.page-sidebar-fixed:not(.page-header-fixed) .topmenu-outer {
    margin-left: 160px;
}

.topmenu-outer-desktop {
    height: 52px;
    background: #323642;
    /*margin-left: 160px;*/

    z-index: 999;
    position: fixed;
    /*background: #323642;*/
    right: 0;
}

.logo-box-desktop {
    position: fixed;
    left: 0;
    z-index: 999;
    background: #323642;
    padding: 6px 12px;
}


/* Settings */

.color-switcher {
    display: block;
    width: 100%;
    margin: 10px 0 5px 0;
}

.color-switcher .colorbox {
    dipslay: block;
    width: 28px;
    height: 28px;
    margin: 0 5px 0 0;
    padding: 0px;
    border: 2px solid #f1f1f1;
    cursor: pointer;
    float: left;
    border-radius: 50%;
}

.color-switcher .colorbox:hover {
    border: 2px solid #dedede;
}


/* Blue */
.color-switcher .colorbox.color-blue {
    background-color: #12afcb;
}


/* Red */
.color-switcher .colorbox.color-red {
    background-color: #F25656;
}


/* Green  */
.color-switcher .colorbox.color-green {
    background-color: #22baa0;
}


/* Purple  */
.color-switcher .colorbox.color-purple {
    background-color: #7a6fbe;
}


/* Black  */
.color-switcher .colorbox.color-dark {
    background-color: #34425A;
}


/* White  */
.color-switcher .colorbox.color-white {
    background-color: #fff;
}


/* special table*/
.table.table-special > thead > tr > th {background: #eeeeee none repeat scroll 0 0;border:none;}
.table > thead > tr > th{border-bottom:1px solid #3f4454;}
table.table.table-special > thead > tr > th, table.table.table-primary > thead > tr > th, table.table.table-special > thead > tr > th a, table.table.table-primary > thead > tr > th a{background: #dee4ea none repeat scroll 0 0;color:#323642 !important;border-right:1px solid #d2d9e0; font-weight:bold;}
table.table.table-special > thead > tr > th a{border-right:0; }
table.table.table-special {width: 100%;margin:0;padding:0;border-collapse: collapse;border-spacing: 0;border:1px solid #d2d9e0;/*border-top-color:#3F4454;*/}
  table.table.table-special > tbody > tr, table.table.table-special > thead > tr{border-left: 1px solid #d2d9e0 !important;}
  table.table.table-special tr.orange {border-color:#F19C40;}
  table.table.table-special tr.purple {border-color:#B455B5;}
  table.table.table-special tr.blue {border-color:#3993E2;}
  table.table.table-special tr.green {border-color:#11C966;}
  table.table.table-special tr.red {border-color:#f25656;}

  table.table.table-special th, table.table.table-special td {padding: 10px;border: 1px solid #d2d9e0;}
  table.table.table-special th, table.table.table-primary th {border-right: 1px solid #d2d9e0;font-weight:400;border-bottom:1px solid #3F4454;}

  table.table-special th, table.table-primary th {text-transform: uppercase;font-size: 14px;letter-spacing: 1px;}
  .table-special .head{display:none;}
  .table-special .nested-row.clearfix.five .nested-column {border-left: 1px solid #dddddd;width: 20%;float:left;text-align:center;}
  .table-special .nested-row.clearfix.five .nested-column {border-left: 1px solid #dddddd;width: 20%;float:left;text-align:center;}
.subitem.sm small {min-width: 50px;width: 10%;}

.table-hover > tbody > tr:hover, table.table.table-special tbody tr:hover td.action {background-color: #fffff0;}

.table-special .nested-row.clearfix.five .nested-column:first-child {border:none;}
.subitem.hr-div small, .subitem small {display: inline-block;font-weight: bold;width: 25%;min-width: 96px;vertical-align: initial;}
.subitem.hr-div .item.min-140 small, .subitem .item.min-140 small {min-width: 140px;}
.subitem.hr-div small.ver-middle-for-switch-label, .subitem small.ver-middle-for-switch-label {vertical-align: middle;}
/*.subitem.hr-div span.value, .subitem span.value {width: 73%;float: right;text-align: left;}*/
.btn-group.btn-group-justified .btn {padding: 6px 2px;}
.table-special tr .quick-edit {display:inline-block;visibility:hidden;}
.table-special tr:hover .quick-edit{display: inline-block !important;visibility:visible;}
table.table-special .btn.btn-default{margin-bottom:3px;}

table.table.table-special tbody td.action {background: #ffffff none repeat scroll 0 0;bottom: 0;display: block;left: -3px;position: absolute;width: calc(100% - 3px);padding-bottom:7px;border-bottom:1px solid #ddd;border-top:1px solid rgba(0,0,0,0);}
/*table.table-special tbody tr{position:relative;}*/
table.table.table-special thead th.action{padding:0;width:0;}
.table-special .value {display: inline-block;/*max-width: 62%;*/min-width: 56px;}

table.table.table-special.table-default > tbody > tr, table.table.table-special.table-default > thead > tr{border:none;}
@media screen and (max-width: 767px) {
table.table-special, table.table-xs {border: 0;}
table.table-special:not(.table-with-mass-action) thead, table.table-xs thead {display: none;}
table.table-special thead tr th:not(:first-child), table.table-xs thead tr th:not(:first-child){display: none;}
table.table-special thead tr th:first-child, table.table-xs thead tr th:first-child {width: 50%;text-align: right;}
table.table-special thead tr th.action-in-first-th, table.table-xs thead tr th.action-in-first-th {width: 100%;}

table.table-special thead tr th.action-th, table.table-xs thead tr th.action-th {width: 50%;text-align: left;display: inline-flex;}
table.table-special thead tr th .dropdown-toggle, table.table-xs thead tr th .dropdown-toggle{ margin: unset !important;line-height: 1.485;width: 27px;}
table.table-special tbody tr td .dropdown-toggle, table.table-xs tbody tr td .dropdown-toggle{ margin: unset !important;line-height: 1.485;}
table.table-special thead tr th.header-checkbox input[type="checkbox"], table.table-xs thead tr th.header-checkbox input[type="checkbox"]{ display: initial; }
.header-checkbox label,.action-th label {display: unset !important;margin: unset;}
table.table-special tr, table.table-xs tr {margin-bottom: 10px;display: block;border-bottom: 1px solid #ddd;}
table.table.table-special td, table.table-xs td {display: block;font-size: 13px;border-bottom: 1px dotted #ccc;padding-top:40px;}
.table.table-special td.n-pd, .table.table-xs td.n-pd{padding-top:10px;}
table td table{display:inline-table;}
table.table-special td:last-child, table.table-xs td:last-child {border-bottom: 0;}
/*table.table-special td:before, table.table-xs td:before {content: attr(data-label);float: left;text-transform: uppercase;font-weight: bold;margin-top:-27px;}*/
table.table-special td:before, table.table-xs td:before {}
.table-special .head{display:block;}
.table-special > tbody > tr > td, .table-xs > tbody > tr > td{margin:-1px;}
.table-responsive > table.table.table-special th, .table-responsive > table.table.table-special td,
.table-responsive > table.table.table-xs th, .table-responsive > table.table.table-xs td {padding: 8px 10px !important}

.table-responsive > table.table.table-special td.predef-width {max-width: 360px;}


.table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th
{white-space:normal;}
.table.table-xs {overflow: hidden;}
.table-responsive > table.table td.xs-label-left {padding: 10px 20px;}
table.table-xs td.xs-label-left::before {margin: 0 10px 0 0;}
.table-responsive.xs-none{}
}



  /* Profile page */
  .panel-body .profile-image {
  border-radius: 100%;
  margin: 0 auto;
  max-width: 280px;
  overflow:hidden;
  margin-bottom:25px;
}


.funkyradio {
    display: inline-block;
}
.funkyradio div {
  clear: both;
  overflow: hidden;
}

.funkyradio label {
	background:#fff;
  width: auto;
  border-radius: 3px;
  border: 1px solid #e2e4e5;
  font-weight: normal;
  padding-right:6px;
}

.funkyradio input[type="radio"]:empty,
.funkyradio input[type="checkbox"]:empty {
  display: none;
}

.funkyradio input[type="radio"]:empty ~ label,
.funkyradio input[type="checkbox"]:empty ~ label {
  position: relative;
  line-height: 1.8em;
  text-indent: 2.25em;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.funkyradio input[type="radio"]:empty ~ label:before,
.funkyradio input[type="checkbox"]:empty ~ label:before {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  content: '';
  width: 1.8em;
  background: #e7e9ea;
  border-radius: 3px 0 0 3px;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {
  color: #888;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
  content: '\2714';
  text-indent: .6em;
  color: #C2C2C2;
}

.funkyradio input[type="radio"]:checked ~ label,
.funkyradio input[type="checkbox"]:checked ~ label {
  color: #777;
}

.funkyradio input[type="radio"]:checked ~ label:before,
.funkyradio input[type="checkbox"]:checked ~ label:before {
  content: '\2714';
  text-indent: .6em;
  color: #333;
  background-color: #ccc;
}

.funkyradio input[type="radio"]:focus ~ label:before,
.funkyradio input[type="checkbox"]:focus ~ label:before {
  box-shadow: 0 0 0 3px #999;
}

.funkyradio-default input[type="radio"]:checked ~ label:before,
.funkyradio-default input[type="checkbox"]:checked ~ label:before {
  color: #333;
  background-color: #ccc;
}

.funkyradio-primary input[type="radio"]:checked ~ label:before,
.funkyradio-primary input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #337ab7;
}

.funkyradio-success input[type="radio"]:checked ~ label:before,
.funkyradio-success input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #22baa0;
}

.funkyradio-danger input[type="radio"]:checked ~ label:before,
.funkyradio-danger input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #d9534f;
}

.funkyradio-warning input[type="radio"]:checked ~ label:before,
.funkyradio-warning input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #f0ad4e;
}

.funkyradio-info input[type="radio"]:checked ~ label:before,
.funkyradio-info input[type="checkbox"]:checked ~ label:before {
  color: #363B4A;
  background-color: #c4c6ce;
}
/*.page_module_ref_data{
    display: none;
}
.page_module_ref_data .funkyradio input[type="radio"]:empty, .funkyradio input[type="checkbox"]:empty {
    display: inline-block;
}*/

.page_module_ref_data .funkyradio div {
    clear: inherit;
}
.page_module_ref_data .funkyradio{
    max-height: 170px;
    overflow-y: auto;
    display: initial;
}
/*checkbox style1 ===============*/
.radiobox.style1 {}
.radio-group {display: inline-block;position: relative;vertical-align: middle;}
.radio-group .radiobox-inline{float:left;}
.radio-group .radiobox-inline label{margin:0;border:1px solid #dce1e4;cursor:pointer}
.radio-group > .radiobox-inline:first-child:not(:last-child) label{border-bottom-right-radius: 0;border-top-right-radius: 0;}
.radio-group > .radiobox-inline:last-child:not(:first-child) label{border-bottom-left-radius: 0;border-top-left-radius: 0;}
.radio-group > .radiobox-inline:not(:first-child):not(:last-child) label{border-radius: 0;}

.radiobox.style1 label {background: #fff;border-radius: 4px;display: inline-block;line-height: 22px;padding: 5px 10px 5px;position: relative;color:#3f4454;font-weight: 400;}
.radiobox.style1 input[type="radio"]:checked + label {background-color: #222;}
.radiobox.style1 input[type="radio"] {opacity: 0;}
.radiobox.style1 input[type="radio"], .radiobox.style1 .radio-inline input[type="radio"]{margin-left:0;position:absolute;}
.radiobox.style1 input[type="radio"]:disabled + label {opacity: 0.65;}
.radiobox.style1 input[type="radio"]:disabled + label::before {background-color: #eeeeee;cursor: not-allowed;}
.radiobox.style1 .radiobox-inline {margin-top: 0;display:inline;margin-left:-1px;}
.radiobox.style1 .radiobox-inline:first-child {margin-left:0;}

.radiobox.style1 .radiobox-success label {background-color: #E9EDF2;color:#22baa0;}
.radiobox.style1 .radiobox-success input[type="radio"]:checked + label {background-color: #22baa0;color:#fff;}
.radiobox.style1 .radiobox-info label {background-color: #fff;}
.radiobox.style1 .radiobox-info input[type="radio"]:checked + label {background-color: #12afcb;color:#ffffff;border: 1px solid #12afcb;} /* background-color: #eaedf1; */ /* 15f92f */
.radiobox.style1 .radiobox-info input[type="radio"]:checked.nonColored + label {background-color: #15f92f;color:#3f4454;}
.radiobox.style1 .radiobox-info input[type="radio"]:checked.colored + label {background-color: #ffff00;color: black;}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #12afcb !important;
    color: #ffffff !important;
}

/*.radiobox.style1 .radiobox-info input[type="radio"]:checked.nonColored:hover+#hoverbox{display:inline;}*/

/*#hoverbox {*/
    /*display:none;*/
    /*position:absolute;*/
/*}*/
/*#text {*/
    /*width:100px;*/
    /*height:100px;*/
    /*background:#000;*/
/*}*/
/*.pop-up-bc-tooltip {*/
    /*float:left;*/
    /*padding:14px 12px;*/
    /*border:2px solid #626367;*/
    /*font: normal 14px Arial, Helvetica, sans-serif;*/
    /*-moz-border-radius: 2px;*/
    /*border-radius: 2px;*/
    /*background:#fffcfc;*/
/*}*/



/*checkbox style2 ===============*/
/*.radiobox.style2 {padding-left: 0;padding-right: 40px;margin:5px 10px;}
.radiobox.style2 label {display: inline-block;line-height: 21px;padding-left: 0px;position: relative;}
.radiobox.style2 label::before {background-color: #e4e4e4;border: 1px solid #d5d5d5;border-radius: 3px;content: "";display: inline-block;height: 20px;margin-left: 0px;position: absolute;right: -39px;transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;width: 34px;}
.radiobox.style2 label::after {background: #fff none repeat scroll 0 0;border-radius: 3px;content: "";height: 18px;position: absolute;right: -23px;top: 1px;width: 17px;z-index: 11;}
.radiobox.style2 input[type="radio"] {opacity: 0;}
.radiobox.style2 input[type="radio"]:checked + label::before {background-color: #0055a4;border: 1px solid #0055a4;}
.radiobox.style2 input[type="radio"]:checked + label::after {right: -38px;}
.radiobox.style2 input[type="radio"]:disabled + label {opacity: 0.65;}
.radiobox.style2 input[type="radio"]:disabled + label::before {background-color: #eeeeee;cursor: not-allowed;}
.radiobox.style2.radiobox-inline {margin-top: 0;display:inline;}
.radiobox.style2.radiobox-primary input[type="radio"]:checked + label::before {background-color: #0055a4;border-color: #0055a4;}
.radiobox.style2.radiobox-primary input[type="radio"]:checked + label::after {color: #fff;}
.radiobox.style2.radiobox-danger input[type="radio"]:checked + label::before {background-color: #d9534f;border-color: #d9534f;}
.radiobox.style2.radiobox-danger input[type="radio"]:checked + label::after {color: #fff;}
.radiobox.style2.radiobox-info input[type="radio"]:checked + label::before {background-color: #5bc0de;border-color: #5bc0de;}
.radiobox.style2.radiobox-info input[type="radio"]:checked + label::after {color: #fff;}
.radiobox.style2.radiobox-warning input[type="radio"]:checked + label::before {background-color: #f0ad4e;border-color: #f0ad4e;}
.radiobox.style2.radiobox-warning input[type="radio"]:checked + label::after {color: #fff;}
.radiobox.style2.radiobox-success input[type="radio"]:checked + label::before {background-color: #5cb85c;border-color: #5cb85c;}
.radiobox.style2.radiobox-success input[type="radio"]:checked + label::after {color: #fff;}*/



/*checkbox style3 ===============*/
.checkbox.colored {
  padding-left: 20px; }
  .checkbox.colored label {
    display: inline-block;
    position: relative;
    padding-left: 5px; }
    .checkbox.colored label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 17px;
      height: 17px;
      left: 0;
      margin-left: -20px;
      border: 1px solid #cccccc;
      border-radius: 3px;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;

      -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
    .checkbox.colored label::after {
      display: inline-block;
      position: absolute;
      width: 16px;
      height: 16px;
      left: -1px;
      top: 0;
      margin-left: -20px;
      padding-left: 3px;
      padding-top: 1px;
      font-size: 11px;
      color: #555555; }
  .checkbox.colored input[type="checkbox"] {
    opacity: 0; }
    .checkbox.colored input[type="checkbox"]:focus + label::before {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
    .checkbox.colored input[type="checkbox"]:checked + label::after {
        font-family: 'leadcitysolution';
        content: "\e940";
        color: black;
        font-size: 12px;
        font-weight: bold;
    }
    .checkbox.colored input[type="checkbox"]:disabled + label {
      opacity: 0.65; }
      .checkbox.colored input[type="checkbox"]:disabled + label::before {
        background-color: #eeeeee;
        cursor: not-allowed; }
  .checkbox.colored.checkbox-inline {
    margin-top: 0; }

/*.checkbox-primary input[type="checkbox"]:checked + label::before {
  background-color: #428bca;
  border-color: #428bca; }
.checkbox-primary input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-danger input[type="checkbox"]:checked + label::before {
  background-color: #d9534f;
  border-color: #d9534f; }
.checkbox-danger input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-info input[type="checkbox"]:checked + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de; }
.checkbox-info input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-warning input[type="checkbox"]:checked + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e; }
.checkbox-warning input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-success input[type="checkbox"]:checked + label::before {
  background-color: #5cb85c;
  border-color: #5cb85c; }
.checkbox-success input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio {
  padding-left: 20px; }
  .radio label {
    display: inline-block;
    position: relative;
    padding-left: 5px; }
    .radio label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 17px;
      height: 17px;
      left: 0;
      margin-left: -20px;
      border: 1px solid #cccccc;
      border-radius: 50%;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out;
      transition: border 0.15s ease-in-out; }
    .radio label::after {
      display: inline-block;
      position: absolute;
      content: " ";
      width: 11px;
      height: 11px;
      left: 3px;
      top: 3px;
      margin-left: -20px;
      border-radius: 50%;
      background-color: #555555;
      -webkit-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
      -o-transform: scale(0, 0);
      transform: scale(0, 0);
      -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
  .radio input[type="radio"] {
    opacity: 0; }
    .radio input[type="radio"]:focus + label::before {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
    .radio input[type="radio"]:checked + label::after {
      -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      -o-transform: scale(1, 1);
      transform: scale(1, 1); }
    .radio input[type="radio"]:disabled + label {
      opacity: 0.65; }
      .radio input[type="radio"]:disabled + label::before {
        cursor: not-allowed; }
  .radio.radio-inline {
    margin-top: 0; }

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

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

.radio-info input[type="radio"] + label::after {
  background-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::before {
  border-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::after {
  background-color: #5bc0de; }

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

.radio-success input[type="radio"] + label::after {
  background-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::before {
  border-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::after {
  background-color: #5cb85c; }*/



/*onoffswitc ===============*/
.form-group > label ~ .onoffswitch,.form-group > label ~ .onoffswitch-update-toggle-field {margin-top:6px;}
.onoffswitch,.onoffswitch-update-toggle-field,.onoffswitch-document-or-tmpl-role {position: relative; width: 60px;-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;margin:3px;}
.onoffswitch-checkbox {display: none;}
.onoffswitch-label {display: block; overflow: hidden; cursor: pointer;border: 1px solid #d5dadd; border-radius:100px;font-weight:400;background:#eeeeee;margin-bottom:0;}
.onoffswitch-inner {display: block; width: 200%; margin-left: -100%;-moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;-o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;}
.onoffswitch-inner:before, .onoffswitch-inner:after {display: block; float: left; width: 50%; height: 26px; padding: 0; line-height: 26px;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;border-radius:100px;}
.onoffswitch-inner:before {content: "Yes";padding-left: 8px;background-color: #8e86c3; color: #FFFFFF;}
.onoffswitch-inner:after {content: "No";padding-right: 9px;background-color: #EEEEEE; color: #999999;text-align: right;}
.onoffswitch-switch {display: block; width: 24px; height: 24px; margin: 0;background: #FFFFFF;border: 1px solid #d5dadd; border-radius: 100px;position: absolute; top: 2px; bottom: 0; right: 33px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {margin-left: 0;}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {right: 2px;}
.inline > .onoffswitch, .onoffswitch.inline {display: inline-block;vertical-align: middle;}

.onoffswitch.compact .onoffswitch-inner:before, .onoffswitch.compact .onoffswitch-inner:after,
.onoffswitch-update-toggle-field.compact .onoffswitch-inner:before, .onoffswitch-update-toggle-field.compact .onoffswitch-inner:after {height: 18px; line-height: 17px;}
.onoffswitch.compact .onoffswitch-inner:before, .onoffswitch-update-toggle-field.compact .onoffswitch-inner:before {padding-left: 4px;font-size: 88%;}
.onoffswitch.compact .onoffswitch-inner:after, .onoffswitch-update-toggle-field.compact .onoffswitch-inner:after {padding-right: 4px;font-size: 88%;}
.onoffswitch.compact .onoffswitch-switch, .onoffswitch-update-toggle-field.compact .onoffswitch-switch {width: 16px; height: 16px; top: 2px; right: 26px;}
.onoffswitch.compact .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch,
.onoffswitch-update-toggle-field.compact .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch{right: 2px;}

.onoffswitch.green-red .onoffswitch-inner:before, .onoffswitch-update-toggle-field.green-red .onoffswitch-inner:before {background-color: #008000;color: #fff}
.onoffswitch.green-red .onoffswitch-inner:after, .onoffswitch-update-toggle-field.green-red .onoffswitch-inner:after {background-color: #c02025;color: #fff}

/*Custom buttons ===============*/
.bottom-action-bar > tbody > tr:nth-child(odd):hover + tr {background-color: #fffff0}

.bottom-action-bar > tbody > tr:nth-child(odd) td {border-bottom: 0 none}
.bottom-action-bar > tbody > tr:nth-child(even) td {border: 0 none}

.bottom-action-bar > tbody > tr:nth-child(odd):hover + tr .btn.btn-d-orange,
.table-hover > tbody > tr:hover .btn.btn-d-orange{background: #f19c40;border-color: #f19c40;color: #ffffff;}
.bottom-action-bar > tbody > tr:nth-child(odd):hover + tr .btn.btn-d-purple,
.table-hover > tbody > tr:hover .btn.btn-d-purple{background: #7a6fbe;border-color: #7a6fbe;color: #ffffff;}
.bottom-action-bar > tbody > tr:nth-child(odd):hover + tr .btn.btn-d-green,
.table-hover > tbody > tr:hover .btn.btn-d-green{background: #22baa0;border-color: #22baa0;color: #ffffff;}
.bottom-action-bar > tbody > tr:nth-child(odd):hover + tr .btn.btn-d-blue,
.table-hover > tbody > tr:hover .btn.btn-d-blue{background: #12afcb;border-color: #12afcb;color: #ffffff;}
.bottom-action-bar > tbody > tr:nth-child(odd):hover + tr .btn.btn-d-yellow,
.table-hover > tbody > tr:hover .btn.btn-d-yellow{background: #ebba1e;border-color: #ebba1e;color: #ffffff;}
.bottom-action-bar > tbody > tr:nth-child(odd):hover + tr .btn.btn-d-red,
.table-hover > tbody > tr:hover .btn.btn-d-red{background: #ef3232;border-color: #ef3232;color: #ffffff;}
.bottom-action-bar > tbody > tr:nth-child(odd):hover + tr .btn.btn-d-darkred,
.table-hover > tbody > tr:hover .btn.btn-d-darkred{background: #b30f0f;border-color: #b30f0f;color: #ffffff;}
.bottom-action-bar > tbody > tr:nth-child(odd):hover + tr .btn.btn-d-dark,
.table-hover > tbody > tr:hover .btn.btn-d-dark{background: #3f4454;border-color: #3f4454;color: #ffffff;}

.table-hover > tbody > tr .btn.btn-d-orange:hover {background: #d17d22;border-color: #d17d22;color: #ffffff;}
.table-hover > tbody > tr .btn.btn-d-purple:hover {background: #6156a7;border-color: #6156a7;color: #ffffff;}
.table-hover > tbody > tr .btn.btn-d-green:hover {background: #189a84;border-color: #189a84;color: #ffffff;}
.table-hover > tbody > tr .btn.btn-d-blue:hover {background: #109bb4;border-color: #109bb4;color: #ffffff;}
.table-hover > tbody > tr .btn.btn-d-yellow:hover {background: #d9a913;border-color: #d9a913;color: #ffffff;}
.table-hover > tbody > tr .btn.btn-d-red:hover {background: #df1818;border-color: #df1818;color: #ffffff;}
.table-hover > tbody > tr .btn.btn-d-darkred:hover {background: #950f0f;border-color: #950f0f;color: #ffffff;}
.table-hover > tbody > tr .btn.btn-d-dark:hover {background: #131314;border-color: #131314;color: #ffffff;}

[class*="btn-default-"] {background-color: #f5f5f5;border-color: #e4e4e4;}
.btn-default-primary:hover {background-color: #262a38;border-color: #262a38;color: #ffffff;}
.btn-default-danger:hover {background-color: #df1818;border-color: #df1818;color: #ffffff;}
.btn-default-info:hover {background-color: #08a7c3;border-color: #08a7c3;color: #ffffff;}
.btn-default-success:hover {background-color: #1db198;border-color: #1db198;color: #ffffff;}
.btn-default-purple:hover {background-color: #6156a7;border-color: #6156a7;color: #ffffff;}
.btn-default-warning:hover {background-color: #d9a913;border-color: #d9a913;color: #ffffff;}



.pagination-box p{line-height:33px;}
.pagination-box .pagination{margin:0;}

.small-sidebar .navbar .logo-box a span.logo-lg,
.logo-box a span.logo-sm {display:none}
.navbar .logo-box a span.logo-sm {display:none}
.small-sidebar .navbar .logo-box a span.logo-sm {display:block}

.card {box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);margin-bottom: 20px;}
.card .tab-content{  border-radius:3px;}

/*Widget section*/
.bg-white.widget-area::after {background: #ffffff none repeat scroll 0 0;content: "";height: 100000%;position: absolute;top: 100%;width: calc(100% + 0px);left:0;}
.bg-white.widget-area .panel, .bg-white.widget-area .panel-heading{border-radius:0;}


.bg-white.widget-area.sub-widget-area, .bg-white.widget-area.sub-widget-area::after {
  background: #f2f5f8 none repeat scroll 0 0;
  padding: 20px;
  left:0;
}
.sub-widget-area h3{margin:0;margin-bottom:10px;}

/*Custom tabs ===============*/
/*tab-horizontal*/
.nav-tabs.tab-horizontal { border-bottom: 2px solid #e9edf2;padding:0 20px;}
.nav-tabs.tab-horizontal > li.active > a, .nav-tabs.tab-horizontal > li.active > a:focus, .nav-tabs.tab-horizontal > li.active > a:hover { border-width: 0; }
.nav-tabs.tab-horizontal > li > a { border: none; color: #9699a4;padding:15px 15px 16px;}
.nav-tabs.tab-horizontal > li.active > a, .nav-tabs.tab-horizontal > li > a:hover { border: none; color: #3f4454 !important; background: #fff; }
.nav-tabs.tab-horizontal > li > a::after { content: ""; background: #3f4454; height: 2px; position: absolute; width: 100%; left: 0px; top: 0px; transition: all 250ms ease 0s; transform: scale(0); }
.nav-tabs.tab-horizontal > li.active > a::after, .nav-tabs.tab-horizontal > li:hover > a::after { transform: scale(1); }
.tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }
.nav-tabs.tab-horizontal > li{margin-bottom:-2px;}
.nav-tabs.tab-horizontal > li > a > i {background: #acafbf none repeat scroll 0 0;border-radius: 3px;color: #ffffff;padding: 4px;}
.nav-tabs.tab-horizontal > li.active > a > i, .nav-tabs.tab-horizontal > li > a:focus > i, .nav-tabs.tab-horizontal > li > a:hover > i{background: #3f4454 none repeat scroll 0 0;color: #ffffff;}
.tab-content{padding:20px;background:#fff;}

/*tab-vertical*/
.tab-vertical {border-bottom: none;}
.tab-vertical > li {border-bottom: 1px solid #e9edf2;float: none;margin-bottom:0;}
.tab-vertical.tabs-left>li.active>a,
.tab-vertical.tabs-left>li.active>a:hover,
.tab-vertical.tabs-left>li.active>a:focus {background: #3f4454 none repeat scroll 0 0;color:#ffffff;border:none;}

.tab-vertical.tabs-right>li.active>a,
.tab-vertical.tabs-right>li.active>a:hover,
.tab-vertical.tabs-right>li.active>a:focus {border-bottom: 1px solid #ddd;border-left-color: transparent;}
.tab-vertical.tabs-left>li>a {border-radius: 4px 0 0 4px;margin-right: 0;display:block;}
.tab-vertical.tabs-right>li>a {border-radius: 0 4px 4px 0;margin-right: 0;}

.tab-vertical.nav-tabs > li {padding:0px;position:relative;}
.tab-vertical.nav-tabs > li > a, .tab-vertical.nav-tabs > li > a:hover{padding:8px 10px;border:none;border-radius:3px;}
.tab-vertical.nav-tabs > li > a:hover{background:#E9EDF2;color:#3f4454;}
.tab-vertical.nav-tabs > li > a {color: #999999;}
.tab-vertical.nav-tabs > li > a > i {background: #acafbf none repeat scroll 0 0;border-radius: 3px;color: #ffffff;padding: 4px;margin-right:5px;}
.tab-vertical.nav-tabs > li.active > a > i, .tab-vertical.nav-tabs > li > a:focus > i, .tab-vertical.nav-tabs > li > a:hover > i {background: #3f4454 none repeat scroll 0 0;color:#ffffff;}

.tab-content.nested-tab-content {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;padding: 0;}


.list-group-item > a {display: block;position: relative;z-index: 1;}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
  background-color: #E9EDF2;border-color: #E9EDF2;z-index: 2;}
.list-group-item{border:1px solid #E9EDF2;}



/*Custom tabs style2 ===============*/
.style2 .nav-tabs { border-bottom: 2px solid #E9EDF2; }
.style2 .nav-tabs > li.ui-tabs-active > a, .nav-tabs > li.ui-tabs-active > a:focus, .nav-tabs > li.ui-tabs-active > a:hover { border-width: 0; }
.style2 .nav-tabs > li > a { border: none; color: #666; }
.style2 .nav-tabs > li.ui-tabs-active > a, .nav-tabs > li > a:hover { border: none; color: #3f4454 !important; background: transparent; }
.style2 .nav-tabs > li > a::after { content: ""; background: #3f4454; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
.style2 .nav-tabs > li.ui-tabs-active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
.style2 .tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }
.style2 .tab-pane { padding: 15px 0; }
.style2 .tab-content{padding:20px}

/*wizard ===============*/
.wizard {margin: 0px auto;}
.wizard .wizard-body{background: #fff;}
.wizard .nav-tabs {position: relative;margin:0px auto;margin-bottom: 0;border-bottom-color: #e0e0e0;}
.wizard > div.wizard-inner {position: relative;}
.connecting-line {height: 2px;background: #e0e0e0;position: absolute;width: 80%;margin: 0 auto;left: 0;right: 0;top: 50%;z-index: 1;}
.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {color: #as3F4454;cursor: default;border: 0;border-bottom-color: transparent;}
span.round-tab {width: 70px;height: 70px;line-height: 70px;display: inline-block;border-radius: 100px;background: #fff;border: 2px solid #e0e0e0;z-index: 2;position: absolute;left: 0;text-align: center;font-size: 25px;}
span.round-tab i{color:#3F4454;}
.wizard li.active span.round-tab {background: #fff;border: 2px solid #bf1a24;}
.wizard li.active span.round-tab i{color: #bf1a24;}
span.round-tab:hover {color: #363B4A;border: 2px solid #363B4A;}
.wizard .nav-tabs > li {width: 25%;}
.wizard li:after {content: " ";position: absolute;left: 46%;opacity: 0;margin: 0 auto;bottom: 0px;border: 5px solid transparent;border-bottom-color: #bf1a24;transition: 0.1s ease-in-out;}
.wizard li.active:after {content: " ";position: absolute;left: 46%;opacity: 1;margin: 0 auto;bottom: 0px;border: 10px solid transparent;border-bottom-color: #bf1a24;}
.wizard .nav-tabs > li a {width: 70px;height: 70px;margin: 20px auto;border-radius: 100%;padding: 0;}
.wizard .nav-tabs > li a:hover {background: transparent;}
.wizard h3 {margin-top: 0;}
@media( max-width : 585px ) {
.wizard {width: 90%;height: auto !important;}
span.round-tab {font-size: 16px;width: 50px;height: 50px;line-height: 50px;}
.wizard .nav-tabs > li a {width: 50px;height: 50px;line-height: 50px;}
.wizard li.active:after {content: " ";position: absolute;left: 35%;}
}

.wizard-step > ul{border-bottom:0;background:#dce1e7;}
.wizard-step .row .wizard-step-col {padding: 10px;background:#dce1e7;}
.wizard-step .row .wizard-step-col > a,
.wizard-step .row .wizard-step-col > a:hover,
.wizard-step .row .wizard-step-col > a:focus{background-color:transparent;border:none;padding:0;}
.wizard-step .wizard-step-number {
    border-radius: 50% !important;
    float: left;
    font-size: 26px;
    margin: auto;
    padding: 3px 14px;
	margin-top:4px;
}
.wizard-step .wizard-step-title {
    font-size: 20px;
    font-weight: 100;
    margin-top: -4px;
    padding-left: 60px;
	display:block;
}
.wizard-step .wizard-step-content {
    margin-top: 0px;
    padding-left: 60px;
	display:block;
	font-size:11px;
}
.wizard-step li.active {
    background-color: #32c5d2 !important;
}
.wizard-step .active .wizard-step-number {
    color: #32c5d2 !important;
}
.wizard-step .active .wizard-step-content, .wizard-step .active .wizard-step-title {
    color: #ffffff !important;
}
.wizard-step .done {
    background-color: #26c281 !important;
}
.wizard-step .done .wizard-step-number {
    color: #26c281 !important;
}
.wizard-step .tab-content{padding:0;}
.wizard-step .tab-content .panel{box-shadow:none;margin-bottom:5px;}
/*.panel .panel-heading .panel-title{font-size:16px;}*/
/*.panel .panel-heading{border-bottom:2px solid #e9edf2;}*/

/*fixed-step*/
.fixed-step{padding-top:62px;}
.fixed-step > ul{position:fixed;width:100%;top:0;z-index:111;}


.wizard-step.step-default .wizard-step-col {
  min-height: 130px;
  text-align: center;
}
.wizard-step.step-default .wizard-step-number {display: inline-block;float: none;margin: 0 auto;}
.wizard-step.step-default .wizard-step-title, .wizard-step.step-default .wizard-step-content{padding:0;margin:0 auto;}
.wizard-step ul.wizard-footer {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-top: 1px solid #dce1e7;
  margin: 0;
  padding: 15px;
}


.modal-full {max-width: 1600px;width:auto;padding-left:15px;padding-right:15px;}
.modal-body, .modal-header + .modal-body {background: #e9edf2 none repeat scroll 0 0;padding-top: 20px;}
.footer.xs-text-center {border-radius: 3px;}

.btn-file > input {
  cursor: pointer;
  direction: ltr;
  font-size: 23px;
  height: 100%;
  margin: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.form-group.clearfix.hd lable.control-label, .form-horizontal .form-group.clearfix.hd .control-label{padding-top:0;}
.form-group.clearfix.hd {
  background: #e9edf2 none repeat scroll 0 0;
  border-radius: 3px;
  margin-bottom:15px;
  padding: 8px 0 2px;
}
.lable-right{text-align:right;}

.quickinfo .quickinfo-child {
  background: rgba(0, 0, 0, 0.05) none repeat scroll 0 0;
  border-radius: 3px;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.09);
  margin-bottom: 10px;
}
.quickinfo .quickinfo-child label {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  font-weight: 700;
}
.quickinfo .quickinfo-child span, .quickinfo .quickinfo-child label {display:block;padding: 4px 8px;}


.page-forgot #main-wrapper, .page-lock-screen #main-wrapper, .page-login #main-wrapper, .page-register #main-wrapper {
    margin: 5%;
}
.login-box {
    margin: auto;
    max-width: 400px;
}
.login-box .logo-name {
    color: #6c6c6c;
    display: block;
    font-size: 22px;
    font-weight: 700;
    text-decoration: none;
}
.login-box .user-box {
    clear: both;
    display: block;
    overflow: hidden;
}
.login-box .user-box img {
    display: block;
    height: 60px;
    margin: 0 auto;
    width: 60px;
}
.login-alt .login-box {
    max-width: 100%;
}
.login-info {
    margin-top: 19px;
}
.login-box .panel-heading h4 {
  line-height: 48px;
}
.page-login .page-content {background: #e9edf2 none repeat scroll 0 0;}

/*profile ===============*/
.profile-main{position:relative;overflow:hidden;background:#3f4454;color:#fff;border-radius:3px;padding:20px;margin-bottom:20px;}
.profile-main .profile-main-bg {
	position:absolute;
	width:100%;
	filter: grayscale(1) blur(15px);
	transform:translate(0%, -50%);
	top: 50%;
	left:0;
	opacity:0.5;
}
.profile-detail > h3 {
  font-size: 36px;
  margin-top:0;
}
.profile-detail > p {
  font-size: 15px;
  margin-bottom:5px;
}
.profile-detail p .label {
  display: inline-block;
  margin-bottom: 3px;
  padding: 6px 9px;
}
.profile-main .panel{margin-bottom:0;}

/*info-box ===============*/
.info-box .progress {
    margin: 0;
}

.info-box .info-box-icon {
    float: right;
}

.info-box .info-box-icon i {
    font-size: 31px;
    color: #B0B0B0;
}

.info-box .info-box-stats {
    float: left;
    margin-top: 5px;
}

.info-box .info-box-stats p {
    font-size: 28px;
    margin-bottom: 14px;
    color: #374051;
    font-weight: 300;
}

.info-box .info-box-stats span.info-box-title {
    display: block;
    font-size: 13px;
    margin-bottom: 10px;
    color: #B0B0B0;
}

.info-box .info-box-progress {
    clear: both;
}

.info-box-progress .progress-style {height: 2px;}


.form-title {font-size: 18px;margin: 0 0 20px;}
hr {border-width: 2px 0 0;}
.help-block hr {border-width: 2px 0 0;margin: 0 0 7px;}


/*Mail start ===============*/
.mail-box {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
}
.mail-box aside {
    display: table-cell;
    float: none;
    height: 100%;
    padding: 0;
    vertical-align: top;
}
.mail-box .sm-side {
    background: #3f4454;
    width: 200px;
}
.mail-box .lg-side {
    background: none repeat scroll 0 0 #fff;
}
a.mail-dropdown {
    background: none repeat scroll 0 0 #80d3d9;
    border-radius: 2px;
    color: #01a7b3;
    font-size: 10px;
    margin-top: 20px;
    padding: 3px 5px;
}
.inbox-body {
    padding: 7px 10px;
}
ul.inbox-nav {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%;
}
.inbox-divider {
    border-bottom: 1px solid #363B4A;
}
ul.inbox-nav li {
    display: inline-block;
    line-height: 45px;
    width: 100%;
}
ul.inbox-nav li a {
    color: #fff;
    display: inline-block;
    line-height: 45px;
    padding: 0 20px;
    width: 100%;
}
ul.inbox-nav li a:hover, ul.inbox-nav li.active a, ul.inbox-nav li a:focus {
    background: none repeat scroll 0 0 #363B4A;
}
ul.inbox-nav li a i {
    font-size: 16px;
    padding-right: 10px;
}
ul.inbox-nav li a span.label {
    margin-top: 18px;
}
.inbox-head {
  background: #f2f5f8;
  border-bottom: 1px solid #e9edf2;
  min-height: 50px;
  padding:10px 10px 5px;
}
.inbox-head h3 {
    display: inline-block;
    font-weight: 300;
    margin: 0;
    padding-top: 6px;
	font-size:24px;
}
.inbox-head .form-group{margin-bottom:5px;}
.inbox-head .sr-input {
    border: medium none;
    border-radius: 4px 0 0 4px;
    box-shadow: none;
    color: #8a8a8a;
    float: left;
    height: 40px;
    padding: 0 10px;
}
.inbox-head .sr-btn {
    border-radius: 0 4px 4px 0;
    height: 40px;
    padding: 0 20px;
}
.table-inbox {
    border: 1px solid #d3d3d3;
    margin-bottom: 0;
}
.table-inbox tr td {
    padding: 10px 12px !important;
}
.table-inbox tr td:hover {
    cursor: pointer;
}
.table-inbox tr td .fa-star.inbox-started, .table-inbox tr td .fa-star:hover {
    color: #f78a09;
}
.table-inbox tr td .fa-star {
    color: #d5d5d5;
}
.table-inbox tr.unread td {
    background: none repeat scroll 0 0 #f7f7f7;
    font-weight: 600;
}
ul.inbox-pagination {
    float: right;
}
ul.inbox-pagination li {
    float: left;
}
.mail-option {
    display: inline-block;
    margin-bottom: 0px;
    width: 100%;
}
.mail-option .chk-all, .mail-option .btn-group {
    margin-right: 5px;
}
.mail-option .chk-all, .mail-option .btn-group a.btn {
    background: none repeat scroll 0 0 #fcfcfc;
    border: 1px solid #e7e7e7;
    border-radius: 3px !important;
    color: #afafaf;
    display: inline-block;
    padding: 5px 10px;
}
.inbox-pagination button.np-btn {
    background: none repeat scroll 0 0 #fcfcfc;
    border: 1px solid #e7e7e7;
    color: #afafaf;
    display: inline-block;
    padding: 5px 12px;
}
.mail-option .chk-all input[type="checkbox"] {
    margin-top: 0;
}
.mail-option .btn-group a.all {
    border: medium none;
    padding: 0;
}
.inbox-pagination button.np-btn {
    margin-left: 5px;
}
.inbox-pagination li span {
    display: inline-block;
    margin-right: 5px;
    margin-top: 7px;
}
.heading-inbox h4 {
    border-bottom: 1px solid #ddd;
    color: #444;
    font-size: 18px;
    margin-top: 0px;
    padding-bottom: 20px;
}
/*.sender-info {
    margin-bottom: 20px;
}*/
.sender-info img {
    height: 30px;
    width: 30px;
}
.sender-dropdown {
    background: none repeat scroll 0 0 #eaeaea;
    color: #777;
    font-size: 10px;
    padding: 0 3px;
}
.view-mail a {
    color: #337ab7;
}
.attachment-mail {
    margin-top: 30px;
}
.attachment-mail ul {
    display: inline-block;
    margin-bottom: 30px;
    width: 100%;
}
.attachment-mail ul li {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 150px;
}
.attachment-mail ul li img {
    width: 100%;
}
.attachment-mail ul li span {
    float: right;
}
.attachment-mail .file-name {
    float: left;
}
.attachment-mail .links {
    display: inline-block;
    width: 100%;
}

.fileinput-button {
    float: left;
    margin-right: 4px;
    overflow: hidden;
    position: relative;
}
.fileinput-button input {
    cursor: pointer;
    direction: ltr;
    font-size: 23px;
    margin: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(-300px, 0px) scale(4);
}
.fileupload-buttonbar .btn, .fileupload-buttonbar .toggle {
    margin-bottom: 5px;
}
.files .progress {
    width: 200px;
}
.fileupload-processing .fileupload-loading {
    display: block;
}
* html .fileinput-button {
    line-height: 24px;
    margin: 1px -3px 0 0;
}
* + html .fileinput-button {
    margin: 1px 0 0;
    padding: 2px 15px;
}
.inbox-small-cells {
  width: 5px;
}
.mailbox-frm-compose {
  background: #f7f7f7 none repeat scroll 0 0;
  border-radius: 3px;
  margin-top: 20px;
  padding: 15px;
}
.mailbox-frm-compose .form-group {margin-bottom: 5px;}
.mailbox-frm-compose .sender-info {border-bottom: 1px solid #dddddd;margin-bottom: 10px;padding-bottom: 10px;}
.user-info-child {
  border-bottom: 1px solid #dddddd;
  margin-bottom: 10px;
  padding-bottom:5px;
}
.user-info-child h3 {margin:0;margin-bottom:5px;}
.table.sm-drop {margin-bottom:0;}
.table.sm-drop td {
  font-size: 12px;
  white-space:nowrap;
  padding:3px 8px;
}
.table.sm-drop > tbody > tr > td{border-color:#fff;}
.table-inbox .view-message {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.table-inbox .view-message span {
    display: block;
    max-width: 20px;
}
@media (max-width: 991px) {
.mail-box .sm-side{width:160px;}
    .header-checkbox input[type="checkbox"].d-inline-block {
        margin: 0 5px 0 0 !important;
    }
}
@media (max-width: 767px) {
    .mail-box .sm-side{width:100%;float:none;}
    .mail-box aside{display:block;}
    .inbox-body{padding:15px 0;}
    .sm-side .inbox-body{padding:10px;}
    .table-inbox tr td {padding: 10px 5px !important;}
    .mailbox .mail_list table tr td:first-child + td + td + td, .mailbox .mail_list table tr th:first-child + th + th + th{width:120px !important;}
    .files .btn span {
        display: none;
    }
    .files .preview * {
        width: 40px;
    }
    .files .name * {
        display: inline-block;
        width: 80px;
        word-wrap: break-word;
    }
    .files .progress {
        width: 20px;
    }
    .files .delete {
        width: 60px;
    }

    div:not(.tms-lms) > .filter-panel-heading{
        /*display: none;*/
        background: white !important;
    }

    .lightBackground{
        background: #e9edf2 !important;
    }

    .panel-heading.filter-panel-heading{
        background: #e9edf2;
        color: #81899c;
        border-radius: 0 0 5px 5px;
        -webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
        box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
        padding: 9px 30px;
        cursor: pointer;
        text-transform: uppercase;
        border-top: 0;
        font-size: 12px;
        z-index: 9999;
        border-color: #e9edf2;
        position: absolute;
        left: 40%;
        top: 0;
        transform: translate(-40%, 0%);
    }

    .open > .dropdown-menu:not(.action-td .open > .dropdown-menu, .action-th .open > .dropdown-menu) {
        right: -5px !important;
        left: auto;
    }
}
ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

/*compose-modal*/
.modal.fade.bottom.compose-modal, .modal.fade.bottom.compose-modal.in {
  bottom: 0;
  left: auto;
  right: 0;
  top: auto;max-height:95%;
}
.modal.fade.bottom.compose-modal.in .modal-dialog {
  margin: 0;
}
.compose-modal .modal-content {
  border-radius: 0;
}
.compose-modal .modal-content .modal-header {
	background:#3F4454;
}
.compose-modal .modal-content .modal-header .modal-title{color:#fff;}
.compose-modal .mailbox-frm-compose{margin-top:0;}
.compose-modal .mail-box {
  max-height: 800px;
  overflow-y: auto;
}
.compose-modal .mail-box, .compose-modal .mail-box aside{display:block;}

/*.compose-style .input-group-addon,*/
.mailbox-frm-compose .ctop .input-group-addon
 {text-align: left;width: 90px;}
.compose-style .input-group,
.mailbox-frm-compose .ctop .input-group{width:100%;}
/*Mail end ===============*/

.modal.fade:not(.in).bottom .modal-dialog {
	-webkit-transform: translate3d(0, 25%, 0);
	transform: translate3d(0, 25%, 0);
}


.border-less .panel-body {padding-top: 0;}
.border-less.panel .panel-heading {border-bottom: medium none;padding-top:15px;}

.link-list ul {margin-left: 24px;}
.link-list p, .link-list a {
  border-bottom: 1px solid #f0f4f9;
  display: block;
  margin: 0;
  padding: 4px 0;
}
.link-list a:hover{background:#f0f4f9;}
.link-list p span, .link-list a span {
  font-size: 16px;
  margin-right: 5px;
}
.link-list-panel .panel-heading .panel-title{font-size:20px;}
.link-list-panel{position:relative;}
.link-list-panel .panel-title span {
  color: #e9edf2;
  font-size: 50px;
  position: absolute;
  right: 20px;
  top: 10px;
}

.input-group-btn.btn a{color:#fff;}

/*Full detail gallery slider*/
.details .thumbs.owl-carousel{margin-top:-1px;}
.details .thumbs.owl-carousel .owl-stage-outer {background: #3f4454 none repeat scroll 0 0;padding: 1px 5px;}
.details .big-images.owl-carousel .owl-item .item {
  background: #e9edf2;
  max-height: 340px;
  min-height: auto;
  overflow: hidden;
  width: auto;
}
.details .big-images.owl-carousel .owl-item .item img {
  margin: 0 auto;
  max-height:340px;
  width: auto;
}
.details .thumbs.owl-carousel .owl-item .item {
  color: #ffffff;
  cursor: pointer;
  display: block;
  height: 75px;
  margin: 6px 3px;
  opacity: 1;
  overflow: hidden;
  text-align: center;
}

.details .big-images.owl-carousel .owl-prev, .details .big-images.owl-carousel .owl-next {
  font-size: 0;
  position: absolute;
  top: calc(50% - 17px);
  left:10px;
}
.details .big-images.owl-carousel .owl-prev::before, .details .big-images.owl-carousel .owl-next::before {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  border-radius: 3px;
  color: #ffffff;
  content: "\e995";
  display: block;
  font-family: "leadcitysolution" !important;
  font-size: 20px;
  font-style: normal !important;
  font-variant: normal !important;
  font-weight: normal !important;
  height: 35px;
  line-height: 35px;
  text-align: center;
  text-transform: none !important;
  width: 35px;
}
.details .big-images.owl-carousel .owl-next {
  right: 10px;
  left:auto;
}
.details .big-images.owl-carousel .owl-next::before {
  content: "\e994";
}

.details .thumb li.item {
  height: 60px;
  margin-bottom: 10px;
  overflow: hidden;
}
.details .thumb{max-height:340px;overflow-y:auto;}






h4 .checkbox > label {
  font-size: inherit;
  font-weight: inherit;
}
.label-dark .label {
  color: #333333;
  font-weight: 400;
  display:inline-block;
}
.label-dark{margin:0;}

.checkbox.colored {
  border-radius: 2px;
  display: inline-block;
  height: 25px;
  padding: 4px 0 0 24px;
  text-align: center;
  vertical-align: middle;
  width: 25px !important;
  margin-top:0;
  margin-right:3px;
  margin-bottom:5px;
}

.checkbox.colored.transcontmaster {
    border-radius: 2px;
    display: inline-block;
    height: 28px;
    padding: 5px 6px 5px 28px;
    text-align: left;
    /* vertical-align: top; */
    width: auto !important;
    /* margin-top: 0; */
    /* margin-right: 3px; */
    margin-bottom: 10px;
    /* float: left; */
}

/*.checkbox.colored {*/
    /*border-radius: 2px;*/
    /*display: unset;*/
    /*height: 25px;*/
    /*padding: 5px 0 5px 24px;*/
    /*text-align: center;*/
    /*vertical-align: middle;*/
    /*width: 0 !important;*/
    /*margin-top: 0;*/
    /*margin-right: 3px;*/
    /*margin-bottom: 5px;*/
/*}*/
.panel-control .action .icon {
  color: #ffffff;
}
.page-login .panel.panel-default {
  border-radius: 0;
}
@media (max-width: 1366px) {
    .header-checkbox label {
        display: none;
    }
    .header-checkbox .dropdown {
        margin-top: 1px;
    }
}
/* TMS Color scheme */
option.green,
select.green	{background-color:green !important;color:#fff !important;}
.red			{background-color:#c02025 !important;color:#fff !important;}
.yellow			{background-color:yellow !important;color:black !important}
.orange			{background-color:#FF9800 !important;}
.default		{background-color:#444;color:white !important}
.green			{background-color:green !important;color:#fff !important;}
.grey			{background-color:grey !important;color: #fff !important;}
.blue			{background-color:blue !important;color: #fff !important;}
.white			{background-color:white !important;color: #0a0a0a !important;}
.sea-green		{background-color:#0eaaa6 !important;color: #ffffff !important;}
.black			{background-color:black !important;color: #ffffff !important;}
.purple			{background-color:purple !important;color: #ffffff !important;}
.pink			{background-color:pink !important;color: #ffffff !important;}
.sherpa-blue	{background-color:#06a7ea !important;color: #ffffff !important;}
.light-red	    {background-color:#d13a44 !important;color: #ffffff !important;}
.dark-orange	{background-color:#ff4700 !important;color: #ffffff !important;}
.dark-pink	    {background-color: #ff2a9b !important;color: #ffffff !important;}
.gold	        {background-color: #eac85e !important;color: #ffffff !important;}
.skyblue	    {background-color: #00aeef !important;color: #ffffff !important;}
.form-group .border-green	{border: 2px solid green !important;}
.border-red	    {border:2px solid #c02025 !important;}
.text-red{color: #c02025;}
.text-lightblue {color: #00d8ff;}
/*Multi select*/
.ui-corner-all .ui-multiselect-checkboxes label input{top:-2px;}
.ui-multiselect .caret{margin:7px 0;}


.checkbox-inline-box .checkbox-inline, .checkbox-inline-box .radio-inline{margin-left:0px;}
.myleftclass{width:136px;line-height:30px;}


/*Modal Hacks*/
.popup-body {height: auto !important;margin-bottom: 85px !important;overflow-x: hidden;}
.popup-body .pagination-box {margin-bottom: 90px;}
.popup-body .footer {bottom: 0;position: fixed;width: 100%;z-index: 111;background:#fff;text-align:right;border-top:1px solid #e9edf2;border-radius:0 0 3px 3px;}

.form-horizontal .control-label.text-left{text-align:left;}

.sorting-block p{min-height:44px;}
.ui-state-highlight.ui-sortable-helper{background:#dafdf7;border:1px solid #22baa0;box-shadow:0 4px 8px 3px rgba(0, 0, 0, 0.18);}
.tdpadding {padding-bottom: 60px;vertical-align: top;padding-left: 19px;}
.connectedSortable {
	border: 2px solid #dce1e7;
	width: 100%;
    height: 490px;
	margin: 0;
	padding: 5px;
	float: left;
	margin-right: 19px;
	padding-left: 20px;
	text-align: left;
	overflow-y:auto;
}
@media(max-width: 768px){
    .connectedSortable{
        height: auto;
    }
}
.signer_info_wrap{
    margin-bottom: 100px;
    margin-left: 0;
    margin-right: 0;
}
.connectedSortable li{
	margin: 7px 8px;
	padding: 5px;
	font-size: 13px;
	width: calc(100% - 15px);
	cursor: pointer;
}

div.table-body {
  display: table;
  height: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
div.table-cell {
  display: table-cell;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
div#main-wrapper.table-body {
  height: calc(100vh - 60px);
  margin: 30px 0;
}

/*Chart*/
.chart_title {
  margin: 0 0 6px;
}


/*Scroll to top*/
.cd-top {
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 20px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  background: #dce1e7;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
  text-align:center;line-height:40px;font-size:17px;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  visibility: visible;
  opacity: .6;
}
.cd-top.cd-fade-out {
  opacity: .6;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}

.permission-box .col-md-4{font-weight:600;}
.panel-control i.icons {
  color: #ffffff;
}
.panel-heading.gray .panel-control i.icons {
  color: #333;
}




.doc_row > div .panel-title, .doc_row > div .panel-control {padding: 7px 5px 7px 15px;line-height: inherit;}
.doc_row > div .panel-control a{padding: 0 3px;color:#fff;}
.doc_row > div .panel-control a:hover{opacity:0.7;}
.custom-document-detail .wrapper{padding:10px 0;border-bottom:2px solid #eff1f7;margin-bottom:20px;}
.doc_row {margin-bottom: 10px;}

#document_container .doc_cat_title .icon-document{
    font-size: 20px !important;
    margin-right: 5px;
}

.doc_cat_title .panel-title{
    font-size: 17px !important;
}

.document_category .panel-heading.doc_cat_title{
    padding: 12px 15px !important;
    background-color: #F5B041;
    /*background-color: #e5b33c;*/
}


.pagination-box .dropdown-menu::before{border-top: 8px solid #d8dee4;bottom: -17px;border-bottom: 8px solid rgba(0, 0, 0, 0);top:auto;}
.pagination-box .dropdown-menu::after{border-top: 7px solid #ffffff;bottom: -14px;border-bottom: 7px solid rgba(0, 0, 0, 0);top:auto;}
.pagination-box .dropup .dropdown-menu{margin-bottom: 10px;}

.all_cont_area .panel-compact {border-bottom: 1px solid #e5e5e5 !important;}
.all_cont_area .panel-compact .panel-heading {background: #f9f9f9;margin-bottom:-1px;}
.all_cont_area .panel-compact .panel-heading h4{padding:8px 0;}
.all_cont_area .panel-compact .panel-body{margin:0 15px;}
.all_cont_area .panel.panel-compact{margin-bottom:10px;}

/* To display show more content in Listing SEO*/
.more_container_showhide{
    position: absolute;
    background: white;
    padding: 10px;
    border: 1px solid;
    z-index: 1;
}

/*.isMoreOnPopOver {
    display: -webkit-inline-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 92%;
    vertical-align: middle;
}*/

/* To display panel control icon color black*/
.custom-control i.icons {
    color: #333 !important;
}

/* To display toggle checkbox in saved search - footer */
.disptoggle > label ~ .onoffswitch{
    display: inline-block;
}
.disptoggle .onoffswitch-inner:before{
    padding-right: 30px !important;
}
.disptoggle > label{
    vertical-align: top;
    padding-top: 10px;
}
span.label.ttm_user_color {
    padding: 7px !important;
}
.panel-heading.filter-panel-heading.white{
    background: #FFFFFF !important;
}
.panel-heading.filter-panel-heading{
    /*width: 100px;*/
    position: absolute;
    left: 45%;
    top: -15px;
    background: #e9edf2;
    color: #81899c;
	border-radius: 0 0 5px 5px;
	-webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
	padding: 9px 30px;
	cursor:pointer;
	text-transform:uppercase;
    border-top: 0;
	font-size: 12px;
	z-index: 11;
	border-color: #e9edf2;
}
.panel .panel-heading.filter-panel-heading .panel-title{margin-right: 10px; font-size:12px;}

.panel-heading.filter-panel-heading .panel-control i {
    color: #81899c;
    display: flex;
}
.m-t-20 {
    margin-top: 20px;
}
.breadcrumb>li {
    display: inline-block;
    color: #90999c;
}
.row.gutters-6 > [class^="col-"], .row.gutters-6 > [class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
}


.radio {
    padding-left: 20px; }
.radio label {
    display: inline-block;
    position: relative;
    padding-left: 5px; }
.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out; }
.radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 11px;
    height: 11px;
    left: 3px;
    top: 3px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #555555;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
.radio input[type="radio"] {
    opacity: 0; }
.radio input[type="radio"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
.radio input[type="radio"]:checked + label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); }
.radio input[type="radio"]:disabled + label {
    opacity: 0.65; }
.radio input[type="radio"]:disabled + label::before {
    cursor: not-allowed; }
.radio.radio-inline {
    margin-top: 0; }

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

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

.radio-info input[type="radio"] + label::after {background-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::before {border-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::after {background-color: #5bc0de; }

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

.radio-success input[type="radio"] + label::after {background-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::before {border-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::after {background-color: #5cb85c; }


/*26 Jan 2018*/
/* table.table.table-special .bottom-list-actions td {border-top:0 !important} */

/**/
.onoffswitch-list{width: auto;display: inline-block;vertical-align: middle}

.label-display{white-space: normal;}

.label-display .label {
    position: relative;
    top: 0;
    margin-bottom: 5px !important;
    display: inline-block;
}
.font-red{color: red;}
.font-green{color: green;}
.upload-input{
    opacity: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    cursor: pointer !important;
}
.image-preview.lg-2 {
    margin-bottom: 5px;
    width: 133px;
    height: 150px;
    clear: both;
}

.icon-new  a i{
    font-size: 38px;
    display: block;

}

.icon-new  a span{
    font-size: 12px;

}

.icon-new a:hover {
    color: #1779B9;
    transition: 0.1s ease 0.1s;
}

.data-list-picture {
    width: 250px;
    margin: 0 auto;
    display: block;
}




/*#customIframModel{ padding-left: 10px; }*/

/*
 * Manoj Ahir ~>  Fixed top navbar right action dropdown issues.
 */
.action-group-button {
    display: flex;
    justify-content: flex-end;
}

.action-group-button .btn-group:nth-child(3) .btn,
.action-group-button .btn-group:nth-child(4) .btn {
    border-radius: 0;
}

.action-group-button .btn-group:nth-child(3) .btn ~ .btn,
.action-group-button .btn-group:last-child .btn{
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.action-group-button .btn-group:nth-child(5) .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.action-group-button .btn-group:nth-child(3) .dropdown-menu,
.action-group-button .btn-group:nth-child(5) .dropdown-menu,
.action-group-button .btn-group:nth-child(4) .dropdown-menu{
    right: 0;
    left: auto;
}

@media screen and (max-width: 767px) {
    .ShowHideToolTips {
        height: 31px;
        line-height: 10px;
    }
    .action-group-button .btn-group .btn {
        margin-bottom: 0;
    }
    .action-group-button .btn-group:nth-child(5) .btn {
        border-top-right-radius: 4px !important;
        border-bottom-right-radius: 4px !important;
    }
}
.custom-col {
    width: 20%;
}
input.srole_enable_field_level_permission {
    margin: 5px;
}
.preview {
    margin-bottom: 5px;

}
.preview b {
    float: left;
    margin-right: 5px;

}
.preview .form-group {
    margin: 0 0 0 10px;
}
.preview .form-group .form-control {
    max-width: 94%;
}
.field-labels th {
    min-width: 100px;
}
.field-labels th, .field-labels td {
    padding: 3px 0;
}
.grid-stack-item-content  .row.form-group {
    margin-bottom: 10px;
}

/*::-webkit-scrollbar {
    width: 16px;
}

!* Track *!
::-webkit-scrollbar-track {
    background: #e9edf2;
}

!* Handle *!
::-webkit-scrollbar-thumb {
    background: #bdbdbd;
}

!* Handle on hover *!
::-webkit-scrollbar-thumb:hover {
    background: #9d9d9d;
}*/

.caret-up {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-bottom: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.pop-up-bc-tooltip small{
    color: #888;
    cursor: default;
}
.pop-up-bc-tooltip small:hover{
    color: #555;
}
form#frmTransInformation i, form#frmTaskData i, .primaryListingUser i, .primaryBuyingUser i, .co-userListingUser i, .co-userBuyingUser i{
    font-size: inherit;
}
.span-colorpicker {
    padding: 5px 11px;
}
.colorPick {
    display: flex;
    align-content: center;
    align-items: center;
    height: 22px;
    width: 32px;
}
.compliance_agent_name{
    display: inline-block;
}
.compliance_agent_name+.compliance_agent_name::before {
    content: " | ";
    padding: 0 5PX;
}
.showFullConversationHistory{
    max-height: max-content !important;
    overflow: auto !important;;
}
.conver-note {
    width: 75%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.updateNotesOfDocuments:not(:last-child) {
    margin-bottom: 3px;
}
.table-special .updateNotesOfDocuments {
    width: 85px;
}
.text-transparent{
    color: transparent;
}
.sweet-alert{
    z-index: 9999;
}
.sweet-alert h2 {
    margin: 25px 10px auto;
}
.page-inner-help-short-description.lg {
    max-height: 60px;
}
.btn-outline.smart-filter {
    font-weight: 600;
    padding: 3px 8px;
    text-transform: capitalize;
    color: #28a745;
    background: #e9f6ec;
    border-color: #28a745;
}
.btn-outline.smart-filter:hover, .btn-outline.smart-filter:focus {
    color: #fff;
    background: #28a745;
    border-color: #28a745;
}
.smart-filter-popover .popover-title{
    color: #3f4454;
    font-weight: 500;
    text-transform: capitalize;
}
.smart-filter-popover .popover-footer {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #f7f7f7;
    border-top: 1px solid #ebebeb;
}
.smart-filter-popover .popover-content button {
    font-size: smaller;
}
.smart-filter-btn-group{
    max-width: 85%;
    display: inline-table;
}

.panel-filter .input-group-btn {
    vertical-align: unset;
    font-size: unset;
}
.panel-filter .input-group-btn.auto-suggest-input {
    vertical-align: middle;
}
.panel-filter .option-block {
    overflow-y: auto;
    margin: unset;
    border-radius: 0 4px 4px 0;
    max-height: 80px;
    clear: both;
}
.panel-filter .input-group-btn .btn.dropdown-toggle {
    border: 1px solid #12AFCB;
    z-index: 9;
    margin-right: -3px;
    font-size: 14px;
}
.panel-filter .input-group-btn .dropdown-menu .active a {
    background-color: #12AFCB;
}

table .dropdown .btn {
    padding: 0 5px;
    border-color: #bcc3cb;
    background: #dee4ea none repeat scroll 0 0;
    color: #323642;
}

table .dropdown .btn:focus,
table .dropdown .btn:hover {
    background: #cfd4d9 none repeat scroll 0 0;
}

.action-right.table.table-special th:last-child, .action-right.table.table.table-special td:last-child {
    width: 1% !important;
    text-align: center;
}
.SubItemClass .item {
    display: block;
    clear: both;
}
.SubItemClass .item span {
    line-height: 15px;
}
small.tm_status, small.ls_status {
    display: inline !important;
    padding: 2px 5px;
    font-weight: 600 !important;
}
.text-truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tm_status option:disabled, .ls_status option:disabled{
    color: #f5f5f5 !important;
}
.bottom-action-bar > tbody > tr:nth-child(odd):hover + tr .btn.btn-d-red, .table-hover > tbody > tr:hover .btn.btn-info, .table-hover > thead > tr:hover .btn.btn-info {
    background: #12AFCB;
    border-color: #12AFCB;
    color: #ffffff;
}
.bottom-action-bar > tbody > tr:nth-child(odd):hover + tr .btn.btn-d-red, .table-hover > tbody > tr .btn-info:hover {
    color: #fff;
    background-color: #08A7C3;
    border-color: transparent;
}
a.selectTag {
    vertical-align: middle;
}
.filter-buttons button {
    font-size: 12px;
}



.quick-search-box-desktop ul {
    width: 515px !important;
}
.quick-search-result-ul{
    visibility: visible !important;
    opacity: 1 !important;
}
.ui-autocomplete-category {
    text-align: left;
    padding:3px 7px !important;
}
.quick-search-box-mobile .ui-autocomplete .list-group-item.ui-menu-item a,
.quick-search-box-desktop .ui-autocomplete .list-group-item.ui-menu-item a {
    padding: 0 !important;
    margin-left: 10px;
    color: #000;
}

.ui-autocomplete .list-group-item.ui-menu-item {
    padding: 3px;
    font-size: 95%;
    margin: 0;
}

.navbar ul ul ul .list-group-item {
    position: relative;
    display: block;
    padding: 0.5rem 1rem;
    color: #212529 !important;
    text-decoration: none;
    background-color: #fff !important;
    border: 1px solid rgba(0,0,0,.125);
}

.navbar ul ul ul.ui-autocomplete {
    cursor: pointer;
    background-color: #FFF !important;
    max-height: 88vh;
    overflow: auto;
    overflow-x: hidden;
    padding: 0;
    /*display: block !important;*/
    left: -10px !important;
    top: 42px !important;
    border: 0 !important;
}

.navbar .menu-accordion ul li.list-group-item.ui-menu-item:hover>a,
.navbar .menu-accordion ul .list-group-item.ui-menu-item:hover>label {
    color: #000;
    text-decoration: none;
    background-color: #f5f5f5;
}
.navbar ul ul ul .list-group-item.ui-state-focus, .navbar ul ul ul .list-group-item.ui-state-active {
    margin: 0;
}

li.list-group-item.ui-autocomplete-category:before {
    content: "\e127";
    font-family: 'Glyphicons Halflings';
    vertical-align: bottom;
    margin-right: 5px;
}

.navbar ul ul ul .list-group-item.ui-autocomplete-category:hover {
    cursor: initial;
}

/*.quick-search-box-mobile .quick-search-input-ul .ui-autocomplete,*/
.quick-search-box-mobile  .navbar ul ul ul.ui-autocomplete {
    cursor: pointer;
    background-color: #FFF !important;
    border: solid 1px #CCC;
    max-height: 88vh;
    overflow: auto;
    overflow-x: hidden;
    padding: 0;
    /*display: block !important;*/
}

.quick-search-box-mobile ul ul .list-group-item.ui-autocomplete-category,
.quick-search-box-desktop ul ul .list-group-item.ui-autocomplete-category {
    background-color: #dee4ea !important;
    font-weight: 600 !important;
    padding: 4px 10px !important;
    line-height: normal;
    border-radius: 0 !important;
}

.ui-autocomplete .list-group-item.ui-menu-item:hover {
    background-color: #e7ebf099 !important;
}

.ui-autocomplete .list-group-item.ui-menu-item:hover a {
    background-color: transparent !important;
}

div#quick-search-input-box {
    display: inline-block;
    width: 100%;
    overflow: hidden;
}
div#quick-search-input-box .quick-search-input {
    padding-right: 32px;
    border-radius: 0;
    transition: unset !important;
}
div#quick-search-input-close {
    height: 100%;
    margin-left: -30px;
    position: absolute;
    display: inline;
}
ul.quick-search-input-ul .hide-quick-search-input-ul {
    border: unset !important;
    box-shadow: unset;
    background: #12afcb;
    width: 30px;
    vertical-align: initial;
    border-radius: 0;
    padding: 3px 9px;
}
ul.quick-search-input-ul .hide-quick-search-input-ul i {
    line-height: 28px;
}
.quick-search-box-desktop .ui-autocomplete .list-group-item.ui-menu-item a span,
.quick-search-box-mobile .ui-autocomplete .list-group-item.ui-menu-item a span{
    font-weight: 600;
    color: #337ab7;
}

@media (min-width:900px) and (max-width:1366px) {
    .ui-autocomplete .list-group-item.ui-menu-item {
        padding: 2px 3px;
        font-size: 93%;
    }
    .quick-search-box-desktop ul {
        width: 575px !important;
    }
}
@media (min-width: 769px) {
    .action-th, .action-td {
        width: 1% !important;
        text-align: center;
    }
}
.quick-search-result-ul::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background-color: #f6f6f6;
}
.quick-search-result-ul::-webkit-scrollbar-thumb {
    background-color: #70747f;
    background-clip: padding-box;
    /* border: 1px solid #fff; */
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: inset -1px 1px 0 #337ab7, inset 1px 1px 0 #337ab7;
}
.quick-search-result-ul::-webkit-scrollbar-track {
    background-color: #f6f6f6;
}
.quick-search-result-ul::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.navbar .quick-search-box-desktop a span.menu-icon {
    margin-right: 0 !important;
}
.border-bottom-light {
    border-bottom: 1px solid #e8eaf666;
}
.panel-filter .input-group {
    display: inline-table;
}
.lead_search_user_ul_result.ui-autocomplete{
    z-index: 9999999999 !important;
}
.quick-add-buttons label {
    padding: 0 !important;
}

#frmQuickAddInsightSelect .input-group span, #frmQuickAddTranListingSelect .input-group span {
    background: #ffff;
    border: 1px solid #12AFCB !important;
}
#frmQuickAddInsightSelect .input-group .form-control, #frmQuickAddTranListingSelect .input-group .form-control {
    border-radius: unset;
    height: 35px !important;
}
#frmQuickAddInsightSelect .input-group span button, #frmQuickAddTranListingSelect .input-group span button {
    border-radius: unset;
}
/*Quick Search Mobil CSS*/

.quick-search-box-mobile {
    width: 100%;
    display: inline-block;
    z-index: 997;
}
.quick-search-box-mobile.fix-quick-search-box{
    position: fixed;
    /*-webkit-transition: opacity .3s 0s, visibility 0s .3s;*/
    /*-moz-transition: opacity .3s 0s, visibility 0s .3s;*/
    /*transition: opacity .3s 0s, visibility 0s .3s;*/

    /*-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;*/
    /*transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }*/
}
.quick-search-box-mobile {
    background-color: #3f4453;
    padding: 8px 8px 4px 8px;
    margin: 0 !important;
}

.quick-search-mobile {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9999;
    display: inline-block;
    background: #3f4453;
    height: 100%;
}
a.quick-search-mobile-link {
    font-size: 2rem;
    color: #fff;
    font-weight: 700 !important;
    margin-top: 9px !important;
    display: block;
    border: 1px solid gray;
    border-radius: 5px;
    padding-top: 3px;
    padding-left: 1px;
    padding-right: 1px;
    margin-left: -10px;
}
a.quick-search-mobile-link i {
    padding: 0 5px;
}
a.quick-search-mobile-link i:before {
    vertical-align: initial;
}

.quick-search-box-mobile #quick-search-input-box .ui-widget-content {
    width: 100% !important;
}

table.table.table-special th, table.table.table-special td {padding: 5px 8px;border: 1px solid #d2d9e0;}

.isDocumentOrTmplRole {
    background: #e9e9e9;
    border: 1px solid #88e8f1 !important;
}

.list-group-item.ui-autocomplete-category span {
    font-size: 10px;
    float: right;
    font-weight: normal;
}
.quick-search-box-mobile .ui-autocomplete {
    max-height: 65vh;
}

.quick-search-box-desktop .ui-autocomplete .list-group-item.ui-menu-item a.view_detail,
.quick-search-box-desktop .ui-autocomplete .list-group-item.ui-menu-item:hover a.view_detail,
.quick-search-box-mobile .ui-autocomplete .list-group-item.ui-menu-item a.view_detail,
.quick-search-box-mobile .ui-autocomplete .list-group-item.ui-menu-item:hover a.view_detail
{
    color: #12AFCB;
    border: 1px solid #12AFCB;
    border-radius: 5px;
    padding: 3px 5px 2px !important;
}
.quick-search-box-desktop .ui-autocomplete .list-group-item.ui-menu-item a.view_detail:hover,
.quick-search-box-mobile .ui-autocomplete .list-group-item.ui-menu-item a.view_detail:hover {
    background: #12AFCB !important;
    color: #fff !important;
}

@media (min-width:900px) and (max-width:2560px) {
    .html_pager_text label:after {
        content: ' | ';
    }
    .add-sep-before-div:before {
        content: ' | ';
    }

    .custom-justify-right {
        justify-content: right;
        display: flex;
    }
}

@media (min-width:1100px) and (max-width:1599px) {
    table.table.table-special > thead > tr > th, table.table.table-primary > thead > tr > th, table.table.table-special > thead > tr > th a, table.table.table-primary > thead > tr > th a{
        font-size: 13px;
    }
}
form#frmSearch {
    margin-bottom: 20px;
}
@media  (max-width:767px) {
    .alert {
        padding: 5px 10px;
        font-weight: normal;
        line-height: normal;
    }
    select[name="page_size"], select[name="selection-sort"]{
        width: auto;
        display: inline-block;
    }
}

select[name="page_size"] {
    margin-right: 5px;
}
div#swal2-html-container #collapseTransactions,
div#swal2-html-container #collapseForms {
    max-width: 150vh;
    max-height: 40vh;
    overflow: auto;
}
.radio-md .radiobox-inline label {
    line-height: normal;
}
.radio-sm .radiobox-inline label {
    padding: 1px 3px;
    line-height: normal;
    font-size: 96%;
}
.radio-red-green .radiobox-info input[type="radio"][value="Yes"]:checked + label {
    background-color: #008000;
    border: 1px solid #008000;
}
.radio-red-green .radiobox-info input[type="radio"][value="No"]:checked + label {
    background-color: #c02025;
    border: 1px solid #c02025;
}
input[type="checkbox"]:hover, input[type="radio"]:hover {
    cursor: pointer;
}
input[type=file], /* FF, IE7+, chrome (except button) */
input[type=file]::-webkit-file-upload-button { /* chromes and blink button */
    cursor: pointer;
}
.mw-200p{
    max-width: 200px;
}
.connectedSortable li {
    margin: 6px;
}
.common-alerts .alert-dismissible .close {
    top: -1px;
    right: -5px;
}

.dropdown-menu {
    min-width: 100px;
}

.doc-actions a {
    color: white;
    padding: 0 2px 0 2px;
}
table.table > thead > tr > th > .dropdown a {
    background-color: #fff;
    font-weight: initial;
    text-transform: initial;
}
table.table > thead > tr > th > .dropdown a:focus,
table.table > thead > tr > th > .dropdown a:hover {
    background-color: #f5f5f5;
}

.ul-grid-3{
    display: grid;
    grid-template-columns: 33.33% 33.33% 33.33%;
}
.ul-grid-2 {
    display: grid;
    grid-template-columns: 50% 50%;
}
.ul-grid-4 {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
}
.panel.panel-default.disabled .panel-heading {
    cursor: unset;
}
ul.list-group.mb-0.ul-grid-1 {
     display: grid;
}
#sitemap-detail-page-links .list-group-item, .community-links .list-group-item {
    padding: 3px 5px
}
#sitemap-detail-page-links .list-group .list-group-item a, .community-links .list-group .list-group-item a {
    display: initial;
}

.master-agent-icon {
    vertical-align: middle;
    font-size: 15px;
}
.btnCheckedToAddFromCollection {
    position: absolute;
    right: 7px;
    top: -10px;
    background: #eee;
    color: #198754 !important;
    font-weight: bolder;
    border: 1px solid;
    font-size: medium;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    padding: 0;
}
/* Show loader in AMP site on add/edit while select property type in Listing Criteria and Listing Criteria 2*/
.propertyTypeLoaderSection {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.7);
    left: 0;
    top: 0;
    z-index: 1111;
}

.propertyTypeLoaderSection div {
    position: absolute;
    top: 45%;
    left: 0;
    margin-top: 20px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.7);
    width: 100%;
}

.propertyTypeLoaderSection::after {
    content: '';
    display: block;
    position: absolute;
    left: 48%;
    top: 40%;
    width: 25px;
    height: 25px;
    border-style: solid;
    border-color: black;
    border-top-color: transparent;
    border-width: 2px;
    border-radius: 50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}


@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/*
 * Manoj Ahir ~> Spacer CSS
 */
.m-0 { margin:0!important; }
.m-1 { margin:.25rem!important; }
.m-2 { margin:.5rem!important; }
.m-3 { margin:1rem!important; }
.m-4 { margin:1.5rem!important; }
.m-5 { margin:3rem!important; }

.mt-0 { margin-top:0!important; }
.mr-0 { margin-right:0!important; }
.mb-0 { margin-bottom:0!important; }
.ml-0 { margin-left:0!important; }
.mx-0 { margin-left:0 !important;margin-right:0 !important; }
.my-0 { margin-top:0!important;margin-bottom:0!important; }

.mt-1 { margin-top:.25rem!important; }
.mr-1 { margin-right:.25rem!important; }
.mb-1 { margin-bottom:.25rem!important; }
.ml-1 { margin-left:.25rem!important; }
.mx-1 { margin-left:.25rem!important;margin-right:.25rem!important; }
.my-1 { margin-top:.25rem!important;margin-bottom:.25rem!important; }

.mt-2 { margin-top:.5rem!important; }
.mr-2 { margin-right:.5rem!important; }
.mb-2 { margin-bottom:.5rem!important; }
.ml-2 { margin-left:.5rem!important; }
.mx-2 { margin-right:.5rem!important;margin-left:.5rem!important; }
.my-2 { margin-top:.5rem!important;margin-bottom:.5rem!important; }

.mt-3 { margin-top:1rem!important; }
.mr-3 { margin-right:1rem!important; }
.mb-3 { margin-bottom:1rem!important; }
.ml-3 { margin-left:1rem!important; }
.mx-3 { margin-right:1rem!important;margin-left:1rem!important; }
.my-3 { margin-bottom:1rem!important;margin-top:1rem!important; }

.mt-4 { margin-top:1.5rem!important; }
.mr-4 { margin-right:1.5rem!important; }
.mb-4 { margin-bottom:1.5rem!important; }
.ml-4 { margin-left:1.5rem!important; }
.mx-4 { margin-right:1.5rem!important;margin-left:1.5rem!important; }
.my-4 { margin-top:1.5rem!important;margin-bottom:1.5rem!important; }

.mt-5 { margin-top:3rem!important; }
.mr-5 { margin-right:3rem!important; }
.mb-5 { margin-bottom:3rem!important; }
.ml-5 { margin-left:3rem!important; }
.mx-5 { margin-right:3rem!important;margin-left:3rem!important; }
.my-5 { margin-top:3rem!important;margin-bottom:3rem!important; }

.mt-auto { margin-top:auto!important; }
.mr-auto { margin-right:auto!important; }
.mb-auto { margin-bottom:auto!important; }
.ml-auto { margin-left:auto!important; }
.mx-auto { margin-right:auto!important;margin-left:auto!important; }
.my-auto { margin-bottom:auto!important;margin-top:auto!important; }

.p-0 { padding:0!important; }
.p-1 { padding:.25rem!important; }
.p-2 { padding:.5rem!important; }
.p-3 { padding:1rem!important; }
.p-4 { padding:1.5rem!important; }
.p-5 { padding:3rem!important; }

.pt-0 { padding-top:0!important; }
.pr-0 { padding-right:0!important; }
.pb-0 { padding-bottom:0!important; }
.pl-0 { padding-left:0!important; }
.px-0 { padding-left:0!important;padding-right:0!important; }
.py-0 { padding-top:0!important;padding-bottom:0!important; }

.pt-1 { padding-top:.25rem!important; }
.pr-1 { padding-right:.25rem!important; }
.pb-1 { padding-bottom:.25rem!important; }
.pl-1 { padding-left:.25rem!important; }
.px-1 { padding-left:.25rem!important;padding-right:.25rem!important; }
.py-1 { padding-top:.25rem!important;padding-bottom:.25rem!important; }

.pt-2 { padding-top:.5rem!important; }
.pr-2 { padding-right:.5rem!important; }
.pb-2 { padding-bottom:.5rem!important; }
.pl-2 { padding-left:.5rem!important; }
.px-2 { padding-right:.5rem!important;padding-left:.5rem!important; }
.py-2 { padding-top:.5rem!important;padding-bottom:.5rem!important; }

.pt-3 { padding-top:1rem!important; }
.pr-3 { padding-right:1rem!important; }
.pb-3 { padding-bottom:1rem!important; }
.pl-3 { padding-left:1rem!important; }
.py-3 { padding-bottom:1rem!important;padding-top:1rem!important; }
.px-3 { padding-right:1rem!important;padding-left:1rem!important; }

.pt-4 { padding-top:1.5rem!important; }
.pr-4 { padding-right:1.5rem!important; }
.pb-4 { padding-bottom:1.5rem!important; }
.pl-4 { padding-left:1.5rem!important; }
.px-4 { padding-right:1.5rem!important;padding-left:1.5rem!important; }
.py-4 { padding-top:1.5rem!important;padding-bottom:1.5rem!important; }

.pt-5 { padding-top:3rem!important; }
.pr-5 { padding-right:3rem!important; }
.pb-5 { padding-bottom:3rem!important; }
.pl-5 { padding-left:3rem!important; }
.px-5 { padding-right:3rem!important;padding-left:3rem!important; }
.py-5 { padding-top:3rem!important;padding-bottom:3rem!important; }

.mt-1p{ margin-top: 1px; }
.mt-2p{ margin-top: 2px; }
.mt-3p{ margin-top: 3px; }

.addCollBorderSuccess {
    border: 2px solid #28a745!important;
}