body{
    font-size: 15px !important;
}
.badge-inverse{
    color: #ffffff !important;
    background-color: #17a2b8 !important; 
}
.card-border .card-parameter, .card-border .menu-option{
    border: 1px solid #dee2e6;
}
.table td, .table th {
    border-top: none !important;
}
#primaryModal .modal-content{
    background-color: #f2f7f8 !important;
}
#deleteModal .modal-content, #draftModal .modal-content{
    background-color: #f1f1f1 !important;
}
.navbar-brand span{
    display: flex; 
    align-items:center;
}
.row-footer{
    height: 50px !important;
}
.btn{
    min-width: 35px;
}

.tooltip-item {
    background: transparent !important;
    padding: 0 !important;
    font-weight: normal !important;
    cursor: help !important;
}
.tooltip-text {
    line-height: 22px !important;
    font-size: 11px !important;
    padding: 10px !important;
}

.text-inline{
    float: left !important;
    margin-right: 10px !important;
}

.card-platform {
    border-radius: 3px;
}

.avatar0 {
    width: 100% !important;
    height: auto !important;
    max-height: 100px !important;
    max-width: 100px !important;
    margin: 0 auto !important;
    border-radius: 5px !important;
}
.avatar {
    display: inline-block !important;
    max-width: 100% !important;
    max-height: 150px !important;
    text-align: center !important;
    width: 100% !important;
}
.avatar img {
    max-width: 100% !important;
    max-height: 150px;
    width: auto !important;
    height: auto !important;
    border-radius: 5px !important;
}
.big-avatar, .big-avatar img{
    max-height: 100% !important;    
}

.text-title{
    font-weight: bold !important;
    font-size: 15px !important;
    margin-bottom: 2px !important;
}

.policy-view .document-title {
    font-size: 22px !important;
}
.policy-view h1{
    font-size: 20px !important;
}
.policy-view h2{
    font-size: 18px !important;
}
.policy-view h3{
    font-size: 16px !important;
}

.logo-header img{
    max-width: 125px !important;
    max-height: 35px !important;
}

.radio-inline .radio{
    padding-top: 10px;
    float: left !important;;
}

.form-favicon .dropify-wrapper{
    width: 40px !important;
}

.dropify-wrapper .dropify-preview {
    background-color: #b7b2b2 !important;
}

.dropdown-menu ul.list-icons li{
    line-height: 14px !important;
}
.dropdown-menu ul.list-icons i{
    width: 22px !important;
    text-align: center !important;
}
.platform-modal{
    background-color: #f2f7f8;
}
.badge{
    padding: .35em .6em !important;
}
.badge i{
    font-size: 8px !important;;
}

#platformModal .modal-xl .page-content, #platformModal .modal-lg .page-content, #platformModal .modal-sm .page-content{
    overflow-y: scroll !important;
    max-height: 100% !important;
    min-height: 200px !important;
}
.w-max{ 
    width: 1100px !important;
    max-width: 1100px !important;
    min-width: 1100px !important;
}
#platformModal::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 40px !important;
    background-color: #043a52 !important;
    max-height: 40px !important;
}
#platformModal::-webkit-scrollbar-thumb{
    border-radius: 8px;
    min-height: 40px !important;
}
#platformModal .modal-lg {
    max-width: 1170px !important;
}
#platformModal .modal-sm {
    max-width: 680px !important;
}
#platformModal .modal-xs {
    max-width: 380px !important;
}
#platformModal .modal-confirm {
    max-width: 600px !important;
}
#platformModal .modal {
    padding: 5px !important;
}
#platformModal::-webkit-scrollbar {
    width: 15px !important;
    background-color: #e9e7e7 !important;
}
#platformModal::-webkit-scrollbar-thumb {
    background-color: #e9e7e7 !important;
    box-shadow: 0 0 1px rgba(255, 255, 255, .9) !important;
}
.modal-title-parent{
    padding-top: 2px !important;
    font-size: 12px !important;
    text-align: left !important;
}
.modal-title-parent i{
    font-size: 8px !important;
}
#platformModal::-webkit-scrollbar {
    -webkit-appearance: none;
    max-height: 40px !important;
}
#platformModal .modal-content {
    border-radius: .40rem !important;
}

ul.menu-tooltip-white{
    padding-right: 8px !important;
}
ul.menu-tooltip-white li a, ul.menu-tooltip-white li a i{
    color: #ffffff !important;
    font-size: 11px !important;
}
ul.menu-tooltip-white li a {
    display: block !important;
    width: 100% !important;
    padding-left: 10px !important;
}
ul.menu-tooltip-white li a:hover {
    background-color: rgb(0, 0, 0, .6) !important;
    border-radius: .30rem;
}

.label-index{
    font-size: 9px !important;
    font-weight: bold !important;
    margin-bottom: 2px !important;
}
.index-border{
    border-radius: .30rem;
    padding: .25rem!important;
    border: 1px #a7a7a7 solid;;
}
.index-parameter{
    font-size: 11px !important;
}

/*.topbar {
    background-color: #141556 !important;
}*/

.border-round{
    border-radius: .30rem;
}


.font-bold, .font-bold small{
    font-weight: bold !important;
}

.text-label{
    font-weight: bold !important;
    margin-bottom: 3px !important;
    font-size: 12px !important;
}

.list-item i{
    width: 14px !important;
    text-align: center !important;
}

.label-title label{
    width: 100%;
    border-radius: .30rem;
    background-color: #87919a;
    color: #fff;
    padding: 5px;
}
.label-title label b{
    font-weight: normal !important;
}

.no{
    text-decoration: line-through;
}

.card-mb-0 .card, .card-pb-0 .card-body, .card-mb-0 .card-body{
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

.card-header .form-control{
    height: 32px !important;
}

.card-pt-0 .card:first-child, .card-pt-0 .card-body:first-child{
    padding-top: 0px !important;
}

.card-pr-0 .card, .card-pr-0 .card-body{
    padding-right: 0px !important;
}

.card-pl-0 .card, .card-pl-0 .card-body{
    padding-left: 0px !important;
}

.card-pt-1 .card, .card-pt-1 .card-body{
    padding-top: 10px !important;
}

.dropify-wrapper .dropify-preview .dropify-render img {
    background-color: transparent !important;
}

.dropify-wrapper .dropify-preview{
    background-image: url("../images/transparent.png") !important;
}

.list-items .table-striped tbody tr:nth-of-type(odd), .list-items .table-striped tbody tr[data-scroll-show=pending]:nth-of-type(odd), .list-items .table-striped tbody tr[data-scroll-show=true]:nth-of-type(odd) {
    background-color: #e3e4e4;
}

.list-items .table-striped tbody tr:nth-of-type(even), .list-items .table-striped tbody tr[data-scroll-show=pending]:nth-of-type(even), .list-items .table-striped tbody tr[data-scroll-show=true]:nth-of-type(even) {
   background-color: #ffffff;
}

/*.jq-toast-wrap {
    width: 400px !important;
}*/
.jq-toast-wrap {
    width: 450px !important;
}
.jq-toast-single{
    font-size: 15px !important;
    padding-right: 20px !important;
    line-height: 22px !important;
}

.list-item h6.card-title{
    padding-top: 3px !important;
    font-weight: 500 !important;
}

.form-group .radio:last-child label{
    margin-bottom: 0px !important;
}

.nav-i18n .nav-link {
    background-color: #fff;
    border: 1px solid #e7e7e7;
    border-radius: .25rem;
    padding-top: 6px !important;
    padding-bottom: 7px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    margin-left: 5px !important;
}

.nav-i18n .nav-link i{
    opacity: 0.4 !important;
}

.nav-i18n .nav-item.show .nav-link, .nav-i18n .nav-link.active {
    border: 1px solid #009efb !important;    
}

.nav-i18n .nav-item.show .nav-link i, .nav-i18n .nav-link.active i{
    opacity: 1 !important;
}

.nav-i18n li a{
    line-height: 1 !important;
}

.input-i18n{
    background-repeat: no-repeat !important;
    background-position: right 20px top 5px !important;
    background-size: 12px !important;
}

#scroll-loading{
    height: 30px !important;
}

.list-item h6.card-title i{
    color: #009efb !important;
    font-size: 20px !important;
}

.label-warning{
    color: #3e2929 !important;
}

.col-action{
    text-align: right;
}

.alert-message{
    background-color: #f2f4f8 !important;
}

.datepicker-days .day, .datepicker-days .prev, .datepicker-days .next{
    cursor: pointer !important;
}

.datepicker-days .datepicker-switch{
    text-align: center !important;
}

.textarea-warning, .input-warning{
    border: 1px solid #ffbc34;
}

tr.row {
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
}

/*.jq-toast-wrap {
    padding: 10px !important;
}*/

html {
  overflow-y: scroll;
}

html::-webkit-scrollbar, #primaryLargeModal::-webkit-scrollbar, #primaryModal::-webkit-scrollbar, .page-content::-webkit-scrollbar {
  width: 15px !important;
  background-color: #e9e7e7 !important;
}
html::-webkit-scrollbar-thumb, #primaryLargeModal::-webkit-scrollbar-thumb, #primaryModal::-webkit-scrollbar-thumb, .page-content::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, .5) !important;
  box-shadow: 0 0 1px rgba(255, 255, 255, .5) !important;
}
.sidebar-nav ul li ul {
    padding: 10px 15px !important;
}
#primaryLargeModal::-webkit-scrollbar, #primaryModal::-webkit-scrollbar, .page-content::-webkit-scrollbar {
  -webkit-appearance: none;
  max-height: 40px !important;
}
.topbar .top-navbar {
    min-height: 55px !important;
}
.topbar .top-navbar .navbar-nav > .nav-item > .nav-link {
    line-height: 35px !important;
}
.left-sidebar {
    padding-top: 55px !important;
}
.page-content::-webkit-scrollbar, .page-content::-webkit-scrollbar-thumb {
  border-radius: 8px !important;
}
.page-content::-webkit-scrollbar-thumb{
  border-radius: 8px;
  min-height: 40px !important;
}

.bg-light-primary {
    background-color: #f2f4f8;
}

.card-inactive .bg-light-primary, .card-inactive .bg-light-info, .row-inactive, .card-inactive .text-description {
    background-color: #d6d6d6 !important;
}

button{
    line-height: 1 !important;
}

.radio label::before {
    border: 1px solid rgba(25, 26, 27, 0.5);
}

.radio.children label::before {
    border: 1px solid rgba(120, 130, 140, 0.3)
}

.icons-badge .badge{
    width: 100% !important;
    text-align: center !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    line-height: 18px !important;
    height: 28px !important;
}

.icons-badge .badge i{
    float: left;
}

.btn-info, .btn-danger{
    margin-left: 3px !important;
    margin-right: 0px !important;
}

.btn-success {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.icons-badge i{
    font-size: 16px !important
}

.icons-badge .col{
    padding-right: 5px !important;
    padding-left: 0px !important;
}

.badge-nav{
    border-bottom: 4px #44435F solid !important;
}

.badge-inf{
    border-bottom: 4px #246265 solid !important;
}

.small, small {
    font-size: 90% !important;
}

.small-form-control .form-control{
    font-size: 90% !important;
}

.label-tag {
    padding: 3px 6px !important;
    /*min-width: 70px;*/
    text-align: center;
}

.label-status {
    padding: 3px 6px !important;
    /*padding: 3px 8px 4px 4px !important;*/
    text-align: center;
}

.badge-muted {
    background-color: #90a4ae !important;
    color: #fff !important;
}

.has-success .form-control-success, .has-success .form-control-success:focus {
    background-image: url("../images/success.svg") !important;
    background-position: right;
    background-size: 15px;
}
.has-danger .form-control-danger, .has-danger .form-control-danger:focus {
    background-image: url("../images/danger.svg") !important;
    background-position: right;
    background-size: 15px;
}

.logo{
    width: 100% !important;
    text-align: center !important;;
}
.logo img{
    max-width: 200px !important;
    max-height: 100px !important;
}

.footer{
	font-size: 13px !important;
}

.login-register{
	padding: 50px !important;
	background-color: #f2f7f8 !important;
}

img.responsive {
    width: 100% !important;
    height: auto !important;
}

.platform-tree-form .dd3-handle:before, #nestable .dd3-handle:before, #nestable3 .dd3-handle:before{
    font-family: 'themify' !important;
    content: "\e656" !important;
}

.platform-tree-list .dd3-handle:before, #nestable-2 .dd3-handle:before, #nestable2 .dd3-handle:before, #nestable-3 .dd3-handle:before{
    font-family: 'themify' !important;
    content: "\e657" !important;
}

#nestable2 .dd3-item:first-child .dd3-handle:before {
    content: "\e62a" !important;
}

#nestable2 .dd3-item:last-child .dd3-handle:before {
    content: "\e627" !important;
}

.card-body .form-group:last-child {
    margin-bottom: 0px !important; 
}

.platform-tree-list .dd3-content{
    background-color: transparent !important;
    border: none !important;
    /*padding: 0px !important;*/
}

.dd {
    max-width: 100% !important;
    width: 100% !important;
}

em{
    @extend .text-muted;
    font-size: 9px !important;
    color: #90a4ae !important;
}

.dd3-content {
    color: inherit !important;
}

.dd3-content:hover {
    color: inherit !important;
}

.text-textarea {
    font-size: 13px !important;
    color: #000000 !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    /*min-height: 120px;
    max-height: 120px;*/
    border-radius: .25rem !important;
    padding: 10px !important;
}
.text-textarea-full {
    font-size: 13px !important;
    color: #000000 !important;
    border-radius: .25rem !important;
    padding: 10px !important;
    background-color: #fbfbfb;
}

.text-description, .text-description-tooltip {
    color: #4c4c4c;
    font-size: 13px !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    z-index: 1;
    -webkit-box-orient: vertical !important;
    width: 100% !important;
    min-height: 78px !important;
    background-color: #fbfbfb;
    border: 1px solid #ccc6;
    padding: 5px;
    line-height: 22px !important;
    border-radius: .40rem !important;
}
.text-description, .text-description-tooltip {
    color: #4c4c4c;
    font-size: 13px !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    z-index: 1;
    -webkit-box-orient: vertical !important;
    width: 100% !important;
    min-height: 70px;
    background-color: #fbfbfb;
    border: 1px solid #ccc6;
    padding: 5px;
    line-height: 22px !important;
    border-radius: .40rem !important;
}
.menu-option{
    cursor: pointer !important;
}
/*.menu-option .tooltip-item{
    font-weight: normal !important;
}*/
.dmenu-option .tooltip-text {
    z-index: 999999999;
}
.menu-option-avatar{
    text-align: center;
    min-height: 80px;
    max-height: 80px;
    padding-top: 10px;
}
.dropdown-user li a{
    font-size: 13px !important;
}
.dropdown-user li a i{
    width: 25px !important;
}
.menu-option-child-selected{
    border: 3px solid #55ce63 !important;
}
.wizard-content .wizard>.steps>ul {
    width: auto !important;
}
.wizard-content .wizard>.steps>ul>li {
    width: 170px !important;
}
.wizard-content .steps a {
    cursor: pointer !important;
}
.menu-option .tooltip-content {
     color: #000000 !important;
     background: rgba(255, 255, 255, 0.9) !important;
 }
.tooltip-content {
    width: 240px !important;
    margin: 0 0 10px -120px !important;
    z-index: 99999999999999999 !important;
    background: rgba(0, 0, 0, 0.9) !important;
    border-radius: .40rem !important;
    cursor: help !important;
}
.menu-option-avatar img{
    height: auto !important;
    max-height: 60px !important;
    width: auto !important;
    max-width: 60px !important;
}
.menu-option-icon {
    text-align: center !important;
}
.menu-option-icon i{
    font-size: 46px !important;
}
.text-description-expand {
    cursor: pointer !important;
}
.text-description-full {
    color: #4c4c4c;
    font-size: 13px !important;
    width: 100% !important;
    background-color: #fbfbfb;
    border: 1px solid #ccc6;
    padding: 5px;
    line-height: 22px !important;
    min-height: 78px !important;
    border-radius: .40rem !important;
}
.text-description-more{
    float: right !important;
    color: #999999 !important;
}

.hm100{
    max-height: 100px !important;
}

.text-textarea, .card-row .text-textarea{
    background-color: #fbfbfb;    
}

.description {
    font-size: 13px !important;
    color: #000000 !important;
    background-color: #fbfbfb;   
    min-height: 120px;
    border-radius: .40rem !important; 
    padding: 10px !important;
}

.asColorPicker-trigger{
    border: 1px solid #c5c5c5;
}

.card-inactive .text-textarea{
    background-color: transparent !important;
}




/*.custom-control {
    min-height: 1.0rem !important;
}

.custom-control-label::before {
    top: .15rem !important;
}

.custom-control-label::after {
    top: .15rem !important;
}

.custom-control-input:checked~.custom-control-label::before {
    border-color: #55ce63 !important;
    background-color: #55ce63 !important;
}*/

.h20{
    min-height: 20px !important;
}

.h30{
    min-height: 30px !important;
}

.h50{
    min-height: 50px !important;
}

.h100{
    min-height: 100px !important;
}

.h150{
    min-height: 150px !important;
}

.h170{
    min-height: 170px !important;
}

.h180{
    min-height: 180px !important;
}

.h200{
    min-height: 200px !important;
}

.h220{
    min-height: 220px !important;
}

.progress-bar {
    -webkit-transition: width 2.5s ease !important;
    transition: width 2.5s ease !important;
}

.hc200 .card{
    min-height: 200px !important;
}
.hc300 .card{
    min-height: 300px !important;
}

.h200{
    min-height: 200px !important;
}
.h240{
    min-height: 240px !important;
}
.h280{
    min-height: 280px !important;
}
.h290{
    min-height: 290px !important;
}
.h300{
    min-height: 300px !important;
}
.h320{
    min-height: 320px !important;
}
.h350{
    min-height: 350px !important;
}
.h400{
    min-height: 400px !important;
}
.h500{
    min-height: 500px !important;
}
.h600{
    min-height: 600px !important;
}

.h650{
    min-height: 650px !important;
}

.wysihtml5-sandbox{
    min-height: 300px !important;
}
.pickr {
    z-index: auto !important;
    border: 1px solid gray !important;
    border-radius: 3px !important;
}
.personalcolor-table {
    margin-bottom: 0px !important;
}
.personalcolor-table td{
    line-height: 30px !important;
    padding: 10px;
}

div.form-control {
  display: block !important;
  height: auto !important;
}

html{
    background: #f2f7f8 !important;
}
body{
    font-size: 15px !important;
}
@media (min-width: 768px){
    .navbar-header {
        width: 140px !important;
    }
}
.mini-sidebar .top-navbar .navbar-header {
    width: 15px !important;
}
.topbar .top-navbar {
    padding-right: 25px !important;
    padding-left: 25px !important;
    max-width: none !important;
}
.scroll-sidebar {
    padding-left: 0px !important;
    max-width: none !important;
}    
.sidebar-nav ul li {
    padding-top: 3px !important;
}
.sidebar-nav ul li a {
    font-size: 12px !important; 
}    
.nav-link{
    font-size: 14px !important;
}
.sidebar-nav ul li a {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.bgwhite{
    background-color: #fff !important;
}
.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.grid-stack-item-content {
    font-size: 100% !important;
}
.page-titles .breadcrumb {
    font-size: 12px !important;
}
.page-titles .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    font-size: 11px !important;
}
.label-new {
    background-color: #ffbc34 !important;
}
.topbar .top-navbar .navbar-header {
    line-height: normal !important;
}
.label-complete {
    background-color: #55ce63 !important;
}
.label-processing {
    background-color: #01c0c8 !important;
}
.dropdown-item.active, .dropdown-item:active {
    background-color: #e7e7e7 !important;
}
.alert.label-draft {
    background-color: #ffc107 !important;
    line-height: 11px !important;
    color: #000000 !important;
    font-size: 9px !important;
}
.alert.label-draft i, .label.label-draft i{
    color: #000000 !important;
}
.label.label-draft {
    background-color: #ffc107 !important;
    color: #000000 !important;
}

.page-wrapper {
    padding-top: 10px !important;
}

.label-tree{
    padding-top: 6px !important;
    padding-bottom: 5px !important;
    min-width: 50px !important;
    text-align: center !important;
    margin-right: 5px !important;
}

.label-tree-success{
    background-color: #28a745 !important;
}

.label-tree-warning{
    background-color: #ffbc34 !important;
    color: #000000 !important;
}

.label-tree-info{
    background-color: #009efb !important;
}

/*.topbar{
    z-index: 99990 !important;
}

.left-sidebar{
    z-index: 99980 !important;
}*/

.sticky{
    z-index: 40 !important;
}

/*.alt-page-action-nav{
    z-index: 109 !important;
}*/

/*.sticky.is_stuck{
    top: 70px !important;
}*/

.blank-panel{
    background: #f2f7f8 !important;
    height: 150px !important;
}

.subnav{
    list-style: none inside !important;
    background-color: #f3f1f1 !important;    
    padding: 0px !important;
}

.subnav li{
    margin: 0 0 0 20px !important;
    padding: 10px !important;
}

.subnav a{
    color: #000 !important;
    font-size: 12px !important;
}

.page-header{
    margin-bottom: 15px;    
}

.page-header h4{
    margin-bottom: 0px !important;    
}

.page-header-body{
    padding: 15px !important;    
}

.page-header.in_stuck{
    margin-bottom: 0px !important;
}

.page-titles {
    padding-bottom: 10px !important;
}

.table td{
    overflow: hidden !important;
}

.text-wrap{
  white-space: nowrap !important;
  overflow:hidden !important;
  text-overflow: ellipsis !important;
  display:inline-block !important;
}

.label{
    /*padding: 2px 5px !important;*/
}

.label-success {
    background-color: #3ea74a !important;
}

.label-date {
    background-color: #808386 !important;
}



.btn-success, .btn-success.disabled {
    background: #3ea74a;
    border: 1px solid #3ea74a;
}

.label-secondary {
    background-color: #376541 !important;
}

.label-flow {
    background-color: #246265 !important;
    width: 100px !important;
    text-align: center !important;
}

.label-flow i{
    float: left !important;
}

.btn-outline-secondary {
    color: #868e96 !important;
    border-color: #868e96 !important;
}

.label-primary{
    background-color: #1f4f84 !important;
}

.label-icon{
    background-color: #009efb !important;
}

.label-inactive{
    background-color: #868686 !important;
}

.card-inactive, .card-inactive .bg-white, .card-inactive .card-body{
    background-color: #e5e5e5 !important;
}

.label-knowledge{
    background-color: #ffc107 !important;
    color: #000 !important;
}

.is_stuck .card-title {
    margin-bottom: 0px !important;
}

.is_stuck .page-header-body{
    padding-bottom: 10px !important;
    padding-top: 10px !important;
}

h6.card-subtitle{
    color: #000 !important;
    font-size: 17px !important;
    font-weight: bolder !important;
    padding-bottom: 5px !important;    
}

.radio-custom input[type="radio"] + label::after {
    background-color: #cccccc;
}

tr.deleted td{
    color: #aba9a9 !important;
}

.hand{
    cursor: pointer !important;
}

.row-alert {
    border-left: 2px solid #000000;
}

.grouping-item .btn-list-group{
    
}

.btn-list-total{
    
}
.alert-rounded {
    border-radius: 3px !important;
}

.card-list-head{
    @extend .card-head;
    font-size: 13px !important;
    padding: 10px !important;
    background-color: #e3e4e4;
}

.truncate {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
td.truncate {
    max-width: 0 !important;
}

.btn-readonly{
    cursor: default !important;
}

.btn-readonly:hover {
    background-color: #868e96 !important;
}
.btn-readonly:hover,
.btn-readonly.disabled:hover,
.btn-readonly.active, 
.btn-readonly:focus,
.btn-readonly.disabled.active,
.btn-readonly.disabled:focus {
    background: #868e96 !important;
    opacity: 1 !important;
    border: 1px solid #868e96 !important; 
}


.item-new .card{
    border: 2px solid #009efb !important;
}

.item-removed .card{
    border: 2px solid red !important;
}

.btn-list-group{
    height: 25px !important;
}

.page-header .nav-link{
    padding: 10px 15px !important;
    font-size: 13px !important;
}

.sidebar-nav ul li a.active {
    color: #009efb !important;
}

.sidebar-nav > ul > li.active > a {
    font-weight: 400 !important;
}


.checkbox input[type="checkbox"]:not(:checked) + label::before{
    border: 1px solid rgba(120, 130, 140, 0.70) !important;
}

.checkbox-warning input[type="checkbox"]:not(:checked) + label::before{
    border: 1px solid #ffbc34 !important;
}

.checkbox-inactive input[type="checkbox"]:checked + label::before {
    background-color: #868686;
    border-color: #868686;
}
.checkbox-inactive input[type="checkbox"]:checked + label::after {
    color: #ffffff;
}

.checkbox-custom input[type="checkbox"]:checked + label::before {
    background-color: #009efb;
    border-color: #009efb;
}
.checkbox-custom input[type="checkbox"]:checked + label::after {
    color: #ffffff;
}

.sidebar-nav > ul > li > a i {
    width: 17px !important;
    font-size: 15px !important;
}

.label-special {
    background-color: #4497c7 !important;
}

.label-template {
    background-color: #167f90 !important;
}

.form-control-readyonly{
    border-right: 0px !important;
    border-left: 0px !important;
    border-top: 0px !important;
    margin-top: 2px !important;
}

.text-template{
    color: #167f90 !important;
}

.btn-id {
    min-width: 70px !important;
    text-align: center !important;
    background-color: #000000;
    padding: .5rem!important;
    font-size: 10px !important;
    color: #ffffff !important;;
    line-height: 10px !important;
    margin-right: 5px !important;
}

.table-striped tbody tr:nth-of-type(odd) .bg-light-primary{
    background-color: #ffffff !important;
}
/*.card-active{
    border-left: 2px solid #3ea74a !important;
}*/

/*.nav-iso{
    background-color: #f7f7f7 !important;
    margin-right: 1px !important;
    border-radius: 10px 10px 0px 0px !important;
}*/
.nav-special a{
    background-color: #000000 !important;
    color: #ffffff !important;
    margin-right: 1px !important;
    border-radius: 10px 10px 0px 0px !important;
}

.nav-iso a{
    /*color: #28a745 !important;*/
    font-weight: bold;
}

.card-template{
    border-left: 2px solid #167f90 !important;
}

.card-inactive{
    border-left: 2px solid #868686 !important;
}

.card-danger-0{
    border-left: 2px solid red !important;
    background: #ffffff;
}

.card-special{
    border: 2px solid #4497c7 !important;
}

.card-draft {
    border-left: 2px solid #ffc107 !important;
}

#primaryLargeModal {
    margin-top: 0px !important;
    padding-top: 0px !important;    
}

#primaryLargeModal .modal-dialog{
     margin: 1.50rem auto !important;
}

#primaryLargeModal .page-content{
    overflow-y: scroll !important;
    height: 400px !important;;
}


/*.card.item-selected{
    border: 2px solid #55ce63 !important;
}

.card-roelectedw.item-s{
    border-: 1px solid #55ce63 !important;
    margin-top: 1px !important;
}*/
tr.list-item{
    border-left: 2px solid transparent;
    margin-top: 1px;
    border-radius: .30rem !important;
}
tr.list-item.item-selected{
    border-left: 2px solid #55ce63 !important;
}
tr.list-item[data-draft=true]{
    border-left: 2px solid #ffbc34 !important;
}
.list-item.item-selected .card{
    border-left: 2px solid #55ce63 !important;
}

.label-id{
    min-width: 70px !important;
    text-align: center !important;
    background-color: #2f3d4a !important;
    padding: .5rem !important;
    font-size: 10px !important;
    line-height: 12px !important;
}

.label-unrevised{
    background-color: #6d582f !important;
}

.card-header {
    background-color: transparent !important;
}

.card-footer {
    background-color: transparent !important;
}

.cursor-reset{
    cursor: auto !important;
}

.platform-tree .readonly{
    cursor: auto !important;
}

.nav-tabs.float-right .nav-item {
    margin-bottom: 1px !important;
}

.customtab  .nav-tabs .nav-link {
    min-width: 130px !important;
    text-align: center !important;
}

.modal-header{
    background: linear-gradient(to right, rgba(4, 58, 82, 0.9) 0%, rgba(20, 33, 39, 0.77) 100%) !important;
}

.modal-header h4{
    color: #fff !important;
    font-size: 12px !important;
    line-height: 16px !important;;
}

.card  .dd-item > button{
    line-height: 35px !important;
}

.card .dd-item {
    line-height: 30px !important;   
}

.card .dd-handle {
    line-height: 30px !important;   
    background-color: #e3e4e487 !important;
    color: #000 !important;
}
.card .n-children .dd-handle{
    padding-left: 24px !important;
}

.platform-tree-view .dd-list .dd3-content, .platform-tree .dd-list .dd3-content, .platform-tree-form .dd-list .dd3-content, .platform-tree-form .dd-list .dd3-handle{
    border: none !important;
    background: transparent !important;
}

.platform-tree-form .n-children .dd3-content{
    padding-left: 55px !important;
}

.card-footer {
    height: 50px !important;
}

.platform-tree .dd-item>button, .platform-tree-view .dd-item>button {
    height: 30px !important;
}

.platform-tree .dd-item>button:before, .platform-tree-view .dd-item>button:before {
    font-size: 24px !important;
}
.modal-header {
    border-bottom: 0px !important;
}
.modal-footer {
    border-top: 0px !important;
}