body.innpg{ background-color: #f0f1f3; }
a{color: #07446a;}
.bg-white{ background: #fff !important; }
.msp-user-header{ background: #fff; /*url(../images/blue_bg.jpg) no-repeat top right;*/ background-size: 45%; }
.msp-user-header nav.navbar.navbar-default { border-bottom: 0;}
.msp-user-header.v2 nav.navbar.navbar-default { padding-left: 200px;}
.msp-user-header.v3 nav.navbar.navbar-default { padding-left: 200px;}
header.msp-header.msp-user-header{ position: fixed; }
header.msp-header.msp-user-header.sticky-header nav.navbar.navbar-default {
   	background: #fff; /*url(../images/blue_bg.jpg) no-repeat top right;*/
   	background-size: 45%;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}
header.msp-header.msp-user-header.sticky-header nav.navbar.navbar-default { position: static; }
.msp-search-section { background: #07446a; padding: 10px 0; }
.search-right-box .form-group { margin-bottom: 0; }
.search-right-box{ max-width: 380px; min-width: 380px; float: right; }
.search-right-box .userSearch{ border: 1px solid #fff; border-radius: 20px; background: transparent; }
.search-btn { background: transparent; border: 0; color: #fff; position: absolute; right: 25px; top: 7px; }
/* Client Area */
.msp-card-box-header>* {
    font-size: 16px; font-weight: 700; text-transform: capitalize; margin: 0px 0px 5px; border-bottom: 1px solid #ddd; 
    padding: 15px 0; display: inline-block; width: 100%;
}
.msp-client-list>ul { margin: 0px; padding: 0px; display: inline-block; width: 100%; }
.msp-client-list>ul>li { display: inline-block; width: 100%; margin: 10px 0 15px; }
.msp-client-list .checkbox label { padding-left: 30px; }
.msp-client-list .checkbox input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none; 
    width: 20px; height: 20px; border: 1px solid #ddd; top: 50%; left: 0px; margin: 0px; border-radius: 4px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.msp-client-list .checkbox input[type="checkbox"]:checked {
    background-image: url('../images/user-check-solid.svg'); border: 0px; background-repeat: no-repeat; background-position: center; 
}
.msp-client-list.audit-logs, .msp-client-list.clnt-logs { max-height: 400px; overflow-x: hidden; overflow-y: auto; }
.msp-link-btn { background-color: #07446a; border-color: #07446a; color: #fff; text-transform: capitalize; font-weight: normal; }
.msp-share-btn { background-color: transparent; border-color: #07446a; color: #07446a; }
.msp-link-btn:hover, .msp-link-btn:focus, .msp-link-btn:active { background-color: #002a44; border-color: #002a44; color: #fff; }
.msp-clipboard .well { background-color: #f5f5f5; border: 0px; box-shadow: none; padding: 0px; margin-top: 15px; margin-bottom: 0px; }
/*aside bar left*/
.left-menu{ position: fixed; left: 0; width: 295px; background: #1d272b; height: 100%; z-index: 99; }
.left-menu ul{ padding: 0; margin: 0; list-style-type: none; }
.left-menu ul > li{ font-size: 15px; color: #fff; position: relative; }
.left-menu ul > li a{ color: #fff; text-decoration: none; display: block; padding: 10px 18px; }
.left-menu ul.nav-left-ul > li > a{ border-bottom: 1px solid #2b3b41; position: relative; /*border-top: 1px solid #2b3b41;*/ }
.left-menu ul > li>span{ padding: 10px 18px; display: block; }
.nav-left-ul > li > span{ border-bottom: 1px solid #2b3b41; }
.left-menu ul > li.active a{ background: #2b3b41; }
.left-menu ul > li > ul > li{ font-size: 13px }
.left-menu ul > li > ul > li > span{ font-size: 15px; }
.msp-left-dropmeu-item i.fa { position: absolute; right: 15px; }
.left-menu{ margin-top: 125px; }
.left-menu-inner{ height: 100%; overflow: auto; }
.left-menu-inner h3{ color: #fff; padding: 10px 18px }
.left-menu ul.msp-left-drop-menu{ display: none; padding-left: 30px; }
.flexSidebar .flexSidebarMenu { background-color: #97bc39; border-radius: 0px 30px 30px 0px; padding-left: 20px; }
.flexSidebar .flexSidebarMenu h3 { margin-top: 0px; }
.flexSidebar .flexSidebarMenu .nav-left-ul > li > a {
    background-color: #97bc39; border-color: #97bc39; color: #fff; font-weight: 500; border-radius: 30px 0px 0px 30px;
}
.flexSidebar .flexSidebarMenu .nav-left-ul > li.fa-active { background-color: transparent; }
.flexSidebar .flexSidebarMenu .nav-left-ul > li:hover > a,
.flexSidebar .flexSidebarMenu .nav-left-ul > li.fa-active > a {
    font-weight: 500; color: #97bc39; background-color: #fff;
}
.msp-user-header.v2  .container { max-width: 100%; width: 100%; }
.msp-user-header.v3  .container { max-width: 100%; width: 100%; }
.msp-user-header.v2 nav.navbar.navbar-default .navbar-brand { margin-left: 0px; padding-left: 30px; }
.msp-user-header.v3 nav.navbar.navbar-default .navbar-brand { margin-left: 0px; padding-left: 30px; }
.msp-user-header.v3 .msp-search-section .user_account-box { padding-left: 30px; }
.left-menu.sidebardashboard { background-color: #f0f1f3; width: 230px; /*width: 235px;*/
    box-shadow: none; margin: 0px !important; height: calc(100% - 0px) !important;
    /*box-shadow: 2px 4px 7px #88888875;*/
}
.sidebardashboard .logosc { display: flex; align-items: center; justify-content: center; padding: 30px; }
.sidebardashboard .logosc img { width: 80px; }
.sidebardashboard .fixsidebar {
    background-color: #70a000; border-radius: 0 30px 0px 0; width: 100%; height: 100%; max-width: 200px;
   /* overflow-x: hidden;*/
    direction: rtl; padding-bottom: 50px;
}
.sidebardashboard .fsnav > ul > li > a {
    background-position: 12px center; background-repeat: no-repeat; position: relative;
    display: flex; align-items: center; justify-content: flex-end; padding: 24px 22px 22px; padding-left: 64px;
}
.sidebardashboard .fsnav > ul > li:hover > a,
.sidebardashboard .fsnav > ul > li.active > a { 
    background-image: url(../images/main/activebg.jpg); background-color: #70a000; color: #70a000;
}
.sidebardashboard .fsnav > ul > li > a > img {
    position: absolute; top: 50%; left: 32px; transform: translateY(-50%); margin-top: 1px;
}
.sidebardashboard .fsnav > ul > li > a .backimg,
.sidebardashboard .fsnav > ul > li.active > a .frontimg,
.sidebardashboard .fsnav > ul > li:hover > a .frontimg {
    display: none;
}
.sidebardashboard .fsnav > ul > li.active > a .backimg,
.sidebardashboard .fsnav > ul > li:hover > a .backimg {
    display: block;
}
.sidebardashboard .fsnav > ul > li > a .navName { position: relative; }
.sidebardashboard .fsnav > ul > li > a .navName > span { position: absolute; top: 0px; right: -14px; }
.sidebardashboard .fsnav > ul > li > a .navName > span i { top: -5px; }
.sidebardashboard .proicon {
    width: 40px; height: 40px; background-color: #fff; line-height: 40px; color: #70a000; border-radius: 50%;
    position: absolute; bottom: 75px; left: 50%; cursor: pointer; transform: translateX(calc(-50% - 15px));
}
.sidebardashboard ~ .propopup { left: 146px; }
.sidebardashboard ~ .propopup::before { bottom: 45px; }
/*profile popup*/
.propopup {
    position: fixed; left: 120px; background: white; width: 450px; min-height: 300px; bottom: 35px; z-index: 9999;
    box-shadow: 0 0 20px 0px #b5b5b5;
    -webkit-box-shadow: 0 0 20px 0px #b5b5b5;
    moz-box-shadow: 0 0 20px 0px #b5b5b5;
    display: none; padding: 10px 30px 25px; border-radius: 5px 90px 5px 5px;
}
.propopup::before {
    content: ""; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-right: 15px solid white; position: absolute; bottom: 25px; left: -15px;
}
.propopup .inbox { position: relative; padding-left: 65px; margin-top: 20px; }
.propopup .inbox img.proimg { width: 50px; position: absolute; left: 0; top: 0; }
.propopup .inbox p { margin: 0; }
.propopup .inbox hr { margin: 8px 0; }
.propopup .inbox span.prolnkicon{ padding-right: 6px; }
.propopup a, .propopup a:focus, .propopup a:hover { color: #0aabdc !important; cursor: pointer !important; text-decoration: none; }
#updateprofile button.close { position: absolute; top: -15px; right: -15px; z-index: 99; opacity: 1 !important; background: #0db3e6;
    text-shadow: none; width: 30px; height: 30px; font-weight: normal; border-radius: 50%; color: #fff;
}
#updateprofile .modal-dialog { width: 95%; max-width: 880px; }
#updateprofile .modal-content { border-radius: 0; }
#updateprofile .infobox { padding-left: 35px; position: relative; color: #909090; }
#updateprofile .userpoup .infobox { margin-top: 50px; margin-bottom: 130px; }
#updateprofile .infobox p { margin: 0 0 -4px 0; line-height: normal; }
#updateprofile .infobox span { font-size: 12px; }
#updateprofile .infobox i { position: absolute; left: 5px; top: 4px; color: #b5b5b5; font-size: 20px; }
#updateprofile .infobox i.active { color: #87a937; }
.updateprofilepopup h3.fs-heading { border-bottom: 1px solid #e0e0e0; padding-bottom: 5px; }
.updateprofilepopup .form-group p { margin: 0; }
.updateprofilepopup .infobox { margin-top: 30px; margin-bottom: 30px; }
.updateprofilepopup .inbox { padding: 15px; background-color: #fbfbfb; }
.profileimg { border-radius: 50%; width: 65px; height: 65px; object-fit: cover; background-color: #e4e4e4; }
#pimage { border: 1px solid #e4e2e2; padding: 5px; }
form#myprofdetlsform { width: 100%; }
/* content */
.user-dashboard-wrap { float: left; width: 100%; }
.user-container-panel{ min-height: 500px; margin-top: 125px; padding-left: 295px; /*background: #eeeeee;*/ float: left; width: 100%; }
.user-container-inner{ margin: 30px 30px 0; float: left; width: calc(100% - 60px); }
.user-dashboard-wrap { float: left; width: 100%; }
.top_panel-head { background: #97bc39; padding: 10px 30px; float: left; width: 100%; }
.top_panel-head .top_panel-right { float: right; width: calc(100% - 50px); }
.top_panel-head .top_panel-left { float: left; width: 50px; }
.user-toggle-menu{ background: #fff; width: 35px; height: 35px; border-radius: 50%; display: block; text-align: center; padding: 6px 5px; }
.user-toggle-menu{ padding: 7px 5px 10px; }
.top_panel-right img, .top_panel-right h3{ display: inline-block; vertical-align: middle; }
.top_panel-right h3{ color: #fff; margin: 14px 20px; width: auto; }
.user-container-innerpadd{ padding: 45px; }
.table-center thead tr th, .table-center thead tr td,.table-center tbody tr th, .table-center tbody tr td{
	text-align: center; vertical-align: middle;
}
.msp-table-wrap thead tr th, .msp-table-wrap thead tr td,.msp-table-wrap tbody tr th, .msp-table-wrap tbody tr td{
	min-width: 100px;
}
.edit-organization .fa-trash-o{ font-size: 25px; }
.msp-table-wrap{ margin: 30px 0; padding: 15px; border: 1px solid #ddd; }
.btn-info{ background-color: #07addd; border-color: #07addd; }
.delete-organization i{ font-size: 25px; float: left; margin: 0 15px 0 0; }
.delete-organization { color: #4f4f4f; display: inline-block; line-height: 27px; margin-left: 15px; }
.user-bottom-btn .btn{ margin-right: 5px; font-size: 15px; padding: 8px 15px; border-radius: 3px; }
.msp-table-wrap .table { margin-bottom: 0; }
.mr20{ margin-bottom: 20px; }
.mr5{ margin-bottom: 5px; }
.msp-card-box{
	background: #fff; padding: 12px 20px;
	-webkit-box-shadow: 0px 0px 7px 3px #ddd;
	-moz-box-shadow: 0px 0px 7px 3px #ddd;
	-ms-box-shadow: 0px 0px 7px 3px #ddd;
	-o-box-shadow: 0px 0px 7px 3px #ddd;
	box-shadow: 0px 0px 7px 3px #ddd;
}
.mar-20{ margin: 20px 0; }
.client-card-box p{ font-size: 20px; font-weight: 500; }
.client-card-box h1{ font-size: 70px; text-align: center; color: #4f4f4f; }
.msp-card-box_top {
    display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    -ms-flex-line-pack: center;
	align-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.msp-card-box_top .msp-card-top-content { width: calc(100% - 250px); display: inline-block; margin: 2px 20px; }
.msp-card-top-content h4, .msp-card-top-content p { margin: 0; }
.msp-card-top-content h4{ margin-bottom: 5px; }
.msp-card-top-content p { font-size: 15px; } 
.user_account-box{ float: left; }
.user_account-action { margin: 3px 0; display: inline-block; vertical-align: top; line-height: 26px; text-transform: uppercase; }
.user_account-action *{ color: #fff; }
.user_account-action i.fa { font-size: 25px; vertical-align: top; margin-right: 8px; }
input[type="file"]{ height: auto; }
.left-menu ul.msp-left-drop-menu { border-bottom: 1px solid #2b3b41; }
li.msp_blank_line{ position: relative; }
li.msp_blank_line a:before {
    border-bottom: 1px solid #2b3b41; content: ''; display: block; left: -50%; right: -50%; position: absolute;
}
.user-dashboard-wrap{ padding-bottom: 50px; }
.msp-footer-useer{ position: fixed; bottom: 0; z-index: 9999; width: 100%; }
.nav-left{ overflow: hidden; }
.msp-card-top-content h4 { color: #4f4f4f; }
.msp-card-box_top{ padding-left: 45px; }
.top_panel-head .top_panel-right span { margin-left: 10px; }
.msp-card-box.client-card-box { min-height: 185px; }
.msp-table-wrap.table-responsive .btn.btn-info { float: right; margin-bottom: 10px }
#editorganizefrm .user-bottom-btn{margin-top: 20px;}
.editclients .modal .form-group:nth-last-child(1) { margin-bottom: 0; }
.left-menu ul > li.msp-left-dropmeu-item > i.fa {
    left: 15px; right: auto; top: 50%; transform: translateY(-50%); font-size: 10px;
}
.left-menu ul > li.msp-left-dropmeu-item > i.fa[class*=star] + a { padding-left: 35px; }
.msp-left-drop-menu > li > a > i {
    position: absolute; top: 50%; left: 0px; transform: translateY(-50%); font-size: 11px;
}
.msp-card-box.clonetemploter{ min-height: 100vh; }
.msp-card-box-links a.btn{margin-top: 2px;}
#sendpeerreview span.select2 { width: 100% !important; }
.fa-active { background: #dbe4c3; }
.left-menu ul > li.fa-active ul.msp-left-drop-menu li.js-msp-left-dropmeu-item2 >ul.msp-left-drop-menu *{
	color: #4c4c4c;
}
.left-menu ul.nav-left-ul > li.fa-active>a{ color: #4c4c4c; font-weight: bold; }
li.active.brln { border-bottom: 1px solid; border-top: 1px solid; }
.msp-documentation .table-right .table>thead>tr>th { vertical-align: middle; }
figure.trade-pic{ margin-bottom: 20px; }
figure.trade-pic img { max-width: 200px; }
.msp-documentation .edit-form { min-height: 108px; margin-bottom: 15px; }
.msp-documentation .msp-card-box { padding: 20px; }
.msp-documentation .table { margin-bottom: 0px; }
.msp-documentation .msp-card-box.client-card-box { min-height: inherit; }
.msp-documentation .msp-card-box h4 { text-align: center; margin-bottom: 20px; font-weight: bold; }
.msp-documentation .col-lg-7{ padding: 0px 15px 15px; }
.border-thik{border-bottom: 2px solid #97bc39; padding-bottom: 6px;}
.border-thin{border-bottom: 1px solid #97bc39; padding-bottom: 4px;}
.picture-preview .modal-dialog{ width: 100%; margin: 0 auto; }
.picture-preview { z-index: 99999; }
.picture-preview .modal-content, .picture-preview .modal-header{ background-color: #000; color: #fff; } 
.picture-preview .modal-header{ border:none; }
.picture-preview .pic-lightbox{ text-align: center; }
.pic-title { font-weight: bold; margin-bottom: 10px; }
.pic-notes { margin-bottom: 15px; }
.picture-preview .modal-footer{ display: none; }
.picture-preview .carousel-inner>.item>a>img, 
.picture-preview .carousel-inner>.item>img, 
.picture-preview .img-responsive, 
.picture-preview .thumbnail a>img, 
.picture-preview .thumbnail>img { margin:0 auto; }
#show-notes p{max-height: 300px; overflow-x: hidden; overflow-y: auto;}
.fa.dotr{ font-size: 8px; position: relative; top: -8px; color: #e00c0c !important; }
#dashfav .button-wrap { width: 100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 25px; }
#dashfav .btn.btn-link { background-color: transparent; color: #07446a !important; padding: 0; text-decoration: none; }
#dashfav .clients-wrap { display: flex; flex-wrap: wrap; margin-bottom: 25px; justify-content: center; }
#dashfav .client-logo-item { display: flex; flex-direction: column; padding: 10px; justify-content: center; align-items: center; }
#dashfav .client-logo-item img { max-height: 40px; width: auto; }
span.actspan { margin-right: 10px; }
.bstandard .msp-progress_bar-right { margin-top: -4px; border: 0; width: 55px; display: inline-block; }
.bstandard .boarding-accordion{ max-width: 100%; }
.msp-card-img{ padding: 2px 0px 15px; }
#setcolms{margin-bottom: 5px;}
#clientpreview .modal-body h5 { background-color: #ccc; padding: 5px; }
#clientpreview .modal-footer{ border-top: none; }
#chkuchktab { font-size: 11px; color: #00aadb; }
#chkuchktab a { text-decoration: none; color: inherit; }
/* Dynamic Css */
.innpg .top_panel-head { background: var(--brand-primery) !important; }
/*.innpg #docbreadcrump a{ color: var(--brand-primery) !important; }*/
.sidebardashboard .fixsidebar{ background: var(--brand-secondary) !important; }
.sidebardashboard .proicon, .clientport .proicon{ color: var(--brand-secondary) !important; font-weight: 500; }
.left-menu.sidebardashboard ul > li a{ color: var(--brand-third) !important; }
.sidebardashboard .fsnav > ul > li:hover > a, .sidebardashboard .fsnav > ul > li.active > a{ background-color: var(--brand-secondary) !important; background-image: url(../images/main/active-transparent.png); }
.sidebardashboard .fsnav > ul > li:hover > a, .sidebardashboard .fsnav > ul > li.active > a{ color: var(--brand-forth) !important; }
/* Inner Client Portal */
.clientport{ background: var(--brand-secondary) !important; }
.clientport ul.nav-left-ul > li > a { border-bottom: 1px solid var(--brand-forth) !important; }
.clientport ul > li a{color: var(--brand-third) !important; }
.clientport ul > li.active a { color: #fff !important; background-color: var(--brand-primery) !important; }
.clientport ul.nav-left-ul > li > a { border-bottom: 1px solid var(--brand-primery) !important; }
.clientport ul.nav-left-ul > li.fa-active>a { color: var(--brand-primery) !important; background: #f0f1f3; }
.clientport .indentlst { color: #fff !important; background-color: var(--brand-primery60) !important; }
.clientport ul > li.fa-active ul.msp-left-drop-menu li.js-msp-left-dropmeu-item2 >ul.msp-left-drop-menu li{
    background-color: var(--brand-primery30) !important;
    border-top: 1px solid var(--brand-primery60) !important;
}
.clientport .ttlhighlight { color: var(--brand-forth) !important; font-weight: 700; }
/* SOP Bar Dynamic CSS */
#ntemp .border-color .col-md-4.col-sm-4.col-xs-4:nth-child(1){ background-color: var(--brand-sopbar1) !important; }
#ntemp .border-color .col-md-4.col-sm-4.col-xs-4:nth-child(2){ background-color: var(--brand-sopbar2) !important; }
#ntemp .border-color .col-md-4.col-sm-4.col-xs-4:nth-child(3){ background-color: var(--brand-sopbar3) !important; }
#ntemp .temp-default-box .logo-powered-by{display: var(--brand-sopfootr);}
#pwrexclnt{display: var(--brand-sopfootr);}

@-moz-document url-prefix() {
  form[id="sitebrandingfrm"] .input-group input[type="color"] {
    padding: 0px;
    border: none;
  }
}
/* Dynamic Css */
#icosetdoc { max-height: 125px; width: 100%; overflow: scroll; overflow-x: hidden; overflow-y: scroll; border: 1px solid #ccc;}
#icosetdoc > ul { list-style: none; padding: 8px; margin: 0px; display: flex; flex-wrap: wrap; }
#icosetdoc > ul > li { font-size: 20px; margin: 8px 0px; width: calc(100%* 1/12 - 0px); text-align: center; }
#icosetdoc > ul > li.isSelected { border: 1px solid currentColor; border-radius: 4px; }
.colorselbox{ width: auto; margin-right: 8px; margin-bottom: 0px; }

#exTab2 ul.nav.nav-tabs li { background: #dbe4c3; }
#exTab2 ul.nav.nav-tabs li a { padding: 4px 8px; }
#exTab2 ul.nav.nav-tabs li.active a { background: #97bc39; color: #fff; }
.fs-template-content td, th { padding: 4px !important; }
.tempnew{ color: #00aadc; font-weight: 600; }
.tempunpub{ color: #afc877; }
.tblu{ color: #08c; padding-right: 5px; }
.martop-4{ margin-top:4px; }
span.acticn{ padding: 1px 2px; }
small.commnt{ color: #9e9e9e; font-size: 11px; line-height: 20px;}
.msp-header .navbar-default .navbar-nav.navbar-right>li>a { color: #396987 !important; }
#docusortable { margin: 0; padding: 10px; box-shadow: -1px 1px 15px 0px #dbdbdb; border-radius: 10px; }
.stickypwr{ position: fixed; bottom: 35px; }

.clientport .proicon { width: 40px; height: 40px; background-color: #fff; line-height: 40px; color: #70a000; border-radius: 50%;
    position: absolute; bottom: 8px; left: 34%; cursor: pointer; transform: translateX(calc(-50% - 15px)); text-align: center; }

/* DATATABLE CSS */
.dataTables_wrapper thead th{ padding: 10px !important; vertical-align: middle !important; border-top: 1px solid #ccc !important; }
.dataTables_wrapper tbody td{ vertical-align: middle; }

.dataTables_paginate { padding: 0 10px 0 0; margin: 15px 0 18px 0; }
table.dataTable.no-footer { border-color: #ccc!important; }
.datatable { border-top: 1px solid #ccc; }
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{ 
    background: #0b4066 !important; 
}
.dataTables_wrapper .dataTables_paginate .paginate_button { padding: 1px 15px !important; border: 0 !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover{
   color: #fff !important;  
}
/* 29 Dec 2021 */
.msp-clipboard .input-group { display: flex; flex-wrap: wrap; flex-direction: column; }
.msp-clipboard .input-group input#sharecomment { min-height: 50px; padding: 10px; }
.msp-clipboard .input-group input[type="text"] { margin-bottom: 10px; }

.mspupdcol122 { max-height: 330px; overflow-x: hidden; overflow-y: scroll; }

/* 23 May 2022 */
.tags { list-style: none; margin: 0; overflow: hidden; padding: 0; font-size: 10px; }
.tags a{ text-decoration: none !important; }
.tags li { float: left; }
.tag {
    background: #eee;
    border-radius: 3px 0 0 3px;
    color: #999;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    padding: 0 18px 0 21px;
    position: relative;
    margin: 0 5px 5px 0;
    text-decoration: none;
    -webkit-transition: color 0.2s;
}
.tag::before { background: #fff; border-radius: 10px; box-shadow: inset 0 1px rgba(0, 0, 0, 0.25); content: ''; height: 6px; left: 9px; position: absolute; width: 6px; top: 9px; }
.tag::after { background: #fff; border-bottom: 12px solid transparent; border-left: 10px solid #eee; border-top: 13px solid transparent; content: ''; position: absolute; right: 0; top: 0; }
.tag:hover { background-color: #97bc39; color: white; }
.tag:hover::after { border-left-color: #97bc39; }
.tag.active{ background-color: #97bc39; color: white; }
.tag.active::after { border-left-color: #97bc39; }
.msp-tag-list { max-height: 225px; overflow-x: hidden; overflow-y: auto; }

/* 25 Aug 2022 */
.lnkline{ max-height: 300px; overflow: hidden; overflow-y: scroll; overflow-x: hidden; }
.mysyspopup .fs-heading { margin-bottom: 0; }
.mysyspopup h3.fs-heading { font-size: 20px; }
.mysyspopup button.close {
    position: absolute;
    top: -15px;
    right: -15px;
    z-index: 99;
    opacity: 1 !important;
    background: #0db3e6;
    text-shadow: none;
    width: 30px;
    height: 30px;
    font-weight: normal;
    border-radius: 50%;
    color: #fff;
}
.mysyspopup .step_div { min-height: 375px; background-color: #f7f7f7; padding: 30px 50px 0; max-height: 380px; overflow-x: hidden; overflow-y: scroll;}
.mysyspopup .step_div .checkbox .fa{ color: #07446a; padding-right: 5px; }
.tmlist{ padding-bottom: 5px; padding-top: 5px; border-top: 1px solid #bfd1bc; }
#tmelementz{ max-height: 200px; overflow: hidden; overflow-x: hidden; overflow-y: scroll; }

/* ===============Responsive================== */
@media only screen and (max-width: 1199px){
	.user-container-inner { margin: 15px 15px; float: left; width: calc(100% - 30px); }
	.user-container-innerpadd { padding: 15px; }
	.left-menu{ width: 230px; }
	.left-menu h3 { font-size: 16px; }
	.left-menu ul > li { font-size: 14px; }
	.left-menu ul.msp-left-drop-menu { padding-left: 15px; }
	.left-menu ul > li a{ padding: 6px 18px; }
	.user-container-panel{ padding-left: 230px; }
	.top_panel-right h3{ font-size: 18px; margin: 12px 15px; }
	.top_panel-right img { max-width: 100px; }
	.msp-card-box{ padding: 10px 15px; }
	.mar-20 { margin: 15px 0; }
	.msp-card-box_top .msp-card-top-content { width: calc(100% - 192px); margin: 2px 15px; }
	.msp-card-box_top { padding-left: 0; }
    .mspupdcol122 { max-height: 330px; overflow-x: hidden; overflow-y: scroll; }
}
@media only screen and (max-width: 991px){
	.top_panel-head{ padding: 10px 15px; }
	.top_panel-right img { max-width: 85px; }
	.top_panel-right h3 { width: calc(100% - 105px); font-size: 14px; margin-right: 0; }
	.msp-table-wrap thead tr th, .msp-table-wrap thead tr td,.msp-table-wrap tbody tr th, .msp-table-wrap tbody tr td{
		min-width: 80px; font-size: 13px;
	}
	.msp-card-top-content h4 { font-size: 14px; margin-bottom: 0; }
	.msp-card-top-content p { font-size: 12px; }
	.msp-card-box_top img { max-width: 28px; }
	.msp-card-box_top .msp-card-top-content { width: calc(100% - 175px); }
	.client-card-box p { font-size: 14px; }
	.client-card-box h1 { font-size: 45px; }
}
@media only screen and (max-width: 767px){
    .msp-user-header.v2 nav.navbar.navbar-default, .msp-user-header.v3 nav.navbar.navbar-default{ padding-left: 0px; }
    .msp-user-header.v3 .msp-search-section .user_account-box{ padding-left: 0px; }
	.left-menu{ margin-top: 6px; left: -100%; }
	.user-container-panel{ margin-top: 106px; padding-left: 0; position: relative; }
	.top_panel-head .top_panel-right {
    	float: right; width: calc(100% - 50px); display: -ms-flexbox; display: -webkit-flex;
		display: flex;
		-ms-flex-line-pack: center;
		align-content: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.top_panel-right img { max-width: 55px; }
	.top_panel-right h3 { width: calc(100% - 60px); font-size: 13px; margin: 0; margin-left: 10px; }
	.search-right-box { max-width: 300px; min-width: 300px; }
	.user_account-action span{ display: none; }
	.msp-table-wrap{margin: 15px 0;}
    .user-dashboard-wrap .propopup { width: 100%; max-width: calc(100% - 150px); }	
}
@media only screen and (max-width: 479px){
	.msp-card-box_top{ display: block; text-align: center; }
	.msp-card-box_top .msp-card-top-content { width: 100%; display: block; margin: 8px 0; text-align: center; }
	.search-right-box { min-width: calc(100% - 55px); width: calc(100% - 55px); }
	.delete-organization { max-width: 25px; overflow: hidden; height: 26px; margin: 8px 0 auto 15px; vertical-align: top; }
}
.gray_color {
    color: #808080;
    pointer-events: none;
}
.gray_color:hover {
    color: #808080;
    pointer-events: none;
}

/* 30 Jul 2024 */
#shareexpire{
    padding: 5px;
    margin-bottom: 10px;
    width: 130px;
    background: #fff;
    border-radius: 2px;
}
.msp-tags{
    max-height: 300px; overflow-x: hidden; overflow-y: auto;
}
.red_color {
    color: #d9534f;
    pointer-events: none;
}