:root {    
    --color-primary-dark: #6772e5;
    --color-primary-light: #13b9ff;
    --color-success: #A5FDCA;
    --color-danger: #E96353;
    --color-warning: #FFE92C;
    --color-info: #7ea7f1;
    --color-text: #7c7c7c;
    --color-text-dark: #555;
    --color-border: #ddd;
    --color-active-bg: #f1f6fa;
}
.bg-primary{background-color: var(--color-primary) !important;}
.bg-primary-light{background-color: var(--color-primary-light) !important;}
.bg-primary-dark{background-color: var(--color-primary-dark) !important;}
.bg-secondary{background-color: var(--color-secondary) !important;}
#content, #footer{background-color: #f7f7f7 !important;}
.no-tabs-block{background-color: #fff !important; padding: 20px; border-radius: 5px;}
.mt15{margin-top: 15px;}
#wrapper{overflow-y: unset;}
html.top-full .navbar.main{background-color: #fff;border: none; height: auto;}
html.top-full .navbar.main .topnav>li{border-right: none; height: 48px; line-height: 48px;}
html.top-full .navbar.main .topnav>li a, .navbar.main .topnav>li>a.glyphicons i:before, .traLanguage .check-icon span{
    /*color: #252525 !important;
    color: #7e8c9a !important;*/
}
html.top-full .navbar.main .topnav>li .menu-inst-title{color: #252525 !important;}
html.top-full.no-touch .navbar.main .topnav>li:hover:not(.active)>a {
    background: #fff;
    color: var(--color-primary) !important;
    /*border-bottom: 3px solid var(--color-primary); */
}
html.top-full.no-touch .navbar.main .topnav>li:hover:not(.active)>a.glyphicons i:before { color: var(--color-primary) !important; }
html.csstransitions.csstransforms3d.animations.sidebar.no-touch:not(.animations-gpu) .menu-right.menu-hidden #content{right: 0 !important; margin: 0 !important;}
.customSimpleSubMenuLink a, .traLanguage a {font-weight: 500 !important;}
div.glyphicons.glyphicon-primary i:before, div.glyphicons-social.glyphicon-primary i:before{
    color: var(--color-primary) !important;
}
/* Page progressbar */
.pace {
    -webkit-pointer-events: none;
    pointer-events: none;

    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.pace-inactive {
    display: none;
}

.pace .pace-progress {
    background: var(--color-primary);
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 3px;
}
.animated-loader-block {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 30px;
  margin: 10px;
}
.animated-loader-block .loader {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    margin: 6px;
    border: 3px solid;
    border-radius: 50%;
    animation: animated-loader-block 0.6s cubic-bezier(0.5, 0.5, 0.5, 0.5) infinite;
    border-color: var(--color-primary) var(--color-primary) var(--color-primary) transparent;
}
@keyframes animated-loader-block{
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Page progressbar */
/*.breadcrumb-block, .page-title{background-image: linear-gradient(to right, var(--color-primary-dark), var(--color-primary-light));} */

/* breadcrumbs */
.breadcrumb{ color: #fff !important; box-shadow: none !important; border-bottom: 1px solid #ffffff4d; }
.breadcrumb li{text-shadow: none !important;}
.breadcrumb li a.glyphicons, .page-title .heading-buttons, .page-title .optonPage, .breadcrumb li a.glyphicons i:before{color: #fff !important;}
.breadcrumb li a {font-weight: 500; font-size: 10px; color:white;}
.breadcrumb li a i.fa {margin-right: 5px;}
.breadcrumb li.divider {margin: 0 15px 0 12px;}
.breadcrumb li.divider i.fa {font-size: 8px; }
.breadcrumb li a.glyphicons i:before {font-size: 12px; top: 12px;} 
/* breadcrumbs */        

.page-title{padding-bottom: 63px !important;padding-top: 10px !important;position: unset !important;z-index: unset !important;}
.innerLR{ margin-top: -48px; }
.page-title .heading-buttons h1, .page-title .heading-buttons h2, .page-title .heading-buttons h3, .page-title .heading-buttons h4, .page-title .heading-buttons h5, .page-title .heading-buttons h6{
    color: #fff !important;
    margin: 0 25px !important;
}
/*
.slope-block{
    height: 50px;
    background-image: linear-gradient(to right, var(--color-primary-dark), var(--color-primary-light));
    transform: rotate(0.5deg);
    margin-top: -10px;
}
*/
.top-header-block{
    background-image: url(../../img/banner.png);
    background-repeat: no-repeat;
    /*clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 calc(100% - 1.7vw) );*/
    background-size: cover;
}

/*
.page-title:after {
    content: '';
    position: absolute;
    top: 180px;
    left: 0px;
    width: 101%;
    height: 50px;
    background-image: linear-gradient(to right, var(--color-primary-dark), var(--color-primary-light));
    transform: rotate(1.7deg);
}*/
.box-generic{border: none !important; padding: 0 !important; border-radius: 5px !important; background: transparent;}
.widget.widget-heading-simple>.widget-body{border: none; border-radius: 5px;}
.widget{border: 1px solid var(--color-border);}
.border-bottom{border-bottom: 1px solid var(--color-border) !important;}
.tab-content {box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.2); background: #fff; border-radius: 5px;}
/* tab css*/

.tabs {
    border-radius: 5px !important;
    box-shadow: 0 2px 13px 0 rgb(0 0 0 / 20%) !important;
    margin: 0 0 30px !important;
    height: 60px;
    background: #dbdbdb;
    position: relative;
    overflow: hidden;
}

.tabsbar ul li.active a {background: var(--fourth-color) !important;text-align: center !important;color: var(--color-primary) !important;}
.tabsbar ul li a{display:flex; align-items: center; justify-content:center;  width: 100% !important;line-height: 17px !important;font-size: 14px;color: var(--color-text) !important;font-weight: 500 !important;}
.tabsbar ul li a:before{
    content: "";position: absolute;left: 50%;right: 50%;bottom: 0;background: var(--color-primary) !important;height: 4px;
    -webkit-transition-property: left right;
    transition-property: left right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin: 0 10px;
}
.tabsbar ul li a:hover:before, .tabsbar ul li.active a:before{left: 0;right: 0;}
.tabsbar ul li {background: var(--fourth-color) !important;float: none !important;display: table-cell !important;border-right: 0px !important;text-align: center !important;}
.tabsbar ul li a:hover{color: var(--color-primary) !important;background: var(--fourth-color) !important;}
.tabsbar ul{display: table !important;table-layout: fixed !important;width: 100% !important;}
.tabsbar{border-radius: 5px !important;box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.2) !important;margin: 0 0 30px !important;}
.tabsbar ul li a i {display: none !important;}
@media only screen and (max-width: 500px) {
    .tabsbar ul li a {font-size: 12px !important;line-height:10px !important;padding-top: 17px !important;}
    .tabsbar ul li.active a{padding-top: 17px !important;}
}
.tab-style-2.with-border{border: 1px solid #ddd;padding-top: 10px;border-radius: 4px;}
.tab-style-2 .tabsbar{margin-bottom: 15px !important;}
.tab-style-2 .tabsbar{box-shadow: none !important;border-bottom: 1px solid #98a3ae59 !important;border-radius: 0 !important;background: transparent !important;height: 35px !important;}
.tab-style-2 .tabsbar ul{display: block !important;width: auto !important;table-layout: unset !important;height: 35px !important}
.tab-style-2 .tabsbar ul li{text-align: left !important;float: left !important;display: block !important;height: 35px !important}
.tab-style-2 .tabsbar ul li a{display:block;padding-top: 3px !important;text-align: left !important;width: auto !important;height: 35px !important;line-height: normal !important;}
.tab-style-2 .tabsbar ul li.active a{text-align: left !important;}
.tab-style-2 .tabsbar ul li.active a:before{width: 35px;left: auto;right: auto;}
.tab-style-2 .tabsbar ul li a:before{border-top-left-radius: 0px;border-top-right-radius: 0px;left: auto;right: auto;margin: 0;}
.tab-style-2 .tabsbar ul li:not(.active) a:hover:before{
    width: 35px;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}
.tab-style-2 .tab-content{box-shadow: none;padding: 15px;}

/* Tabs with more button CSS */
.tabs {
    border-radius: 5px !important; box-shadow: 0 2px 13px 0 rgb(0 0 0 / 20%) !important;
    margin: 0 0 30px !important; height: 60px; background: #fff; position: relative;
}
.tabs ul > li {height: 60px; padding: 0;}
.tabs ul li a {
    font-weight: 500 !important; font-size: 14px; color: var(--color-text) !important; display: block;
    height: 60px; line-height: 60px; padding: 0 15px; text-align: center !important;
    -webkit-transition: background 1s ease; -moz-transition: background 1s ease;
    -o-transition: background 1s ease; -ms-transition: background 1s ease;
    transition: background 1s ease; text-decoration: none;
}
.tabs ul>li.active>a {text-align: center !important; color: var(--color-primary) !important;}
.tabs ul li a:hover:before, .tabs ul>li.active>a:before {left: 0; right: 0;}
.tabs ul>li>a:before {
    content: ""; position: absolute; left: 50%; right: 50%; bottom: 0; background: var(--color-primary) !important;
    height: 4px; margin: 0 10px; -webkit-transition-property: left right; transition-property: left right;
    -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; border-top-left-radius: 4px; border-top-right-radius: 4px;
}
.tabs ul li a i {display: none;}
.tabs:not(.--jsfied) {overflow-x: auto; -webkit-overflow-scrolling: touch;}
.tabs .primary-tab {display: flex !important;}
.tabs .primary-tab > li {flex-grow: 1;}
.tabs li > a{white-space: nowrap;}
.tabs .primary-tab .more-tab > a span {display: inline-block; transition: transform 0.2s;}
.tabs.show-secondary-tab{overflow: visible !important;}
.tabs.show-secondary-tab .primary-tab .more-tab > a span {transform: rotate(180deg);}
.tabs .secondary-tab {
    width: auto !important; height: auto; display: none; position: absolute;
    top: 100%; right: 0; box-shadow: 0 0.3em 0.5em rgba(0, 0, 0, 0.3);  background: #fff;
    -webkit-animation: nav-secondary 0.2s; animation: nav-secondary 0.2s; padding: 0;
}
.tabs .secondary-tab li {display: block;}
.tabs.show-secondary-tab .secondary-tab {display: block; z-index: 999999; min-width: 125px;}
@-webkit-keyframes nav-secondary {
    0% {opacity: 0; transform: translateY(-1em);}
    100% {opacity: 1; transform: translateY(0);}
}

@keyframes nav-secondary {
    0% {opacity: 0; transform: translateY(-1em);}
    100% {opacity: 1; transform: translateY(0);}
}
/* Tabs with more button CSS */

.top-menu-li-title{font-size: 13px !important;padding: 10px 15px 6px !important;font-weight: 500 !important;margin: 0 !important;border: 0 !important;}
html.top-full .navbar.main .topnav>li.dropdown.dd-1 .dropdown-menu.inbox li, html.top-full .navbar.main .topnav>li.dropdown .dd-1 .dropdown-menu.inbox li{
    border-top: 1px solid #F1F6FA !important;margin: 0 !important;padding: 3px;
}
html.top-full .navbar.main .topnav>li.dropdown.dd-1 .dropdown-menu.inbox li:hover, html.top-full .navbar.main .topnav>li.dropdown .dd-1 .dropdown-menu.inbox li:hover, .traLanguage:hover, .traLanguage a:hover, .customSimpleSubMenuLink:hover, .customSimpleSubMenuLink a:hover{
    background: #F1F6FA !important;
}
html.top-full .navbar.main .topnav>li.dropdown .dropdown-menu{
    width: 170px !important;
}
.padding-20{padding: 20px !important;}
.padding-15{padding: 15px !important;}

/* form input, button and label css start */
select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{
    border-radius: 4px !important;
    padding: 10px !important;
    height: 40px !important;
    border-color: #d0d7dd !important;
    color: #555 !important;
}
.token-input-input-token  input[type="text"]{height: 38px !important;}
input[type="text"].inline-edit-input{padding: 2px 5px !important;height: 25px !important;}
.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline{
    padding-top: 11px !important;font-weight: 500 !important;
}
textarea{border-color: #d0d7dd !important;border-radius: 4px !important;color: #555 !important;}
.select2-container {
    padding: 0px !important;background: transparent;border: 0px;margin-bottom: 5px;border-radius: 4px !important;border-color: #d0d7dd !important;
}
.select2-container .select2-choice {background: none !important;height: 40px !important;padding: 10px;border-radius: inherit;border-color: #d0d7dd !important;}
.select2-container-multi .select2-choices{border-color: #d0d7dd !important;border-radius: inherit;}
.select2-container .select2-choice span {line-height: 18px; }
.select2-container .select2-choice div {width: 18px; border-left: 0; padding: 7px 0;}
.select2-container-multi.select2-container-active .select2-choices{box-shadow: none !important;}
.btn{font-family: 'Roboto Slab', serif;border-radius: 3px !important;padding: 9px 15px !important;letter-spacing: 0.5px !important;}
.btn-sm{padding: 6px 10px !important;}
.btn i.fa {margin-right: 5px !important;} 
.btn-primary {border-color: var(--color-primary) !important;background: var(--color-primary) !important;}
.glyphicons.btn-icon, .glyphicons-social.btn-icon{padding: 9px 15px 9px 40px !important;}
.glyphicons.btn-icon i:before, .glyphicons-social.btn-icon i:before{top: 2px !important;left: 15px !important;width: auto !important;height: auto !important;}
.btn-primary.glyphicons i:before, .btn-primary.glyphicons-social i:before{color: #fff !important;}
.radio-checkbox-block{margin-top: 10px;}
.radio-checkbox-container {
    color: #555;
    cursor: pointer;
    font-weight: normal !important;
    font-size: 13px;
    margin-bottom: 0;
    margin-right: 20px;
    position: relative;
    padding-left: 23px;
    padding-bottom: 7px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.radio-checkbox-block.vertical-display .radio-checkbox-container{display: block;margin-right: 0 !important;}
.radio-checkbox-container input[type="radio"], .radio-checkbox-container input[type="checkbox"] {
    position: absolute;opacity: 0;cursor: pointer;top: 0;left: 0;
}
.dynamicTable .radio-checkbox-container{padding-bottom: 12px !important;}
.checkmark {position: absolute;top: 0;left: 0;height: 15px;width: 15px;background-color: #fff;border: 1px solid #d0d7dd;}
.radio-input-container .checkmark{border-radius: 50%;}
.checkbox-input-container .checkmark{border-radius: 4px;}
.radio-checkbox-container:hover input ~ .checkmark {background-color: #f1f6fa;}
.radio-checkbox-container input:checked ~ .checkmark {background-color: #fff;border-color: #6772E4;border-color: var(--color-primary);}
.radio-checkbox-container:hover input:disabled ~ .checkmark {cursor: not-allowed;}
.radio-checkbox-container .checkmark:after {content: "";position: absolute;display: none;}
.radio-checkbox-container input:checked ~ .checkmark:after {display: block;}
.radio-input-container .checkmark:after {top: 4px;left: 4px;width: 5px;height: 5px;border-radius: 50%;background: #6772E4;background: var(--color-primary);}
.checkbox-input-container .checkmark:after {
    left: 4px;top: 1px;width: 5px;height: 9px;border: solid #6772E4;border: solid var(--color-primary);border-width: 0 1.5px 1.5px 0;
    -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);
}
.radio-checkbox-container label{font-weight: inherit !important; margin-bottom: 0 !important;}
.daterangepicker .daterangepicker_input i{top: 10px !important;}
.daterangepicker .input-mini{padding: 0 6px 0 28px !important;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{background-color: var(--color-active-bg); color: #555 !important;}
/* form input, button and label css end */
.graph-wrapper{border:0px solid #efefef !important;}
.activity-date-block{background: white !important; padding:7px 2px !important; border: 1px solid #efefef !important; border-radius: 0px !important;}

/* Table css start */
table td a i.fa, table td a i.far,table td a i.fas {color: #7c7c7c;}
table thead>tr>th {font-family: 'Roboto Slab', serif;padding-bottom: 15px !important;border-bottom: 1px solid #ddd !important;}
table tr:last-child td {border-bottom: 1px solid #ddd !important;}
.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {background-color: white;}
.table thead>tr>th, .table tbody>tr>th, .table tfoot>tr>th, .table thead>tr>td, .table tbody>tr>td, .table tfoot>tr>td{vertical-align: middle;}
/* Table css end */
.filter-bar{background: transparent;border: 0;padding: 0 !important;padding-bottom: 10px !important;line-height: 30px;}
.filter-bar .btn.btn-primary, .action-bar .btn.btn-primary, .action-btn, .btn.btn-secondary{
    background: var(--color-secondary) !important;border: 1px solid var(--color-secondary) !important;color: #fff;
}

/* Token input */
ul.token-input-list {
    font-family: 'Roboto', sans-serif !important;
    border-radius: 4px !important;
    /*padding: 3px !important;*/
    border-color: #d0d7dd !important;
}

li.token-input-token, .select2-container-multi .select2-choices .select2-search-choice {
    background-color: #f1f6fa !important;
    font-weight: normal !important;
    padding: 8px !important; 
    color: #555 !important;
    font-size: 13px !important;
}
div.token-input-dropdown ul li.token-input-selected-dropdown-item{
    background-color: #f1f6fa !important;
}
li.token-input-selected-token span{color: #fff !important;}
li.token-input-selected-token {
    background-color: var(--color-primary) !important;
    color: #fff !important;
}	

div.token-input-dropdown{border-radius: 2px;}
div.token-input-dropdown ul li.token-input-dropdown-item, div.token-input-dropdown ul li.token-input-dropdown-item2{padding: 8px;}
li.token-input-token span {line-height: initial;}
/* Token input */

.search-link{padding-top: 13px;}
.action-link-block{text-align: right;padding-top: 9px;font-size: 20px;}
.action-bar .action-link-block .export-link, .action-bar .action-link-block .show_hide_block{display: inline-block; padding: 0 5px;}
.action-bar .action-link-block a{color: inherit !important;}
.show-hide-attributes-block{display: inline-block;}
.show-hide-block{position: relative;}
.show-hide-block .show-hide-icon{padding-top: 10px;font-size: 20px;}
.grid-attr-menu {width: 600px;max-height: 400px;overflow: auto;left: auto;right: 0;padding-left: 10px;}
@media (max-width:992px) { 
    .grid-attr-menu {width: 380px;}
}

.select-unselect-all{ vertical-align: middle; margin-top: 0px;}
.select2-results .select2-highlighted{background-color: var(--color-primary) !important;}
.select2-container-multi .select2-choices .select2-search-choice{padding: 8px 8px 8px 20px !important;background-image: none !important;border: 0 !important;}
.select2-search-choice-close{top: 8px !important;left: 5px !important;}
.menu-container{display: flex;}
.module-menu-help-block{padding: 20px 0 70px !important;transform: skewY(-2deg);}
.cusTM i:before{padding-top: 3px !important; font-size: 18px !important; margin-top: 13px !important; }
.cusTM{padding-left: 26px !important ; }
@media (max-width:767px) { 
    .action-block{margin-bottom: 10px;}
    .grid-attr-menu {width: 400px;left: 0;right: auto;}
    html.top-full .navbar.main .topnav>li{border: none;vertical-align: middle;}
    html.top-full .navbar.main .topnav-right-container{float: left !important;}
    html.top-full .navbar.main .top-setting{float: right !important;}
    .xs-show {display: inline-block !important;}
    html.top-full .navbar.main .topnav>li>a {padding: 0 5px;}
    .menu-container{display: block;}
    .module-menu-help-block{padding: 20px 15px 70px !important;}
    .profile-name{display: none;}
    .modules-option-list {border-bottom: 1px solid var(--color-border);}
    html.top-full .navbar.main .topnav>li.open>a{background: #fff !important;}
}
.select-unselect-action{display:inline-block;color:#3a87ad;margin-left: 13px;}
.export-icon-block{display:inline-block;vertical-align:top;}
.action-dropdown-block, .export-icon-block{display:inline-block;margin-left: 13px;vertical-align: top;}
.action-submit-block{display:inline-block;margin-left: 13px; vertical-align: top;}
.per-page-block{display: inline-block;margin-right: 15px;}
.per-page-block select{margin: 21px 0;}
.pagination{border: 1px solid;border-color: #d0d7dd !important;}
.pagination>li>a, .pagination>li>span{padding: 9px 12px !important;}
.pagination > .active > a, .pagination > .active > span, .pagination > li > a:hover, .pagination > li.primary > a, .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{
    color: var(--color-primary) !important;background: #fff;border-bottom-color: var(--color-primary) !important;
}
.pagination > li > a {
    border: 0;border-top: 2px solid #fff !important;border-bottom: 2px solid #fff !important;margin: 0 2px !important;color: #555 !important;font-weight: 500;
}
.pagination > .primary.disabled > a, .pagination > .disabled > a, .pagination > .disabled > span{
    color: #555 !important;font-weight: 500;opacity: 0.8;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {border-bottom-left-radius: 0px !important; border-top-left-radius: 0px !important;}
.pagination>li:last-child>a, .pagination>li:last-child>span {border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important;}
.pagination>li {display: inline-block !important; vertical-align: middle;}
div.dataTables_info{padding: 33px 0 !important;}

/* top most alert message  (fixed and full width) */
.sub-msg-block {font-size: 12px;padding: 8px 30px;background-image: linear-gradient(to right, #F25757, #F36666) !important;color: #fff;}
.sub-msg-block .sub-msg {display: inline-block;width: calc(100% - 178px);vertical-align: middle;}
.sub-msg-block .btn-group {display: inline-block;width: 175px;text-align: right;vertical-align: middle;}
.sub-msg-block .btn-group .btn {width: 100%;padding: 5px 15px !important;height: 30px;font-size: 12px;border: 0;font-weight: 600;}
.sub-msg-block .btn-group span.caret{margin-left: 5px;border-top-color: #fff;} 
.sub-msg-block .btn-group .dropdown-menu{text-align: left;}
.sub-msg-block .btn-group .dropdown-menu li a:hover{background: #ededed !important;color:#000;}
/* top most alert message  (fixed and full width) */
.alert.alert-warning {
    background: var(--color-warning) !important;
    color: var(--color-text-dark) !important;
    border-color: var(--color-warning) !important;
}
.alert.alert-danger{
    background: var(--color-danger) !important;
    color: white !important;
    border-color: var(--color-danger) !important;
}
/* flash message */
.flash-message-container {
    z-index: 999999 !important;position: fixed !important;top: 60px !important;left: 50% !important;transform: translateX(-50%) !important;}
.flash-message-container-left {top: auto !important; left: 15px !important; bottom: 15px !important; transform: translateX(0) !important;}
.flash-message{
    margin-bottom: 0 !important;
}
.flash-message.alert-success, .flash-message.alert-danger {
    width: 400px !important;
    
}
.flash-message.alert-success {border-color: #A5FDCA !important; background: #A5FDCA !important; color: #3C5C4A !important;}
.flash-message.alert-danger {border-color: #E96353 !important; background: #E96353 !important; color: white !important;}
.flash-message.alert-info {
    font-size: 13px !important;padding: 12px 15px !important;font-weight: 500 !important;min-width: 120px !important;
    letter-spacing: 0.5px !important;background: #FBF5DF !important;color: #C2A543 !important;border-color: #C2A543 !important;max-width: 400px !important;
}
.flash-message.alert .close{color: inherit !important;font-size: 16px !important;}
.flash-message-slope{
   transform: skewY(1.8deg);
    height: 18px;
    margin-top: -10px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.flash-message-slope.success{
    background: #A5FDCA !important;
}
.flash-message-slope.danger{
    background: #E96353 !important;
}
.flash-message-slope.info {
    background: #FBF5DF !important;
    border-bottom: 1px solid #C2A543 !important;
    border-left: 1px solid #C2A543 !important;
    border-right: 1px solid #C2A543 !important;
    height: 15px;
}
/* flash message */

/* a links */
a{color: var(--color-primary);}
a.with-icon{color: var(--color-text);}

/* badges */
.badge{border-radius: 4px;}
.badge.badge-danger{background: var(--color-danger);}
.text-primary{color: var(--color-primary) !important;}
.text-danger{color: var(--color-danger) !important;}
/* bagges */

/* manage fields */
.panel-heading .panel-heading-title{font-weight: 500;font-size: 15px;}
.form-fields-block .form-field{
    background-color: #f1f6fa;border-radius: 6px;cursor: move;display: inline-block;margin: 0 15px 15px 0;
    padding: 30px 0px;width: 120px;font-size: 13px;font-weight: 400;color: #555;text-align: center;
}
.form-fields-block .form-field i{font-size: 25px; margin-bottom: 5px;}
.add-field-group-link{color: var(--color-primary) !important;}
.field-group-block .field-group-block-body {padding:25px;display:none;}
.panel-info{border-color: #f1f6fa !important;margin-bottom: 15px;}
.panel-info>.panel-heading{color: #555 !important;background-color: #f1f6fa !important;border-color: #f1f6fa !important;padding: 18px 15px !important;font-size: initial !important;}
.panel-heading i.fa {color: var(--color-text) !important;}
.field-group-block-header i.fa{color: #7c7c7c !important;}
.field-group-block-header i.fa-arrows{font-size: 14px;}
.tab-entery-form{border-radius: 4px;}
.attributeBlock {border: 1px solid #ddd;margin-bottom: 15px;}
.attributeBlock .attributeLabel{padding: 12px;}
.attribute_settings {border-top: 0.1px solid #ddd; padding: 15px;}
.cuslabelclass{font-size: 15px;}
.confirmation_message{padding: 3px 0px 10px !important; font-style: italic;}
.settingsIcon, .deleteIcon{ cursor: pointer; padding-left: 8px; font-size: 14px;}
.settingsFieldsLabel{margin-bottom: 5px;}   
/* manage fields */

/* tooltips */
.tooltip.bottom .tooltip-arrow{border-bottom-color: var(--color-primary);}
.tooltip .tooltip-inner{
    background-color: #fff !important;
    max-width: 200px !important;
    border: 0.5px solid var(--color-primary) !important;
    color: #333 !important;
    padding: 10px !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.2);
}
.tooltip-inner.assessment-cmt-box{background-color: transparent !important; border: 0 !important; padding: 0 !important;}
/* tooltips */

/* full calendar */
.fc .fc-toolbar h2 {font-size: 20px;}
.fc .fc-button {height: auto;padding: 8px 15px;font-size: inherit;text-transform: capitalize;line-height: 16px;}
.fc-state-default {
    border: 0.5px solid;background-color: #f1f6fa;background-image: none !important;background-repeat: no-repeat;
    border-color: #ddd !important;color: inherit !important;text-shadow: none;box-shadow: none;
}
.fc-state-active, .fc-state-down {background-color: #f1f6fa;color: #333 !important;}
.fc th.fc-widget-header {padding: 4px 0 !important;}
.fc .fc-content-skeleton table tr:last-child td {border-bottom: 0 !important;}
.fc-header-title h2{font-size: 20px;line-height: 32px;}
/* full calendar */

/* Manage Academics */
.class-block, .sections-data .section-block-header.alert-gray{color: #555 !important;background-color: #f1f6fa !important;border-color: #f1f6fa !important;padding: 14px !important;}
.department-block a i.fa, .class-block a i.fa, .section-block a i.fa, .subject-block a i.fa, .class-block a i.glyphicon, .section-block a i.glyphicon, .subject-block a i.glyphicon, .department-block a i.glyphicon {
    color: #7c7c7c;
}
.info-label{padding: 8px 16px;border-radius: 4px;font-size: 13px;margin-right: 15px; border: 0.8px solid !important; font-weight: normal;}
.info-label-small{padding:6px 10px; font-size:11px;}
.info-label:last-child, .cus-sec-info-label:last-child{margin-right: 0;}
/* Manage Academics */

/* label and badges */
.label{padding: 5px 10px;font-size: 10px;font-weight: 500;border-radius: 3px;}
.label.label-success {color: #3C5C4A !important; background: var(--color-success) !important;}
.label-danger {color: white;background: var(--color-danger);}
.label-info {color: var(--color-primary);background: #7ea7f152 !important;}
.label-warning{color: #8C8018; background: #FFE92C !important;}
.label-gary {color: white;background: #a7a7a7;}
.label-info-light {color: var(--color-info);background: #f1f6fa !important;}
.label-sm {padding: 3px 7px;}
.lbl-success{background: #fff !important;color: #6de1ca !important;}
.lbl-info{background: #fff !important;color: #7ea7f1 !important;}
.lbl-warning{background: #fff !important;color: #f4b770 !important;}
.lbl-gray{background: #fff !important;color: #a7a7a7 !important;}
.text-success{color: var(--color-success) !important;}
/* label and badges */

/* time line block */
.layout-timeline ul.timeline>li.active:before{background: var(--color-border);}
.layout-timeline ul.timeline>li.active .type:before, .layout-timeline ul.timeline>li.active .type:after{background: var(--color-border);}
.layout-timeline ul.timeline li .box-generic{border: 1px solid #ddd !important; padding: 6px 2px !important; background: #fff !important; border-radius: 0px !important; }
.layout-timeline ul.timeline li .alert.alert-normal{border: 1px solid var(--color-border);}
.layout-timeline ul.timeline>li .type i:before{color: var(--color-border) !important;}
.layout-timeline ul.timeline>li .type .icon-disp{border: 1px solid #ddd;}
.layout-timeline ul.timeline>li{line-height: 20px;}
.layout-timeline ul.timeline>li .widget .widget-body{padding-left: 0;}
.layout-timeline ul.timeline>li .type, .layout-timeline ul.timeline>li.active .type{color: inherit; font-weight: 500;}

/* time line block */

/* Health Records */	
a.medical-logs-link .disp-icon{border: 1px solid #ddd;}
a.medical-logs-link .disp-icon:hover {color: inherit !important;}	
a.medical-logs-link{color: inherit;}
/* Health Records */

/* Student profile block */

.student-profile-info-block, .teacher-profile-info-block{padding-right: 50px !important;}
.profile-image-block{margin-bottom: 40px;}
.profile-image-block img{max-width: 300px; margin: auto;}
.subject-title-block{margin-bottom: 25px;}
.student-profile-info-block .table tr:first-child td,.teacher-profile-info-block .table tr:first-child td{border-top: 0 !important;}
.student-profile-info-block .table tr , .teacher-profile-info-block .table tr{padding-left: 0 !important; padding-right: 0 !important; word-break: break-all;}
.subject-type, .sibling-title{margin-bottom: 10px;}
.student-details-block, .teacher-details-block{margin-bottom: 30px;}
.student-details-block{margin-bottom: 30px;}
.student-details-fees-block, .suject-info-block{border: 0.5px solid var(--color-border);border-radius: 8px;padding: 15px;}
.suject-info-block{margin-bottom: 160px;}
.fees-title{margin-bottom: 20px;}
.cus-sup{top: 0.3em;position: relative;font-size: 40%;vertical-align: top;}
.fees-ammount-count{font-size: 30px; font-weight: 300; color: var(--color-primary);}
.fees-paid-block{padding-right: 6px; padding-bottom: 6px; }
.fees-unpaid-block{padding-left: 15px;padding-bottom: 6px;}
.right-border{border-right: 0.5px solid var(--color-border);}

/* Student profile block */

/* attandance block */
.sts-block{
    display: inline-block;text-align: center;margin-right: 10px !important;min-width: 100px !important;
    border: 0.8px solid;font-size: 12px;padding: 10px 10px;border-radius: 3px;
}
.sts-block:last-child{margin-right: 0 !important;}
.month-calendar{margin: 7.5px 0;}
.month-calendar table{width: 100%;}
.month-calendar .month{padding: 12px;width: 100%;background: var(--color-primary);border-top-right-radius: 3px;border-top-left-radius: 3px;}
.month table {margin: 0; padding: 0; width: 100%;}
.month-calendar .month table td {color: #fff;font-size: 14px;text-transform: uppercase;letter-spacing: 1px;}
.month-calendar .month table tr:last-child td {border: 0 !important;}
.weekdays{margin: 0;padding: 10px 5px;background-color: #f1f6fa;width: 100%;font-weight: 500;font-size: 12px;}
.weekdays td {margin: 0;padding: 10px 0;width: 13.28%;color: #666;text-align: center;}
table.days tr:last-child td {border: 0 !important;}
.dates{background: #f1f6fa;padding: 5px;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;}
.attendance-next-prev-block{border: 1px solid; border-color: #d0d7dd !important;border-radius: 4px;display: inline-block;}
.attendance-next-prev-block a{
    border-top: 2px solid #fff !important;border-bottom: 2px solid #fff !important;margin: 0 2px !important;
    color: #7c7c7c !important;font-weight: 500;padding: 9px 12px !important;float: left;
}
.attendance-next-prev-block a:hover{color: var(--color-primary) !important;border-bottom-color: var(--color-primary) !important;}
.attendance-status-info-block{margin-top: 12px; margin-bottom: 12px;}
.attendance-status-info {margin-left: 25px;margin-right: 5px;}
#prevWeek i, #prevYear i{margin-right: 5px; font-size: 10px;}
#nextWeek i, #nextYear i{margin-left: 5px; font-size: 10px;}
.days .active{border: 0.5px solid;}
.days{padding: 10px 0; margin: 0;}
.days td {text-align: center;width: 13.28%;margin-bottom: 5px;font-size:12px;color: #777;}
.attend-mark{position : relative;padding: 6px;}
.comment-disp{border-left: 9px solid transparent; border-top: 7px solid #fff; top: 1px; right: 1px; float: right; position: absolute;}
.days td .tooltip > .tooltip-inner{padding: 0 !important;}
.animated-loader{width: 20px;}

/* Date Picker UI */
.datepicker table tr:last-child td, .daterangepicker table tr:last-child td{border: 0 !important;}
.datepicker table thead>tr>th, .daterangepicker table thead>tr>th{border-bottom: 0 !important; padding-bottom: 5px !important;}
.datepicker thead th.dow, .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled,
    .datepicker table tr td.active.disabled:hover, .datepicker table tr td span.active, .datepicker table tr td span.active:hover,
    .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover{background: var(--color-primary) !important;}
.datepicker thead th.dow{color: #fff;-webkit-border-radius: 0 0 0 0;-moz-border-radius: 0 0 0 0;border-radius: 0 0 0 0;}
.daterangepicker td.in-range, .daterangepicker td.available:hover, .daterangepicker th.available:hover, .datepicker table tr td.day:hover{background-color: var(--color-active-bg);}
.daterangepicker td.active, .daterangepicker td.active:hover{background-color: var(--color-primary) !important;}
/* Date Picker UI */

/* LMS curriculum block */

.curriculum-widget{
    background-image: linear-gradient(to bottom, #A6FFCA, #4de7e7) !important;
    padding: 15px !important;
}
.section{
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    margin-bottom: 15px;
}
.section-div{
    color: #555 !important;
    border-bottom: 0.5px solid #ddd;
    padding: 18px 15px !important;
    font-size: initial !important;
}
.lecture{
    border-bottom: 0.5px solid var(--color-border);
    padding: 15px;
}

.content-box {
    margin-bottom: 10px;
    width: 95px;
    float: left;
    margin-right: 10px;
    background-color: #f1f6fa;
    border-radius: 4px;
    padding: 10px 0px;
    font-size: 12px;
    font-weight: 400;
    color: #666;
    height:75px;
}
.curriculum-form-title{
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
}
label{font-weight: 500 !important;}
.lms-add-section-block{
    background: white;
    padding: 20px !important;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}
.content-box:hover {
    background: var(--color-primary) none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
}
.content-fa {
    font-size: 25px;
}
.delete-content-div{
    float:right;
    display: none;
}
.content-item:hover{
    color: var(--color-primary);
}
.content-item:hover .delete-content-div{
    display: block;
}
.lms-subject-block{
    border: 0.5px solid var(--color-border);
    border-radius: 4px;
    margin-bottom: 20px;
}
.lms-subject-block:hover{
    -webkit-box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.2);
}
.lms-subject-block .lms-subject-link{
    color: var(--color-text) !important;
}
.subject-label{
    position: absolute;
    top: 15px;
    right: 20px;
}
.subject-display-block{
    min-height: 200px;
    padding: 70px 0 60px;
   /* background: linear-gradient(to bottom, rgba(77, 231, 231, 0.8), rgba(103, 114, 229, 0.8)); */
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.subject-display-block .lms-icon{ margin-top: 15px; width: 80px; height: 50px;}
.subject-extra-div{padding:5px 15px 20px 15px; border-top: 0.5px solid var(--color-border);}
#lectureAdd, .section #sectionAdd{padding: 15px; border-bottom: 0.5px solid var(--color-border);}
.curriculum-section-list-group{margin-right: 6px !important;}
.curriculum-lecture-list-group{box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.2); border-radius: 4px; margin-bottom: 15px; border: 0.5px solid var(--color-border);}
.section-info{padding: 15px !important; border-bottom: 0.5px solid var(--color-border);}
.curriculum-content-list-group{padding: 15px !important;}
.lecture-info, .lecture-description{margin-bottom: 7px;}
.active-lecture,.curriculum-content-list-group:hover{background-color:var(--color-active-bg);}
.flip-class-block .curriculum-block{
    border-radius: 0 !important;border-top-left-radius: 5px !important;position: relative;
    margin: 0 0 15px;background-image: linear-gradient(to bottom, #A6FFCA, #4de7e7) !important;padding: 15px !important;
}
.flip-class-block .curriculum-lecture-list-group{
    background-color: #fff;border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    margin-bottom: 15px; border: 0;
}
#curriculum_subject_id{ margin-top: 15px; }
.flip-class-block #curriculum_subject_id{ margin-top: 0px; }
/* LMS curriculum block */

/* Record List css */
.records-list .list-item {cursor: pointer;padding: 20px;border-bottom: 0.5px solid var(--color-border);}
.records-list .list-item.active {background: var(--color-active-bg);}
.records-list .list-item:hover {background: var(--color-active-bg);}

/* forms tab */
.list-group-1>li.active, .list-group-1>li.active:hover {background: var(--color-primary);}
.list-group-1>li:hover>a>[class*="fa-"],.list-group-1>li:hover>a>[class*="icon-"]{color: var(--color-primary);}
.question.active .question-title, .que-title-block:hover > .question-title{background: var(--color-primary);color:#fff;}
.quiz-statastic .count{color: var(--color-primary);}

/* loading btn style */
.loading-btn{position:relative;cursor:default;text-shadow:none!important;color:transparent!important;opacity:1;pointer-events:auto;-webkit-transition:all 0s linear,opacity .1s ease;transition:all 0s linear,opacity .1s ease;}
.loading-btn svg{display:none !important;}
.loading-btn:before{position:absolute;content:'';top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;border-radius:500rem;border:.2em solid var(--theme-colored);}
.loading-btn:focus,.loading-btn:hover{color:var(--theme-colored) !important;}
sup.input-requird{color: var(--color-danger) !important;}
@-webkit-keyframes button-spin{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes button-spin{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
.loading-btn:after{position:absolute;content:'';top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;-webkit-animation:button-spin .6s linear;animation:button-spin .6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:500rem;border-color:#FFF transparent transparent;border-style:solid;border-width:.2em;box-shadow:0 0 0 1px transparent;}
.clearfix{clear:both;}
.minHight150{min-height: 150px;}
.power-by-img{width:10px;height:17px;margin:0px 5px;}
@media screen and (max-width:767px) {
    .skill-search-img{min-width:60px; min-height: 55px;}
    .tabsbar, .tabsbar.tabsbar-2, .tab-style-2 .tabsbar{ height: auto !important; background-color: #fff;}
    .tab-style-2 .tabsbar ul li{ height: 30px !important; margin-bottom: 7px !important; }
    .page-title{display: inline-block; width: 100%;}
    .tabsbar ul li{float: left !important; height: 50px;}
}   
.cke_dialog, .cke_panel { z-index: 999999 !important;}
.cke_maximized{z-index: 999999 !important;}
.action-dropdown-menu{border: 1px solid #ccc;border-radius: 4px; margin-left: 13px;font-size: 14px; display: flex;}
.action-dropdown-menu>a{color: #333; padding: 10px 20px;}
.action-dropdown-menu>a>i{margin-left: 5px;}
.action-dropdown-menu .total-select-std{background-color: var(--color-primary); color: white; padding: 2px 0; border-radius: 3px; margin-right: 5px; display: inline-block; width: 25px; text-align: center;}
.action-dropdown-menu a:hover, .action-dropdown-menu a:focus{text-decoration: none !important;}
.action-main-menu{width: max-content;}
.action-main-menu>li{margin-bottom: 8px;}
.action-main-menu>li>a{font-weight: bold;}
.action-main-menu>li>a:hover, .dropdown-menu>li>a:focus{background-color: unset !important; color: #333 !important;}
.action-main-menu.dropdown-menu{left: auto; right: 0; min-width: 200px;}
.action-sub-menu{list-style: none; padding-right: 25px;}
.action-sub-menu li{padding: 3px 0;}
.action-sub-menu a{color: #333 !important; line-height: 1.4;}
.action-sub-menu i{padding-right: 5px; width: 20px; text-align: center;}
.action-disable{cursor: not-allowed;}
.action-disable>a{pointer-events: none;}

.no-data-in-tbody{display: table-row; height: 30px;}
.no-record-found-block{font-weight: 500; text-align: center; margin: 60px 0;}
.no-record-found-img{width: auto; display: block; margin: 0 auto; margin-bottom: 8px;}

.modal-transparent{opacity: 0 !important;}
.full-screen-modal-open{margin-right: 0px !important; overflow: hidden;}
.fs-modal{margin-top: -121px; margin-bottom: 70px;}
/*.full-screen-modal > .modal-dialog{width:100%; overflow-y: initial !important; padding:0px; left:0 !important;}
.full-screen-modal > .fs-modal-content{border: none; background: transparent; padding-left: 15px; padding-right: 15px; position: relative; box-shadow: none;}*/
.pt-with-btn{display: flex;}
.pt-block{flex: 0.5;}
.pt-btn-block{flex: 0.5; text-align: right; margin-right: 20px;}
.fs-modal > .fs-modal-content > .fs-modal-header{padding: 13px 10px;}
.fs-modal > .fs-modal-content > .fs-modal-header > .fs-modal-title{color: #fff; display: inline-block; font-size: 24px; margin-bottom: 4px;}
.fs-modal > .fs-modal-content > .fs-modal-header > .fs-close-btn{background: none; border: 0; color: #fff; margin-top: 7px; padding: 0; font-size: 13px;}
.fs-modal > .fs-modal-content > .fs-modal-header > .fs-close-btn > .fs-close-text{display: inline-block; vertical-align: middle; font-size: 12px;}
.fs-modal > .fs-modal-content > .fs-modal-header > .fs-close-btn > .fs-close-icon{background: #fff; color: var(--color-text); border-radius: 50%; margin-left: 5px; height: 20px; width: 20px; display: inline-block;}
.fs-modal > .fs-modal-content > .fs-modal-header > .fs-close-btn > .fs-close-icon > .fa{vertical-align: middle; line-height: 1.5;}
.fs-modal > .fs-modal-content > .fs-modal-body.view-profile-m-block{padding: 0px !important;background: none !important;box-shadow: none !important;}
.fs-modal > .fs-modal-content > .fs-modal-body{padding: 20px; background: #fff; border-radius: 5px; box-shadow: 0 2px 13px 0 rgb(0 0 0 / 20%); margin-top: 13px;}
.fs-modal .fs-save-btn{width: 150px; margin-right: 10px;}
.fs-modal .fs-cancle-btn{width: 150px;}

.alert-modal .alert-modal-dialog{display: flex; flex-direction: column; justify-content: center; height: 100%;}
.alert-modal .alert-modal-header{background: var(--color-primary) !important;}
.alert-modal .alert-modal-title, .alert-modal .alert-modal-close{color: white !important;}
.alert-modal .alert-modal-body{padding: 30px 25px !important;}
.alert-modal .alert-modal-title span{color: inherit;font-weight: inherit;font-style: normal;padding:0px;}
.alert-modal .alert-messag-text{line-height: 20px;}

.rating, .rating-display {
    font-size: 28px; display: flex; flex-wrap: wrap;
    justify-content: flex-start; gap: 7px;
}
.rating span.rating-icon, .rating-display span.rating-icon {color: #ccc; cursor: pointer; display: inline-block;}
.rating-display span.rating-icon{cursor: default;}
.rating span.rating-icon.hover, .rating span.rating-icon.selected, .rating-display span.rating-icon.selected{
    color: var(--color-primary);
}

.opinion-scale, .opinion-scale-display {display: flex; gap: 7px; flex-wrap: wrap;}
.opinion-scale .opinion-scale-block, .opinion-scale-display .opinion-scale-block{display: flex; flex-direction: column; width: 34px;}
.scale-less .opinion-scale-block{flex: 1;}
.scale-less span.opinion-scale-label {white-space: normal;}
.scale-less .opinion-scale-best-label {align-self: start !important;}

.opinion-scale .opinion-scale-count, .opinion-scale-display .opinion-scale-count {
    font-size: 14px; text-align: center; width: 34px; height: 34px; color: var(--color-primary); cursor: pointer;
    border: 1px solid var(--color-primary); background-color: #fff; line-height: 34px; position: relative;
}
.opinion-scale .opinion-scale-count:hover, .opinion-scale-display .opinion-scale-count.selected,
.opinion-scale .opinion-scale-count.selected {
    background-color: var(--color-primary); color: #fff;
}
.opinion-scale-display .opinion-scale-count{cursor: default;}
.opinion-scale .opinion-scale-best-label, .opinion-scale-display .opinion-scale-best-label {align-self: end;}  
.opinion-scale .opinion-scale-label, .opinion-scale-display .opinion-scale-label, .net-promoter-score .nps-label, .net-promoter-score-display .nps-label {color:var(--color-primary); white-space: nowrap; padding-top: 5px;}
.net-promoter-score, .net-promoter-score-display {display: flex; gap: 7px; flex-wrap: wrap;}
.net-promoter-score .nps-block, .net-promoter-score-display .nps-block{display: flex; flex-direction: column; width: 34px;}
.net-promoter-score .net-promoter-score-count, .net-promoter-score-display .net-promoter-score-count {
    font-size: 14px; text-align: center; width: 34px; height: 34px; color: var(--color-primary); cursor: pointer;
    border: 1px solid var(--color-primary); background-color: #fff; line-height: 34px; position: relative;
}
.net-promoter-score-display .net-promoter-score-count{cursor: default;}
.net-promoter-score .nps-detractors, .net-promoter-score-display .nps-detractors {
    border-color: #E96353; color: #E96353; background-color: #E9635366;
}
.net-promoter-score .nps-detractors-label, .net-promoter-score-display .nps-detractors-label {color: #E96353;}
.net-promoter-score .nps-neutrals, .net-promoter-score-display .nps-neutrals {
    border-color: #ebc944; color: #ebc944; background-color: #ebc94466;
}
.net-promoter-score .nps-neutrals-label, .net-promoter-score-display .nps-neutrals-label {color: #ebc944;}
.net-promoter-score .nps-promoters, .net-promoter-score-display .nps-promoters {
    border-color: #6cc070; color: #6cc070; background-color: #A5FDCA;
}
.net-promoter-score .nps-promoters-label, .net-promoter-score-display .nps-promoters-label {color: #A5FDCA; align-self: end;}
.net-promoter-score .net-promoter-score-count:hover, .net-promoter-score-display .net-promoter-score-count.selected,
.net-promoter-score .net-promoter-score-count.selected {
    background-color: var(--color-primary); color: #fff;
}
.net-promoter-score .net-promoter-score-count.nps-detractors:hover,
.net-promoter-score-display .net-promoter-score-count.nps-detractors.selected,
.net-promoter-score .net-promoter-score-count.nps-detractors.selected {
    background-color: #E96353; color: #fff;
}
.net-promoter-score .net-promoter-score-count.nps-neutrals:hover,
.net-promoter-score-display .net-promoter-score-count.nps-neutrals.selected,
.net-promoter-score .net-promoter-score-count.nps-neutrals.selected {
    background-color: #ebc944; color: #fff;
}
.net-promoter-score .net-promoter-score-count.nps-promoters:hover,
.net-promoter-score-display .net-promoter-score-count.nps-promoters.selected,
.net-promoter-score .net-promoter-score-count.nps-detractorspromoters.selected {
    background-color: #6cc070; color: #fff;
}

.rating-analysis-block .panel-primary .panel-body:before, .rating-analysis-block .panel-primary .panel-body:after{content: none !important;}
.disable-elm{cursor: not-allowed !important; }