body {
    font-size: 12px;
    /*background-image: url("../images/bg-pattern.jpg");*/
    background-color: #ffffff;
    background-repeat: repeat;
    color: #6f8895;
    font-family: arial;
}

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

h4 {
    font-size: 16px;
    color: #6f8895;
    text-transform: uppercase;
    font-weight: 600;
}

a {
    cursor: pointer !important;
}
.text-primary{
    color: #f08a35;
}
.btn.btn-primary, .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary.active, .btn.btn-primary:active:focus, .btn.btn-primary:active:hover, .btn.btn-primary.active:focus, .btn.btn-primary.active:hover, .open > .btn.btn-primary.dropdown-toggle, .open > .btn.btn-primary.dropdown-toggle:focus, .open > .btn.btn-primary.dropdown-toggle:hover, .navbar .navbar-nav > li > a.btn.btn-primary, .navbar .navbar-nav > li > a.btn.btn-primary:hover, .navbar .navbar-nav > li > a.btn.btn-primary:focus, .navbar .navbar-nav > li > a.btn.btn-primary:active, .navbar .navbar-nav > li > a.btn.btn-primary.active, .navbar .navbar-nav > li > a.btn.btn-primary:active:focus, .navbar .navbar-nav > li > a.btn.btn-primary:active:hover, .navbar .navbar-nav > li > a.btn.btn-primary.active:focus, .navbar .navbar-nav > li > a.btn.btn-primary.active:hover, .open > .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle, .open > .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle:focus, .open > .navbar .navbar-nav > li > a.btn.btn-primary.dropdown-toggle:hover{
    background-color: #28ad57;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
    word-break: break-all;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
    padding: 5px 5px;
}
.centeraction {
    width: 100%;
    text-align: center;

}
.button-medium {
    width:45%;
    padding-left: 19px;
    padding-top: 9px;
    height:30px;
    font-size: 12px;
    color: #232020;
}

.gray {
    color: #777;
}

.wordwraplist {

    word-break: break-word;

}

.tdtexttop {
    vertical-align: text-top !important;
}
.cursor{
    cursor: pointer;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    background-color: #f8f8f8 !important;
    background-image: none !important;
    color: #6f8895 !important;
}

td {
    position: relative;
}
.table > thead > tr > th{
    font-size: 13px;
    font-weight: bold;
}
.cont {
    font-size: 12px;
    color: #6f8895;
    word-break: break-all;
}

.small-title {
    font-family: arial;
    font-size: 14px;
    color: #273841;
    letter-spacing: 2px;
}

.cont-list {
    height: 100px;
    overflow: hidden;
    overflow-y: auto;
    word-break: break-word;
}

.overflow-dots-y {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 15px;
}

.user-list-container .cont-list .overflow-dots-y {
    width: 90%;
}

.overflow-dots {
    padding-right: 50px;
}

.inactive {
    color: #d7d7d7;
}

.small-cont {
    color: #989898;
}

.margin-auto {
    margin: auto !important;
}

.form-group {
    margin: 0px 0 0 0;
    color: #74889D;
    padding-bottom: 0px;
}

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

.form-group label.control-label {
    font-size: 12px;
    color: #74889D;
}

.error-block {
    margin-bottom: 5px;
    float: left;
    min-height: 20px;
    position: relative;
    width: 100%;
}

.error-msg {
    color: #ff0000;
    background-color: #E4E4E4;
    padding: 5px;
    border-radius: 0px 0px 5px 5px;
    position: absolute;
    border: 1px #fff solid;
    border-top: 0;
    font-size: 12px;
    line-height: 13px;
    text-align: left;
}

.inner-page-header .btn-primary:hover,
.inner-page-header .btn-primary:focus {
    border: 1px solid #d47321;
    box-shadow: none;
    outline: none;
}

.inner-page-header .btn-primary.active,
.inner-page-header .btn-primary:focus {
    background-color: #58c9f3 !important;
    border: 1px solid #58c9f3 !important;
}



.dropdown-menu li>a {
    margin: 0px;
}

.page-header-titile {
    font-size: 30px;
    color: #273841;
    line-height: 40px;    
}
.page-header-titile1 {
    font-size: 30px;
    color: #273841;
    line-height: 40px; 
    width:1000px;   
}

.page-header-titile span {
    font-family: calibri;
    font-size: 14px;
    color: #6f8895;
}

.page-header-titile span.subWord {
    font-size: 24px;
    color: #273841;
    line-height: 40px;
    text-transform: capitalize;
}

.inner-page-header {
    display: block;
    margin-top: 10px;
}

.inner-page-header .btn-group button,
.inner-page-header .dropdown-toggle {
    padding: 8px 15px;
    background-color: #fff;
    color: #adadad;
    box-shadow: none;
    border: 1px #e4e4e4 solid;
}

.inner-page-header .dropdown button,
.inner-page-header .btn-group {
    margin: 0px;
}

.inner-page-header .bmd-form-group.form-group .form-control {
    background-color: #fff;
    margin: 0px;
    border: 1px #e4e4e4 solid;
    border-radius: 15px 0px 0px 15px;
    border-right: 0px;
    padding-right: 10px;
}

.inner-page-header .form-inline .btn.btn-fab,
.navbar .navbar-nav>li>a.btn.btn-fab {
    font-size: 13px;
    min-width: 35px;
    border-radius: 0px 15px 15px 0px;
    border: 1px #e4e4e4 solid;
    margin: -3px;
    box-shadow: none;
}

/* Tob menu bar */

/*header*/
.mr-auto,
.mx-auto {
    margin-right: auto !important;
}

.ml-auto,
.mx-auto {
    margin-left: auto !important;
}

.navbar-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.admin-header {
    background: #ffffff;
    -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
}

.admin-header.navbar {
    padding: 0px;
}

.admin-header.navbar ul.navbar-nav #btnFullscreen.nav-link {
    margin-top: 6px;
}

.admin-header.navbar.fixed-top+.container-fluid {
    padding-top: 4.7rem;
}

.admin-header.navbar .navbar-menu-wrapper {
    transition: width .8s ease;
    padding: 1px 15px;
    width: calc(100% - 215px);
}

.admin-header.navbar ul.navbar-nav li {
    margin-right: 10px;
}
.admin-header.navbar ul.dropdown-menu  li{
    margin-right: 0px;
}

.admin-header.navbar ul.navbar-nav li a.profile-pic img {
    width: 35px;
}

.admin-header.navbar ul.navbar-nav.pull-right .nav-link i {
    font-size: 19px;
    color: #232020;
}

.admin-header.navbar ul.navbar-nav .nav-link i {}

.admin-header.navbar .navbar-brand-wrapper {
    transition: width .5s ease-in-out;
    width: 230px;
}

.admin-header.navbar .navbar-brand-wrapper .navbar-brand {
    color: #5a5f61;
    font-size: 2rem;
    margin-right: 0;
    margin-left: 20px;
}

.admin-header.navbar .navbar-brand-wrapper .brand-logo {
    padding-top: 10px;
    border-right: 1px #fafafa solid;
    padding-right: 20px;
}

.admin-header.navbar .navbar-brand-wrapper .navbar-brand img {
    max-width: 100%;
    margin: auto;
}

.admin-header.navbar .navbar-brand-wrapper .brand-logo-mini {
    display: none;
}

.admin-header .navbar-brand {
    height: auto;
    padding: 9px 0;
}

.admin-header .navbar-brand img {
    height: 30px;
}

.admin-header .search .search-btn {
    color: #6c757d;
    padding: 14px;
    display: table-row;
}

.admin-header .search .search-btn:before {
    font-size: 16px;
}

.admin-header .search-box {
    left: -32px;
}

.admin-header .navbar-nav {
    flex-direction: row;
}

.admin-header .navbar-nav .dropdown-menu {
    position: absolute;
}

.admin-header .nav-item {
    position: relative;
    min-width: 40px;
    margin: 0;
    text-align: center;
}

.admin-header .nav-item.active {
    background-color: #e28e48;
    color: #fff;
}

.admin-header .nav-item .nav-link.nav-pill.user-avatar {
    padding: 10px 15px;
    line-height: 18px;
/*    max-width: 170px;*/
    height: 57px;
}
.user-split{
    border-left: 1px solid #eee;
}

.admin-header .nav-item .nav-link.nav-pill.user-avatar > div {
    float: left;
}
.admin-header .nav-item .nav-link.nav-pill.user-avatar > div .user-name {
    color: #f08a35;
    text-align: right;
    text-transform: uppercase;
    font-size: 12px;
    max-width: 100px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.admin-header .nav-item .nav-link.nav-pill.user-avatar > div .user-role {
    color: #cccccc;
    text-align: right;
    font-size: 11px;
    text-transform: uppercase;
    max-width: 100px;
    text-overflow: ellipsis;
    overflow: hidden;
    max-height: 22px;
}
.admin-header .nav-item .nav-link.nav-pill.user-avatar img {
    width: 35px;
    height: 35px;
    margin: 0;
    border: 0;
    border-radius: 50%;
    margin-left: 10px;
}

.admin-header .nav-item .nav-pill.user-avatar.dropdown-toggle img {
    width: 35px;
    height: 35px;
    margin: 0;
    border: 0;
    border-radius: 50%;
}

.admin-header .top-nav {
    margin-top: 0px;
}

.navbar .navbar-nav>li>a {
    line-height: 27px;
    color: #333133;
    font-size: 14px;
    text-transform: capitalize;
    letter-spacing: .5px;
}

/*drop down*/
.admin-header .dropdown .dropdown-menu {
    display: block;
    left: inherit;
    right: 0;
    opacity: 0;
    visibility: hidden;
    margin-top: 10px;
    -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
    border-radius: 0;
    border: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.admin-header .dropdown:hover .dropdown-menu {
    margin-top: 0;
    display: block;
    visibility: visible;
    opacity: 1;
}

.admin-header .nav-link .notification-status {
    position: absolute;
    top: 12px;
    right: 30%;
    width: 5px;
    min-width: 5px;
    height: 5px;
    min-height: 5px;
    padding: 0;
    border-radius: 100%;
    line-height: 5px;
}

.admin-header .dropdown-item {
    font-size: 14px;
    padding: 10px 1.5rem;
}

.admin-header .dropdown-item .time {
    font-size: .65rem;
}

.admin-header .dropdown-item i {
    margin-right: 10px;
}

.admin-header .notifications .badge {
    float: right;
}

.admin-header .nav-grid {
    display: inline-block;
    width: 100%;
}

.admin-header .nav-grid .nav-grid-item {
    display: inherit;
    width: 49.3%;
    padding: 20px 5px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    color: #45567c;
}

.admin-header .nav-grid .nav-grid-item i {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-align: center;
    color: #6c757d;
    font-size: 32px;
}

.admin-header .nav-grid .nav-grid-item h5 {
    display: block;
    margin: 10px 0 0;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
}

.admin-header .navbar-nav .dropdown-big {
    min-width: 320px;
}

.content-wrapper {
    padding: 30px;
    overflow: hidden;
    margin-left: 215px;
    min-height: 100vh;
    -webkit-transition: all 0.9s ease;
    -moz-transition: all 0.9s ease;
    -ms-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    transition: all 0.9s ease;
    width: 100%;
}

.content-wrapper .page-title {
    padding: 0px;
}

.content-wrapper .breadcrumb {
    background: transparent;
    margin-bottom: 1.4rem;
}

.search-cart {
    display: inline-block;
}

.search-cart i.icon {
    color: #ffffff;
    line-height: 20px;
    font-size: 14px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.search-cart i.icon:hover {
    color: #84ba3f;
}

.search-cart .search {
    display: inline-block;
    padding-right: 15px;
    padding-left: 10px;
}

.search-cart .shpping-cart {
    display: inline-block;
}

.search-cart a {
    position: relative;
}

.shpping-cart strong.item {
    display: block;
    position: absolute;
    top: -7px;
    left: auto;
    right: -8px;
    font-size: 10px;
    color: #ffffff;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    background-color: #84ba3f;
    border-radius: 50%;
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: 12px;
    color: #6c757d;
    white-space: nowrap;
    max-width: 300px;
}

.dropdown-header h4 {
    text-transform: none;
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef;
}

/*search*/
.result-search .btn{
    margin: 0px;
}
.search .search-btn {
    display: block;
    height: 20px;
    line-height: 68px;
    position: relative;
    text-indent: -9999px;
    width: 14px;
    color: #ffffff;
    -o-transition: color 300ms ease 0s;
    -moz-transition: color 300ms ease 0s;
    -ms-transition: color 300ms ease 0s;
    -webkit-transition: color 300ms ease 0s;
    transition: color 300ms ease 0s;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.search .search-btn:before {
    content: "";
    font-family: "FontAwesome";
    font-size: 14px;
    font-weight: normal;
    left: 15px;
    position: absolute;
    text-indent: 0;
    top: 0;
}

.search .search-btn:hover {
    color: #84ba3f;
}

.search.search-open .search-btn:before {
    content: "";
}

.search-box {
    background: #fff;
    display: block;
    margin: 0;
    opacity: 0 !important;
    padding: 15px;
    position: absolute;
    right: 0;
    top: 100%;
    transition: visibility 300ms ease 0s, opacity 300ms ease 0s;
    visibility: hidden;
    width: 327px;
    z-index: 888;
    border-radius: 3px;
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    transition: all 400ms ease;
}

.search.search-open .search-box {
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
}

.search .search-box input {
    background: transparent;
    border: 1px solid #eeeeee;
    padding-left: 15px;
    border-radius: 3px;
}

.search .search-box input:focus {
    background: transparent;
    border: 1px solid #eeeeee;
}

.search .search-box button {
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: 15px;
    position: absolute;
    right: 27px;
    top: 27px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.search .search-box button:hover {
    color: #84ba3f;
}

.admin-header .nav-link .notification-status {
    position: absolute;
    top: 12px;
    right: 30%;
    width: 5px;
    min-width: 5px;
    height: 5px;
    min-height: 5px;
    padding: 0;
    border-radius: 100%;
    line-height: 5px;
}

/* service loader updated */
#serviceLoaderContainer {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background: rgba(109, 109, 109, 0.8);
}

.service-loader-img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100px;
    height: 100px;
    margin-left: -32px;
    /* -1 * image width / 2 */
    margin-top: -13px;
    /* -1 * image height / 2 */
    display: block;
}

/* Pagination */
.dataTables_info{
    line-height: 30px;
    color: #999;
}
.pagination>li>button.page-link {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #333;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pagination>li:first-child>button {
    margin-left: 0;
    /*border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;*/
}

.pagination>.disabled>button.page-link,
.pagination>.disabled>button.page-link:focus,
.pagination>.disabled>button.page-link:hover {
    color: #a9a4a4 !important;
    cursor: not-allowed;
    background-color: #e3e3e3;
    border-color: #ddd;
}

.pagination {
  list-style: none;
  display: inline-block;
  padding: 0;
}
.pagination>li>a, .pagination>li>span{
    color: #666;
}
.modal {
    position: absolute !important;
}
.modal-4 a,.modal-4 button {
  margin: 0 5px;
  padding: 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background-color: #F7C12C;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}
/*.modal-4 a.prev {
  -moz-border-radius: 50px 0 0 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px 0 0 50px;
  width: 100px;
}
.modal-4 a.next {
  -moz-border-radius: 0 50px 50px 0;
  -webkit-border-radius: 0;
  border-radius: 0 50px 50px 0;
  width: 100px;
}*/
.modal-4 a:hover, .modal-4 button.page-link:hover {
  background-color: #FFA500;
}
.modal-4 a.active, .modal-4 a:active {
  background-color: #FFA100;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
    background-color: #ef8a34;
    border-color: #ef8a34;
}
.pagination.modal-4>li>a, .pagination.modal-4>li>span{
    text-align: center;
}
/* Dropdown */
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 12px;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

/* Radio button theme */
.form-check,
.form-check .form-check-label {
    padding-left: 0;
    position: relative;
    display: block;
}

.form-check {
    margin-bottom: .5rem;
}

.form-check,
label {
    font-size: 14px;
    line-height: 1.42857;
    color: #aaa;
    font-weight: 400;
}

.form-check .form-check-label {
    cursor: pointer;
    padding-left: 20px;
    position: relative;
    display: inline;
    padding-right: 15px
}

.form-check-label {
    margin-bottom: 0;
}

.form-check-input {
    position: absolute;
    margin: 0;
    z-index: -1;
    left: 0;
    pointer-events: none;
}

.form-check .form-check-input {
    opacity: 0;
    height: 0;
    width: 0;
    overflow: hidden;
}

.form-check .form-check-label .circle {
    border: 1px solid rgba(0, 0, 0, .54);
    height: 15px;
    width: 15px;
    border-radius: 100%;
    top: 1px;
}

.form-check .form-check-label span {
    display: block;
    position: absolute;
    left: -1px;
    top: -1px;
    transition-duration: .2s;
}

.form-check .form-check-label .circle:before {
    display: block;
    position: absolute;
    left: -1px;
    content: "";
    background-color: rgba(0, 0, 0, .84);
    height: 15px;
    width: 15px;
    border-radius: 100%;
    z-index: 1;
    opacity: 0;
    margin: 0;
    top: -1px;
    transform: scale3d(2.3, 2.3, 1);
}

.form-check .form-check-label .circle .check {
    height: 15px;
    width: 15px;
    border-radius: 100%;
    background-color: #9c27b0;
    transform: scale3d(0, 0, 0);
}

.form-check .form-check-label span {
    display: block;
    position: absolute;
    left: -1px;
    top: -1px;
    transition-duration: .2s;
}

.form-check .form-check-input:checked~.circle {
    border-color: #9c27b0;
}

.form-check .form-check-input:checked~.check,
.form-check .form-check-input:checked~.circle {
    opacity: 1;
}

.form-check .form-check-input:checked~.circle .check {
    transform: scale3d(.65, .65, 1);
}

.border-right {
    border-right: 1px #dfe1e3 solid;
}

}

div.more-icon {
    text-align: right;
    position: relative;
    float: right;
}

div.more-icon.open>.dropdown-menu {
    right: 0;
    left: auto;
    top: auto;
    bottom: 50px;
}

.more-icon i {
    font-size: 16px;
    cursor: pointer;
    padding: 4px 2px;
}

.more-icon .dropdown-item {
    text-align: right;
}
.more-icon label{
    margin: 0;
    padding: 0;
    margin-top: 4px;
}
.switch {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 15px;
}

.switch input {
    display: none;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #eeeeee;
    border: 1px #dedede solid;
    box-shadow: 0px 0px 2px #b7b7b7;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "\292C";
    height: 15px;
    width: 15px;
    left: 0px;
    text-align: center;
    background-color: #ff0000;
    -webkit-transition: .4s;
    transition: .4s;
    border: 0;
    top: -1px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    padding: 0px;
}

.slider-disable.slider:before {
    content: "\0021";
    background-color: #fff;
    color: #8a8a8a;
    font-size: 10px;
    border: 1px #aaaa solid;
    padding: 0px;
}

input:checked+.slider {
    /*background-color: #0ab100;*/
}

input:focus+.slider {
    box-shadow: 0 0 1px #e28f48;
}

input:checked+.slider:before {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px);
    content: "\2713";
    background-color: #0ab100;
    color: #ffffff;
    padding: 2px;
    font-size: 10px;
}

.float-icon-circle {
    position: absolute;
    right: 0;
    top: 0;
    width: 35px;
    height: 35px;
    padding: 5px;
    text-align: center;
    border-radius: 50%;
    background-color: #ffffff;
    box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.15);
    cursor: pointer;
    z-index: 1;
}
.float-icon-circle i{
    font-size: 24px;
}
.edit-tenant{
    right: 45px;
}
.navbar .navbar-nav>li>.dropdown-menu {
    cursor: initial;
    min-width: 100%;
}

.tooltip-inner {
    padding: 10px !important;
    min-width: auto;
    max-width: 700px;
}

.modal-small .modal-body {
    margin-top: 0px;
    padding-top: 10px;
    padding-bottom: 5px;
}

.modal .modal-header .close {
    position: absolute;
    right: 15px;
    top: 15px;
}
.tooltip{
    width: auto !important;
}

.btn.btn-info.btn-link,
.btn.btn-info.btn-link:active,
.btn.btn-info.btn-link:focus,
.btn.btn-info.btn-link:hover {
    background-color: transparent;
    color: #00bcd4;
}

.btn.btn-info.btn-link {
    box-shadow: none;
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.btn.btn-success.btn-link,
.btn.btn-success.btn-link:active,
.btn.btn-success.btn-link:focus,
.btn.btn-success.btn-link:hover {
    background-color: transparent;
    color: #4caf50;
}

.btn.btn-success.btn-link {
    box-shadow: none;
}

.btn.btn-danger.btn-link,
.btn.btn-danger.btn-link:active,
.btn.btn-danger.btn-link:focus,
.btn.btn-danger.btn-link:hover {
    background-color: transparent;
    color: #f44336;
}

.btn.btn-danger.btn-link {
    box-shadow: none;
}

/* Multiselct */
.ms-options-wrap>button:focus,
.ms-options-wrap>button {
    border: 0px;
    background-image: linear-gradient(#e28f48, #e28f48), linear-gradient(#D2D2D2, #D2D2D2);
    background-size: 0 2px, 100% 1px;
    background-repeat: no-repeat;
    background-position: center bottom, center calc(100% - 1px);
    background-color: transparent;
    transition: background 0s ease-out;
    float: none;
    box-shadow: none;
    border-radius: 0;
    font-weight: 400;
}

.ms-options {
    min-height: 10px !important;
    max-height: auto !important;
    margin-bottom: 50px !important;
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.slider-disable {
    background-color: #aaaaaa;
}

/* Triangle Up */
.arrow_box {
    background: #f6dfc4;
    border: 1px solid #e39049;
}

.arrow_box:after,
.arrow_box:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #f2dfc7;
    border-width: 8px;
    margin-left: 27px;
}

.arrow_box:before {
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: #d89356;
    border-width: 10px;
    margin-left: 25px;
}

/* Footer */
footer {
    padding: 0px;
    position: fixed;
    z-index: 5;
    width: 100%;
    bottom: 0;
    background-color: #eee;
    padding-right: 15px;
    background-repeat: repeat;
    color: #6f8895;
}


/* Login Page */
.login-main-form-container {
    width: 400px;
    margin: auto;
}

.login-form-header {
    background-image: url("../images/login-screen-header.png");
    background-repeat: no-repeat;
    background-size: 100%;
    height: 120px;
    padding-top: 15px;
}

.login-logo {
    width: 100%;
    text-align: center;
}

.login-title {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #af9464;
}

.login-logo img {
    max-width: 170px;
}

.login-form .form-group {
    margin: 0px 0 0 0;
}

.login-form .form-group label.control-label {
    font-size: 12px;
    text-transform: uppercase;
}

.login-form .btn-lg {
    width: 100%;
    border-radius: 0px;
    margin-left: 0px;
}


/* Side Menu Bar */
.sidebar {
    font-family: arial;
    position: fixed;
    background-color: #fff;
    max-width: 200px;
    z-index: 6;
}

.sidebar-logo {
    text-align: center;
}

.sidebar-logo img {
    width: 150px;
}

.avatar-container {
    padding: 15px 15px 0 15px;
}

.avatar-container .avatar {
    width: 100px;
    position: relative;
    margin: auto;
}

.avatar-container .avatar img {
    border-radius: 50%;
    width: 100px;
    box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.15);
    text-align: center;
    margin-bottom: 10px;
}

.avatar-container .avatar .setting-icon {
    position: absolute;
    right: 0;
    bottom: 0;
}

.avatar-container .avatar .setting-icon img {
    width: auto;
    box-shadow: none;
}

.sidebar .sidebar-wrapper,
.off-canvas-sidebar .sidebar-wrapper {
    width: 200px;
    height: calc(100vh - 215px);
}

.sidebar .nav li>a,
.off-canvas-sidebar .nav li>a {
    margin: 0px;
}

.sidebar .logo,
.off-canvas-sidebar .logo {
    padding: 15px 5px;
    z-index: 5;
}

.sidebar .nav,
.off-canvas-sidebar .nav {
    margin-top: 0px;
}

.sidebar .nav li.active>a,
.off-canvas-sidebar .nav li.active>a,
.sidebar .nav li.active>a i,
.off-canvas-sidebar .nav li.active>a i {
    color: #273841;
}

.sidebar .nav>li>a {
    color: #6f8895;
    font-size: 11px;
    padding: 10px 5px;
    text-transform: uppercase;
}

.sidebar .nav p,
.off-canvas-sidebar .nav p {
    font-size: 11px;
    font-weight: bold;
}

.sidebar .nav i,
.off-canvas-sidebar .nav i {
    margin-right: 0px;
}

/* Main panel */
.mainPanelCenter {
    padding-top: 66px;
}

.main-panel {
    padding-bottom: 70px;
    width: 100%;
}

.main-panel>.main-content>.navbar .page-head {
    border-bottom: 1px solid #e7e7e7;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0 15px;
}

.main-panel>.main-content>.navbar .navbar-brand {
    margin-left: -15px !important;
    cursor: default !important;
    font-size: 30px;
    color: #273841;
    line-height: 40px;
    font-family: inherit;
}

.main-panel>.main-content>.navbar .navbar-brand span {
    font-family: calibri;
    font-size: 14px;
    color: #6f8895;
}

.main-panel>.main-content>.content {
    padding-top: 5px;
}

.add-circle {
    border-radius: 15px;
    background-color: #ff782d !important;
    padding: 10px;
    margin: 0px;
    height: 56px;
    min-width: 56px;
    margin-left: 10px;
}

.add-circle .material-icons {
    font-size: 20px;
    line-height: 30px;
}

.inner-page-header .btn-info.add-circle {
    background-color: #60c069 !important;
}

.search-input {
    background-image: none !important;
    text-align: right;
    margin-right: 10px;
    margin-top: 13px;
    margin-bottom: 0px !important;
}


/* Tenant List */
.tenant-list-container {
    background-color: #ffffff;
    box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.15);
    border: 1px solid #fff;
    margin-top: 15px;
    margin-bottom: 15px;
    position: relative;
}

.tenant-list-container .tenant-list-head {
    background-color: #f7f9fa;
    float: left;
    width: 100%;
}

.tenant-list-container .tenant-list-head .client-mail div {
    width: 100%;
    text-align: right;
}

.tenant-list-head div {
    padding: 1px 5px;
    float: left;
}

.tenant-list-body {
    clear: both;
    padding: 15px 0px;
    text-align: center;
    height: 170px;
}

.tenant-list-body .client-log img {
    max-width: 100%;
    max-height: 100px;
}

.tenant-list-footer {
    visibility: hidden;
    padding: 15px 0px;
    text-align: center;
    background-color: rgb(0, 0, 0, .6);
    position: absolute;
    width: 100%;
    bottom: 0;
    opacity: 0;
    -webkit-transition: opacity 600ms, visibility 600ms;
    transition: opacity 600ms, visibility 600ms;
}

.tenant-list-footer a {
    color: #fff;
    text-transform: uppercase;
}

.tenant-list-container:hover .tenant-list-footer {
    visibility: visible;
    opacity: 1;
}

.inactive i,
.deactive i,
.active i {
    font-size: 35px;
}

.tenat-list-cont {
    word-break: break-all;
    overflow: hidden;
    overflow-y: auto;
    height: 90px;
}

/* Create Tenant */
.enable-admin-check input {}

/* Tenant Profile */
.tenant-profile-summary-left {}

.tenant-profile-summary-left .profile-logo {
    background-color: #ffffff;
    padding: 15px;
    text-align: center;
    max-width: 200px;
}

.profile-logo img {
    max-width: 150px;
    max-height: 100px;
}

.user-logo img {
    border-radius: 50%;
}

.tenant-profile-summary-left .cont {
    padding-top: 10px;
}

.tenant-profile-summary-right {
    text-align: right;
    padding-top: 25px;
}

.tenant-profile-circle {
    text-align: center;
    width: 175px;
    height: 175px;
    border-radius: 50%;
    background-color: #ffffff;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
    float: right;
}

.profile-circle-icon {
    padding-top: 5px;
}

.profile-circle-title {
    font-size: 36px;
    line-height: 40px;
    padding-bottom: 5px;
}

.profile-circle-cont {
    font-size: 16px;
    text-transform: uppercase;
    color: #b1b1b0;
}


.profile-admin {
    margin-top: 30px;
    border: 1px solid #e7e7e7;
    background-color: #ffffff;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
    padding: 0px;
}

.profile-admin table td {
    padding: 5px;
}

.profile-admin-avatar {
    padding: 5px;
}

.profile-admin-avatar img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}

.tenant-admin-title {
    font-size: 18px;
    color: #ff782d;
    margin: 0px;
}

.profile-more-icon {
    text-align: right;
}

.profile-more-icon>div {
    width: 48px;
    position: relative;
    float: right;
}

.profile-more-icon>div.open>.dropdown-menu {
    right: 0;
    left: auto;
    bottom: 45px;
    top: auto;
}

.profile-more-icon i {
    font-size: 48px;
    cursor: pointer;
}

.map-user-container {
    cursor: pointer;
    background-color: #fff;
    border-radius: 3px;
    margin-top: 30px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
    text-align: center;
    padding: 5px;
    width: 250px;
}

.map-user-container img {
    max-width: 60px;
}

.map-user-container span {
    font-size: 18px;
    line-height: 20px;
}

/* User Management List */
.user-management-header {
    background-color: #fafafa;
    line-height: 25px;
    text-transform: capitalize;
    color: #7d7d7d;
    font-weight: bold;
    margin-bottom: 10px;
}

.user-management-header i {
    font-size: 16px;
    color: #df7d44;
    padding-right: 5px;
}

.user-list-container {
    background-color: #ffffff;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.14);
    border: 1px solid #e7e7e7;
    display: inline-block;
    margin: 15px 0;
    padding: 0px 0;
    width: 100%;
}

.user-list-footer {
    visibility: hidden;
    padding: 10px 0px;
    text-align: center;
    background-color: #838383;
    position: absolute;
    width: 90%;
    bottom: 21px;
    opacity: 0;
    -webkit-transition: opacity 600ms, visibility 600ms;
    transition: opacity 600ms, visibility 600ms;
}

.user-list-footer a {
    color: #fff;
    text-transform: uppercase;
}

.user-list-container:hover .user-list-footer {
    visibility: visible;
    opacity: 1;
}

.user-list-container .cont-list {
    padding-top: 10px;
    padding-left: 25px;
}

.user-list-container .cont .icon {
    text-align: center;
    width: 20px;
}

.user-list-container .more-icon {
    position: absolute;
    right: 20px;
    top: 15px;
    z-index: 1;
}

.user-list-container .more-icon.open>.dropdown-menu {
    right: 0;
    left: auto;
    top: 28px;
    bottom: auto;
}


.user-list-header {
    margin-top: 15px;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}

.user-list {
    clear: both;
    padding-bottom: 10px;
}

.user-list table {
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.14);
    border: 1px solid #e7e7e7;
    background: #fff;
    margin: 5px 0px;
    color: #5a5a5a;
}

.list-user-avatar {
    width: 80px;
    height: 80px;
    padding: 0px;
    border-radius: 50%;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
    overflow: hidden;
}

.list-user-avatar img {
    width: 100%;
}

.list-project {
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: bold;
    font-size: medium;
}

.btn.btn-fab,
.navbar .navbar-nav>li>a.btn.btn-fab {
    font-size: 13px;
    height: 36px;
    width: 35px;
    min-width: 35px;
}

.add-circle {
    font-size: 13px;
    height: 36px;
    min-width: 35px;
    padding: 4px 15px 6px 10px;
}

/* Project Management List */
.project-list {
    height: 50px;
    overflow: hidden;
    overflow-y: auto;
}

.project-img {
    margin-top: 15px;
    text-align: center;
}

.project-img img {
    width: 100%;
}

.col-md-6:nth-child(5n - 4) .project-border {
    border-left: 3px solid #06b906;
    height: 60px;
}

.col-md-6:nth-child(5n - 3) .project-border {
    border-left: 3px solid #0a94e4;
    height: 60px;
}

.col-md-6:nth-child(5n - 2) .project-border {
    border-left: 3px solid #f1b713;
    height: 60px;
}

.col-md-6:nth-child(5n - 1) .project-border {
    border-left: 3px solid #f14848;
    height: 60px;
}

.col-md-6:nth-child(5n - 0) .project-border {
    border-left: 3px solid #f653f9;
    height: 60px;
}

.view-map-process {
    position: absolute;
    right: 16px;
    bottom: 0px;
    padding: 5px;
    border-radius: 0px 0px 5px 5px;
    background-color: #fff;
    cursor: pointer;
}

.view-map-process.less {
    display: none;
    right: 0px;
}

.mapped-process {
    display: none;
    margin-top: -20px;
    position: absolute;
    z-index: 100;
    width: calc(100% - 30px);
    margin-bottom: 50px;
}

.mapped-process .card {
    margin: 0px;
    max-height: 200px;
    overflow-y: auto;
    margin-bottom: 15px;
}

/* Process Management List */
.process-container {
    max-width: 200px;
    margin: auto;
    border: 1px solid transparent;
    margin-bottom: 30px;
}

.process-container:hover {
    background-color: #ffffff;
    border-radius: 20px;
    border: 1px solid #f3aa63;
    box-shadow: 2px 2px 8px #f3aa63;
}

.process-list-body {
    clear: both;
    padding-top: 15px;
    text-align: center;
    width: 100%;
}

.process-container .process-dashboard img {
    width: 60%;
}

.process-label {
    font-size: 12px;
    text-align: center;
    margin: 15px 0px 15px 0px;
    text-transform: uppercase;
}

/* Flow creation and Steps */
.step-container {
    border: 1px #e8e8e8 solid;
    margin: 15px 0;
    position: relative;
    padding-bottom: 15px;
}

.step-container:nth-child(odd),
.step-container:nth-child(odd) .step-cout,
.step-container:nth-child(odd) .step-actions {
    background-color: #f3f3f3;
}

.step-container:nth-child(odd) .form-group .form-control {
    background-color: #fff;
}

.step-container:nth-child(even),
.step-container:nth-child(even) .step-cout,
.step-container:nth-child(even) .step-actions {
    background-color: #fff;
}

.step-container .step-cout {
    position: absolute;
    border: 1px #e8e8e8 solid;
    border-bottom: 0px;
    top: -22px;
    padding: 0px 5px;
    font-size: 12px;
    left: -1px;
}

.step-container .step-actions {
    position: absolute;
    border: 1px #e8e8e8 solid;
    border-top: 0px;
    bottom: -22px;
    padding: 0px;
    font-size: 12px;
    right: -1px;
}

.step-container .step-actions a {
    padding: 0px 3px;
    margin: 0px 1px;
    cursor: pointer;
}

#process_list .btn .material-icons {
    font-size: 30px;
}

/* upload icon */
.upload-icon {
    right: -2px;
    bottom: -9px;
    position: absolute;
    cursor: pointer;
}

.upload-icon input {
    z-index: 100;
    cursor: pointer;
}

.file-upload-name.delete {
    position: absolute;
    right: 80px;
    bottom: 0;
    color: #ff0000;
    cursor: pointer;
    z-index: 101;
}

.mail-title {
    color: #ffffff;
}

.page-cont {
    word-break: break-all;
}

.previlage-list {
    padding: 0px 15px;
    float: left;
}

.map-list-cont {
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 35px;
    margin: 0px;
    position: absolute;
}



.list-tags {
    background: #73961c;
    color: #ffffff;
    padding: 2px 5px;
    font-size: 12px;
    border-radius: 3px;
    text-align: center;
    float: left;
    position: relative;
    margin-bottom: 5px;
    margin-right: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: default;
}

.create-list-tags {
    background: #73961c;
    color: #ffffff;
    padding: 2px;
    font-size: 12px;
    border-radius: 5px;
    width: 100%;
    float: left;
    position: relative;
    text-align: center;
    margin-bottom: 5px;
    margin-right: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: default;
}

.create-list-span {
    padding-right: 5px;
    width: 25%;
    float: left;
    position: relative;
}

.create-list-tags.display-bot-name{
    padding: 2px 10px;
    width: auto;
    float: left;
    position: relative;
}

.multi-select .ms-options-wrap>button:focus,
.ms-options-wrap>button {
    border: 0px;
    border-radius: 0px !important;
    background-color: #eeeeee;
}

.multi-select .ms-options-wrap>button>span {
    color: #666;
    font-size: 14px;
}

.expandeddiv {
    height: 100%;
    overflow: auto;
}

.multi-select .expandeddiv>button:after {
    border-top-color: transparent;
}

.project-process-list {
    margin: 0;
}

.project-process-list>div {
    clear: both;
    max-height: 200px;
    overflow: hidden;
    overflow-y: auto;
}

.project-process-list .mapping-container label.map-list-cont {
    padding-left: 10px;
}

tr.strikeout td:before {
    content: " ";
    position: absolute;
    top: 43%;
    left: 0;
    border-bottom: 1px solid #d8d8d8;
    width: 100%;
    z-index: 1;
}

tr.strikeout td.actions:before {
    border-bottom: 0px;
}

tr.strikeout td,
tr.strikeout label {
    color: #ccc !important;
}

tr.strikeout input {
    cursor: not-allowed;
    display: none;
}

tr.strikeout td.actions .delete {
    display: none;
}

.undo {
    display: none;
}

tr.strikeout td .undo {
    display: block;
}

tr.strikeout td input.undo {
    float: left;
    margin-right: 5px;
}

.profile-accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    margin-bottom: 2px;
}

.active-accordion,
.profile-accordion:hover {
    background-color: #ccc;
}

.profile-cont {
    margin: 15px 0px;
    display: none;
    background-color: white;
    overflow: hidden;
}

.according-detail {
    margin-top: 0px;
    margin-bottom: 15px;
    display: none;
}

.border-right-white {
    border-right: 1px solid #fff;
}

.user-profile-roles {
    padding: 2px 10px;
    background-color: #eeeeee;
    border: 1px solid #ddd;
    float: left;
    margin-right: 2px;
    border-radius: 5px;
    margin: 3px;
    color: #6f8895;
}

#process_management .btn-group .btn.btn-primary {
    width: 128px !important;
}
.modal-backdrop.in{
       display: contents; 
}

.search-feild{
        margin-top: 1%;
}
.modal .modal-dialog {
  margin-top: 270px;
}
.btn.execute{
    min-width: 100px;
}
.card-margin{
margin: 15px 0px;
}
.result-status{
    color: #fff;
    border-radius: 5px;
    line-height: 16px;
}
.success-result{
    background-color: #54af4f;
}
.failed-result{
    background-color: #ea412c;
}
.warning-result{
    background-color: #f1bd00;
}
.processing-result{
    background-color: #308BCE;
}
.result-status span{
    vertical-align: 3px;
}
.navbar-form{
    margin-top: 0px;
    margin-bottom: 0px;
}

.dashboard-table thead th, .dashboard-table tbody td,.dashboard-table{
    border: 1px #ddd solid;
}
.btn:not(.btn-just-icon):not(.btn-fab) .fa, .navbar .navbar-nav > li > a.btn:not(.btn-just-icon):not(.btn-fab) .fa{
    font-size: 14px;
}
.blue-bg{
    background-color: #389dd8 !important;
}

#botRescheduleModal .modal-dialog{
    width: 80%;
    margin-top: 5%;
}