:root {
    --success: #63CB89;
    /*--primary-color: #023546;*/
    --primary-color: #212529;
    /*--brand-color: #FCE900;*/
    --brand-color: #a2c546;
    --base-color: #4f566b;
    --gray: #999;
    --light: #BBB;
    --border-radius: 0px;
    --border-color: #f5f5f5;
    --border-color--dark: #f1f1f1;
    --header-height: 58px;
    --input-height: 48px;
    --input-border-radius: 2px;
    --input-border-color: #DDD;
}
.auth-page {
    background: var(--brand-color);
}
.dis{
    display:none;
}

.auth-box {
/*    background: white;
*/    border-radius: 4px;
    margin-top: 30px;
    padding: 20px 28px 35px;
/*    box-shadow: 0 2px 10px #000;
*/}
.auth-box .form-control, .auth-box .btn {
    height: var(--input-height);
    border-radius: 3px;
}
.auth-box .form-control {
    padding-left: 15px;
    padding-right: 15px;
    color: #000;
    border-color: #DDD;
}
.auth-box .form-control:focus {
    border-color: var(--brand-color);
}

.col-center {
    margin: 0 auto;
    float: none;
}
.btn {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 0 0;
    font-weight: 700;
}
.btn--loading {
    background-image: url(../images/loaders/oval.svg) !important;
    background-size: 22px 22px;
    color: transparent !important;

    &.button--default {
        background-image: url(..//images/loaders/oval-primary.svg) !important;
    }
}

.notie-container {
  font-size: 1.2rem;
  height: auto;
  left: 0;
  position: fixed;
  text-align: center;
  width: 100%;
  z-index: 2147483647;
  box-sizing: border-box;
  font-weight: 400;
}
@media screen and (max-width: 900px) {
  .notie-container {
    font-size: 1rem;
  }
}
@media screen and (max-width: 750px) {
  .notie-container {
    font-size: 1rem;
  }
}
@media screen and (max-width: 400px) {
  .notie-container {
        font-size: 1rem;
  }
}
.notie-container a {
    color: #FFF;
    border-bottom: solid 1px;
}

.notie-background-success {
  background-color: #57BF57;
}

.notie-background-warning {
  background-color: #D6A14D;
}

.notie-background-error {
  background-color: rgba(255, 113, 91, 0.9);
}

.notie-background-info {
  background-color: #4D82D6;
}

.notie-background-neutral {
  background-color: #A0A0A0;
}

.notie-background-overlay {
  background-color: #FFFFFF;
}

.notie-textbox {
  color: #FFFFFF;
  padding: 10px;
  font-weight: 600;
}

.notie-textbox-inner {
  margin: 0 auto;
  max-width: 900px;
}

.notie-overlay {
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2147483646;
}

.notie-button {
  color: #FFFFFF;
  padding: 10px;
  cursor: pointer;
}

.notie-element {
  color: #FFFFFF;
  padding: 10px;
}

.notie-element-half {
  display: inline-block;
  width: 50%;
  box-sizing: border-box;
}

.notie-element-third {
  display: inline-block;
  width: 33.3333%;
  box-sizing: border-box;
}

.notie-alert {
  cursor: pointer;
}

.notie-input-field {
  background-color: #FFFFFF;
  border: 0;
  font-family: inherit;
  font-size: inherit;
  outline: 0;
  padding: 10px;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
}

.notie-select-choice-repeated {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  box-sizing: border-box;
}

.notie-date-selector-inner {
  margin: 0 auto;
  max-width: 900px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.notie-date-selector-inner [contenteditable], .notie-date-selector-inner [contenteditable]:focus {
  outline: 0px solid transparent;
}

.notie-date-selector-up {
  transform: rotate(180deg);
}

.heading {
  line-height: 1.6;
}
.heading.heading--h2 {
    font-weight: 600;
    margin-top: 0;
    font-size: 20px;
}
.heading.heading--h3 {
    font-weight: 600;
    margin-top: 0;
    font-size: 18px;
}
.items-list {
    background: white;
    padding: 0px 20px;
    border-radius: 2px;
    margin-top: 20px;
}
.items-list > li {
    padding: 20px 0 20px;
    border-bottom: dashed 1px #DDD;
}
.items-list > li:last-child {
    border-bottom: none;
}

.text-header {
  text-transform: uppercase;
  font-weight: 400 !important;
  /*color: #999;*/
  opacity: .5;
}
.dropdown-menu-center {
    right: auto;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.panel {
  border-bottom: none;
}
.text-link {
  cursor: pointer;
  color: var(--primary-color);
}

.settings-panel {
    margin-top: 40px;
}
.form-group label {
    font-weight: 700;
}
select.form-control {
    -webkit-appearance: none;
        -moz-appearance: none;
        background-position: right 50%;
        background-repeat: no-repeat;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
        /*padding: .5em;*/
        padding-right: 1.5em
}
.form-horizontal label {
    /*line-height: 36px;*/
}
.form-control::placeholder {
    font-weight: 400;
    color: #DDD;
}
.panel .inner {
    padding: 20px 25px;
}
.panel .inner-sm {
    padding: 10px 15px;
}

.alert {
  border-radius: 0 !important;
  padding: 7px 12px !important;
}
.alert p {
    position: relative;
    padding-left: 10px;
}
.alert p::before {
    position: absolute;
    content: '•';
    left: 0;
}
.text-action {
    opacity: .4;
    cursor: pointer;
}
.text-action:hover {
    opacity: 1;
}
.has-dotted-border-bottom {
  padding-bottom: 10px;
  border-bottom: dotted 1px #DDD;
}
.heading--no-margin {
  margin-bottom: 0 !important;
}
.role-members {
    border-top: solid #EEE 1px;
    border-bottom: solid #EEE 1px;
    display: inline-block;
    width: 100%;
    margin: 0px 0 10px;
    padding: 10px 0 10px;
    color: var(--light);
}
.panel-danger {
    border-color: #F2DEDE;
}
.panel-danger .panel-heading {
    background: #F2DEDE;
}
.panel-danger.panel--has-border-bottom {
    border-bottom: solid 1px #F2DEDE;
}
.panel-success {
    border-color: #DFF0D8;
}
.panel-success .panel-heading {
    background: #DFF0D8;
}
.panel-success.panel--has-border-bottom {
    border-bottom: solid 1px #DFF0D8;
}

.list2 > li {
    border-bottom: solid 1px #DDD;
    padding: 10px 10px 10px;
}
.list2 > li:last-child {
    border-bottom: none;
}

.list3 > li {
    border-top: solid 1px #EEE;
    padding: 10px 10px 10px;
}
.list3 > li:first-child, .list3 > li:last-child {
    border-top: none;
}

.tab-pane {
    position: relative;
}
.absolute {
    position: absolute;
}
.absolute-right {
    top: 0;
    right: 0;
}
.actions-list > li {
    position: relative;
    opacity: .8;
    cursor: pointer;
    padding-left: 10px;
}
.actions-list > li:before {
    position: absolute;
    content: '•';
    left: 0;
}
.actions-list > li:hover {
    opacity: 1;
}

.custom-table tr.tr-danger td {
    background: #ff000008;
    border-color: #ff000008 !important;
}

.cust-nowrap{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.dataTables_length {
    padding: 18px 10px 5px 16px;
}
.dataTables_length select.input-sm {
  line-height: 1 !important;
}
.dataTables_filter {
    padding: 15px 10px 5px 10px;
}
.dataTables_info {
    padding: 22px 10px 10px 16px !important;
    color: #AAA;
}
.dataTables_paginate {
    padding: 15px 10px 15px 10px;
}
.dataTables_paginate .paginate_button a {
  color: var(--primary-color);
}
.dataTables_paginate .paginate_button a:hover {
  background-color: var(--brand-color);

}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  color: var(--brand-color);
}
.dataTable .sorting::after, .dataTable .sorting_asc::after, .dataTable .sorting_desc::after  {
  display: none !important;
}

.text-primary {
  color: var(--primary-color) !important;
}