@font-face {
  font-family: 'Gilroy Light';
  src:  url('../fonts/Gilroy-UltraLight.ttf') format('truetype');
}
@font-face {
  font-family: 'Gilroy Extra-Bold';
  src:  url('../fonts/Gilroy-ExtraBold.ttf') format('truetype');
}

p {
    color:#d7bba3;
    margin-top:5px;
}

.form-title {
    color:#d7bba3;
}

.loginBackground {
	background-image: url("../images/login-background.png");
	height: 100vh;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
    color:#fff;
}
#LoginForm {
    color:#fff;
}
#LoginForm img {
    margin:0 auto;
}
.loginFormBackground {
	height: 100vh;
	background-image: linear-gradient(151deg, #35363e 6%, #4d535e 104%, #737a8c 104%);
}

.loginInput {
	width: 100%;
	margin: 0px;
	padding: 10px 15px 10px 15px;
	border: 0px;
	border-radius: 3px;
    background-color: #292830;
	color: #ffffff;
}
.colorGold {
    color:#ddb87b;
}

.hide-in {
    display: none;
}

.loginInput:focus {
	outline: none;
}

.fontSize10 {
	font-size: 10px;
}

.fontSize11 {
	font-size: 11px;
}

.fontSize12 {
	font-size: 12px;
}

.fontSize13 {
	font-size: 13px;
}

.fontSize14 {
	font-size: 14px;
}

.fontSize18 {
	font-size: 18px;
}

.fontSize30 {
	font-size: 30px;
}

.fontSize36 {
	font-size: 36px;
}

.fontWeightBold {
	font-weight: bold;
}

.fontWeight300 {
	font-weight: 300;
}

.textAlignCenter {
	text-align: center;
}

.textAlignLeft {
	text-align: left;
}

.loginButton, .loginButton:focus {
	width: 90%;
	color: #292830;
	font-size: 14px;
	font-weight: bold;
	border-radius: 21px;
	box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);
	background-image: linear-gradient(to right, #a27353, #c49369 50%, #edb780);
	border: 0px;
	padding: 10px 50px 10px 50px;
}

#profile{
    background-image: linear-gradient(63deg, #303030 40%, #474747 100%);
    background-repeat: no-repeat;
    background-position: 98% 70%;
    padding-bottom: 60px;
    padding-top: 150px;
}
.title-wrapper h2{
    font-size: 36px;
    font-weight: 800;
    color: #edb780;
}
.title-wrapper h3{
    padding: 20px;
    border-bottom: 3px solid #272727;
}
h4{
    font-size: 18px;
    font-weight: 800;
    color: #d6bba3;
}
.hidden-profile-container ul{
    list-style: none;
    padding-left:0px;
}
.hidden-profile-container ul li a{
    color:#fff;
}
.hidden-profile-container{
    display: none;
    margin-top:40px;
}
.transition{
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.order-card{
    margin-bottom:20px;
    padding-left:30px;
    padding-right:30px;
    padding-bottom:20px;
    cursor: pointer;
    background: #272727;
}
.order-card .title{
    color: #edb780;
    padding-bottom:10px;
    margin-top:20px;
}
.order-card a{
    color: #808080;
}
.order-card .document{
    display: block;
}
.order-card p{
    color: #cecece;
}


/*.pie {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-filter: drop-shadow(0 2px 0px #333);
          filter: drop-shadow(0 2px 0px #333);
}*/

.data-path:hover {
  cursor: pointer;
}

.data-text {
  -webkit-transition: -webkit-transform .2s ease-in-out;
  transition: -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
  fill: #fff;
}
.data-text__value {
  font-size: 3.5rem;
  -webkit-transform: translateY(-0.5rem);
          transform: translateY(-0.5rem);
  opacity: 0;
}
.data-text__name {
  font-size: 2rem;
  -webkit-transform: translateY(0.5rem);
          transform: translateY(0.5rem);
  opacity: 0;
}
.data-text--show {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-animation: fadeGraphTextIn 0.5s forwards;
          animation: fadeGraphTextIn 0.5s forwards;
}
.data-text:hover {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.legend-text {
  fill: #fff;
}

@-webkit-keyframes fadeGraphTextIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeGraphTextIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#card-wrapper{
    width:100%;
    border-radius: 20px;background-color: #272727;padding:10px;
}
#card-wrapper .card-holder .title{
    text-align: center;color: #eeb680;font-weight: bold;font-size: 21px;
}
#card-wrapper .card-holder .category{
    width:100%;
    border-bottom: solid 1px white;
}
#card-wrapper .card-holder ul{
    margin-top:15px;
    list-style: none;
    padding-left:0px;
}
#card-wrapper .card-holder li{
    border-bottom:solid 1px #3a3939;
    color:#b7b7b7;
    width:100%;
    font-size:14px;
    padding-top:10px;
    padding-bottom:10px;
    
}
#card-wrapper .card-holder li:before{

}
#gold_categories, #silver_categories, #saving_categories{
    padding-left:30px;
}
#gold:before{
    background:#edb780;
    content:"\A";
    width:10px;
    height:10px;
    border-radius:50%;
    display:inline-block;
    margin-right:10px;
    margin-left:10px;
}
#silver:before{
    background:#f5f5f5;
    content:"\A";
    width:10px;
    height:10px;
    border-radius:50%;
    display:inline-block;
    margin-right:10px;
    margin-left:10px;
}
#saving:before{
    background:#c3797a;
    content:"\A";
    width:10px;
    height:10px;
    border-radius:50%;
    display:inline-block;
    margin-right:10px;
    margin-left:10px;
}
#card-wrapper .card-holder li span{
    float:right;
}
.table-title {
    font-size:21px;
    color: #edb780;
    padding-bottom:20px;
    padding-top:20px;
}
.events-table {
/*    border: 1px solid black;*/
    color:#fff;
}
.events-table .header {
    width:100%;
    display:flex
}
.events-table .border-right {
    border-right:1px solid black;
}
.events-table .request-container {
    padding:0px;
    display:flex
}
.events-table .header div {
    display:inline-block;
    padding-top:10px;
    padding-bottom:10px;
    border-left:1px solid black;
    border-top:1px solid black;
    border-bottom:1px solid black;
    background-color: #272727;
}
.events-table th {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-left: 1px solid black !important;
    border-top: 1px solid black !important;
    background-color: #272727;
    text-align: center;
    color: #fff;
    font-weight: normal;
}

.events-table th:last-child {
    border-right: 1px solid black !important;
}

.events-table td:last-child {
    border-right: 1px solid black !important;
}

.events-table tr:last-child td {
    border-bottom: 1px solid black !important;
}

.events-table a.paginate_button {
    /*background: linear-gradient(to bottom, #a27353, #c49369 50%, #edb780);*/
    color: #fff !important;
    border: 1px solid black;
}

.events-table .dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #fff !important;
}
.events-table .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    color: #333 !important;
}

.events-table .dataTables_paginate {
    text-align: center !important;
    float: initial !important;
    margin-top: 20px;
}
.events-table .body {
    width:100%;
    
    font-size:13px;
}
.events-table .body div div {
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
    border-left: 1px solid black;
    border-bottom: 1px solid black;
    background-color: #3a3a3a;
}
.events-table tbody td {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-left: 1px solid black !important;
    border-top: 1px solid black !important;
    background-color: #3a3a3a;
}
.profile-welcome {

}
.profile-status {
    margin-top:40px;
    margin-bottom:40px;
    border: 1px solid #edb780;
    border-radius: 10px;
    padding-bottom:40px;
}
.profile-status h1{
    font-family: 'Gilroy Extra-Bold', sans-serif;
    font-size: 30px;
}
.profile-welcome, .profile-status{
    color: #fff;
    padding-top: 20px;
}
.profile-status span{
    color: #e2b07d;
    margin-left:5px;
    margin-right:5px;
}
.chart-holder #gold span{
    color:#edb780;
}
.chart-holder #silver span{
    color:#f5f5f5;
}
.chart-holder #saving span{
    color:#c3797a;
}
.chart-holder svg{
    width:100%;
}
.excange{
    font-size:14px;cursor:pointer;
}
.excange img{
    width: 40px;transition: all 2s;
}
.excange:hover img{
    transform: rotate(360deg) scale(1.1);
}
.line-input{
    background: transparent;
    border: none;
    border-bottom: 1px solid #d6bba3;
    text-align: center;
    font-size: 18px;
    display:inline-block;
    width:60px;
    margin-left:10px;
    margin-right:10px;
}
.requests{
    font-size:14px;
    cursor:pointer;
    display: inline-block;
}
.requests img{
    width: 20px;transition: all 2s;
    margin-left:10px;
}
.requests:hover img{
    transform: rotate(360deg) scale(1.1);
}

table {
  border-collapse: collapse;
}
#table td{
    padding-left:20px;
}

table, th, td {
  border: 1px solid black;
  font-size:14px;
    color:#fff;
}
th{
    color: #edb780;
    padding: 5px;
}
td{
    padding: 5px;
}
.request-error{
    color:red;
    display:none;
    font-size: 13px;
    margin-top:20px
}
.add-person{
    padding-top:10px;font-size:14px;cursor:pointer;float: right;
}
.add-person img{
    margin-right:10px;margin-left:10px;width: 35px;transition: all 2s;
}
.add-person:hover img{
    transform: rotate(360deg);
}
.daterangepicker{
    background: #4a4a4a!Important;
}
.daterangepicker table, tr,th,td{
    border:none!Important;
}
.calendar-table, .calendar-table th {
    background: #4a4a4a!Important;
    color: #fff !important;
}
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date{
    background: #303030!Important;
    color: #fff!Important;
}
.daterangepicker td.available:hover, .daterangepicker th.available:hover{
    background: #eeb680!Important;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #eeb680!Important;
    border-color: #eeb680!Important;
}
.mr10{
    margin-right:10px!Important;
}
.ml20{
    margin-left:20px!Important;
}
.checkbox-container{
    font-size: 13px;color: #947f6c;margin-top:20px;
}
#profile-news{
    padding-top:50px;
    padding-bottom:50px;
}
#profile-news .title-wrapper h2{
    margin-bottom:20px;
}
.news-card.slick-slide.slick-current.slick-active .news-container .text-holder{
    padding:15px;
}
.news-card .news-container .text-holder{
    padding:15px;
}

@media screen and (max-width: 1150px){
    #profile{
        padding-top:50px!Important;
        padding-bottom:0px!Important;
    }
    #profile-news{
        padding-top:50px!Important;
    }
}

:root {
    --active: #d7bba3;
    --inactive-border: rgba(152, 159, 166, 0.5);
}

.toggle {
    display: inline-block;
    width: 100%;
    cursor: pointer;
}

.toggle-input {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.toggle-input:active + .toggle-track .toggle-control {
    right: 14px;
}

.toggle-input:checked + .toggle-track {
    -webkit-transition: box-shadow 180ms ease-out;
    transition: box-shadow 180ms ease-out;
    box-shadow: inset 0 0 0 20px var(--active);
}

.toggle-input:checked + .toggle-track .toggle-control {
    right: 0;
    left: 30px;
}

.toggle-input:checked:active + .toggle-track .toggle-control {
    left: 14px;
    right: 0;
}

.toggle-track {
    position: relative;
    height: 30px;
    border-radius: 16px;
    -webkit-transition: box-shadow 200ms ease-in;
    transition: box-shadow 200ms ease-in;
    box-shadow: 
        inset 0 0 0 0px var(--active), 
        inset 0 0 0 2px var(--inactive-border);
}

.toggle-control {
    position: absolute;
    top: 0;
    left: 0;
    right: 30px;
    height: 26px;
    margin: 2px;
    background-color: white;
    border-radius: 26px;
    box-shadow: 
        0 0 1px 1px rgba(0, 0, 0, 0.15), 
        0 4px 4px rgba(0, 0, 0, 0.2);
    -webkit-transition: 200ms cubic-bezier(0.65, 1.15, 0.75, 1.25);
    transition: 200ms cubic-bezier(0.65, 1.15, 0.75, 1.25);
}

.toggle-text{
    padding-left: 7px;
    font-size: 13px;
    color: #565656;
    position: absolute;
    top: 5px;
    font-weight: 100;
}

@media screen and (max-width: 1000px){
    
}
@media screen and (max-width: 991px){
    
}
@media screen and (max-width: 590px){
    
}
@media screen and (max-width: 570px){
    
}
@media screen and (max-width: 420px){
    .profile-wellcome span{
        display: block;
        margin-top:10px;
        margin-bottom:10px;
    }
}

.description ul{
    margin-top:30px;
    padding-left: 20px;
    list-style-image: url('../images/icons/path.svg');
}
.description ul li{
    font-weight: 300;
    color: #eef3f9;
    margin-bottom:20px;
}
.no-money-card{
    border-radius: 20px;
    background-color: #272727;
    padding: 30px;
    padding-top:40px;
}

/*form*/

.form-control{
    background-color: #4a4a4a;
    border:none;
    color: #d7bba3;
    padding-top: 10px;
    height: 50px;
    padding-left: 20px;
    font-size:16px;
    margin-bottom:20px;
    -moz-appearance: none; 
	-webkit-appearance: none; 
	appearance: none;
}
.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  line-height: 1.5;
  letter-spacing: 0.15px;
  color: #947f6d;
}
#inputContainer{
    padding-bottom:20px;
}
.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  line-height: 1.5;
  letter-spacing: 0.15px;
  color: #947f6d;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
  line-height: 1.5;
  letter-spacing: 0.15px;
  color: #947f6d;
}
.form-control:focus{
    border: solid 2px #d0a780;
    box-shadow: none;
}
.label {
    position: absolute;
    top: -10px;
    left: 25px;
    line-height: 1.33;
    letter-spacing: 0.4px;
    color: #9da0a5;
    height: 20px;
    background-color: #303030;
    font-size: 12px;
    text-align: center;
    font-weight: 200;
    min-width: 50px;
    border: solid #9da0a5 1px;
    border-radius:5px;
    z-index: 10;
}
.label.special{
    z-index: 12;
}

.actibeLabel{
    display:block;
}
.activeInput{
    border: solid 2px #d0a780;
}
.no-orders{
    font-family: 'Gilroy Extra-Bold', sans-serif;
    font-size: 30px;
    color: #fff;
}
.no-orders .fa-frown-o{
    font-size:50px;
}
.table.dataTable.no-footer{
    border:none;
}
.thead-default{
    background-color: #272727;
}
.table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover{
    background-color: #3a3a3a;
}
.table a{
    color: #fff;
    text-decoration: underline!important;
}
.table.dataTable tbody tr{
    background-color: #504f4fb8;
}
.table-striped>tbody>tr:nth-child(odd){
    background-color: #3a3a3a;
}
#alert {
    padding: 10px;
    background: #565656;
    color: #fff;
    margin-top:0px;
    display:none;
    border-radius: 4px;
    margin-bottom: 20px;
}

#alert .closebtn {
    margin-left: 15px;
    color: #fff;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

#alert .closebtn:hover {
    color: #9da0a5;
}

#alert2 {
    padding: 10px;
    background: #565656;
    color: #fff;
    margin-top:0px;
    margin-bottom: 20px;
    display:none;
    border-radius: 4px;
}

#alert2 .closebtn {
    margin-left: 15px;
    color: #fff;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

#alert2 .closebtn:hover {
    color: #9da0a5;
}

.btn-close {
    background-image: none!Important;
    border: none!Important;
    color: #c49369!Important;
}

.body a{
    color:white;
    text-decoration: underline!Important;
}

.tooltip-toggle {
    cursor: pointer;
    position: relative;
}

.tooltip-toggle::before {
    position: absolute;
    top: -32px;
    left: 0px;
    background-color: #eeb680;
    border-radius: 5px;
    color: #3a3a3a;
    content: attr(data-tooltip);
    white-space: pre;
    padding: 5px;
    text-transform: none;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.tooltip-toggle.disabled::before {
    background-color: #777777!important;
    color: #fff!important;
}

.tooltip-toggle:after {
    position: absolute;
    top: -5px;
    left: 20px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #eeb680;
    content: " ";
    font-size: 0;
    line-height: 0;
    margin-left: -5px;
    width: 0;
}

.tooltip-toggle.disabled::after {
    border-top-color: #777777!important;
}

.tooltip-toggle::before,
.tooltip-toggle::after {
    font-size: 12px;
    opacity: 0;
    pointer-events: none;
    text-align: center;
}

.tooltip-toggle:hover::before,
.tooltip-toggle:hover::after {
    opacity: 1;
    -webkit-transition: all 0.75s ease;
    transition: all 0.75s ease;
}

.saving-button{
    width:100%
}
#next-news{
    margin-left: -5px;
}
.tableID{
    padding-left: 20px;
}
.loginCard.orders{
    margin-top:0px;margin-bottom:0px;padding:0px;width:90%;
}
.checkboxContainer{
    margin-bottom:15px;
}
.request-button{
    margin-top:10px;
}
.settings-devider{
    height:40px;
}
.form-group.settings{
    width:80px;
}
.setting-input{
    position: absolute;
    left: 52px;
    top: 11px;
    background: #3e3d3d;
    padding-right: 5px;
    padding-left: 5px;
    border-radius: 3px;
}
#ShowNotificationDate input{
    height:30px;
    padding-top:7px;
    width:130px;
    padding-left: 12px;
    margin-bottom: 0px;
}
/*#ShowNotificationDate{
    margin-top: -10px;
}*/
.invoice-download img{
    width: 20px;
    transition: all 2s;
}
.invoice-download:hover img{
    transform: rotate(360deg) scale(1.1);
}
.invoice-download{
    padding:0px!Important;
    border:none!Important;
}
i.table-action {
    transition: all 2s;
    color: #d7bba3;
}
i.table-action:hover {
    transform: rotate(360deg) scale(1.1);
    color: #f3c2a1;
}

.title-action {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    /*border: 2px solid #edb780;*/
    padding: 1px 5px;
    height: auto;
}
.title-action, .title-action i {
    font-size: 18px;
    color: #d7bba3;
}
.title-action, .title-action i {
    transition: all 2s;
}
.title-action:hover i {
    transform: rotate(360deg) scale(1.1);
}
.title-action:hover, .title-action:hover i {
    color: #f3c2a1;
}

/* The container */
.radio-container {
    margin-top: 10px;
    margin-right:15px;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    font-weight:100;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 16px
}

/* Hide the browser's default radio button */
.radio-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.radio-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: transparent;
    border-radius: 50%;
    border: 1px solid #d6bba3;
}

/* On mouse-over, add a grey background color */
.radio-container:hover input ~ .radio-checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.radio-container input:checked ~ .radio-checkmark {
    background-color: #d6bba3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radio-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio-container input:checked ~ .radio-checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.radio-container .radio-checkmark:after {
    top: 6px;
    left: 5.5px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #d7bba3;
}
.form-title{
    margin-bottom:15px;color:#d7bba3;
}




/* dataTables CSS modification & positioning */
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
    right: 0 !important;
    content: "" !important;
}
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
    right: 0 !important;
    content: "" !important;
}

table.dataTable thead th {
    position: relative;
    background-image: none !important;
}

table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
    position: absolute !important;
    top: 11px !important;
    right: 6px !important;
    display: block !important;
    font-family: FontAwesome !important;
}
table.dataTable thead th.sorting:after {
    content: "\f0dc" !important;
    color: #edb780 !important;
    font-size: 1em !important;
}
table.dataTable thead th.sorting_asc:after {
    content: "\f0de" !important;
}
table.dataTable thead th.sorting_desc:after {
    content: "\f0dd" !important;
}
.focused-element{
    border: solid 2px #d0a780!Important;
}
.notification-header{
    background: #272727;padding-top:5px;padding-bottom:5px;color:#edb780;
}
.notification-header p{
    padding-left:15px;
}
.notification-body{
    background-color: #3a3a3a;
    padding-top:20px;
    padding-left:15px;
    padding-bottom:15px;
}
.notification-body p{
    display: inline-block;
    margin-bottom:20px
}
.notification-body .checkboxContainer{
    display: inline-block;
}
.notification-body .notification-date{
    background-color: #272727;
    border: none;
    color: #d7bba3;
    padding-top: 14px;
    padding-left: 20px;
    height: 50px;
    font-size: 16px;
    width: 150px;
    position:absolute;
    left:150px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.notification-body input{
    width:auto;
}
.notification-body .btn-header{
    margin-top:10px;
    width:150px;
}

/* CUSTOM SELECT2 */

.modal-form span {
    font-family: 'Gilroy Extra-Bold', sans-serif;
    font-size: 15px;
    line-height: normal;
    letter-spacing: 0.83px;
    color: white;
    background: transparent !important;
}

.select2{
    width:100%!Important;
}
.select2-container{
    z-index: 11;
    padding-top: 0px;
}

.select2-container--default .select2-selection--single{
    border-radius: 2px !Important;
    height: 54px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    font-family: 'Gilroy Light', sans-serif!important;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 4px;
    padding-left:20px;
    padding-right:12px;
    line-height: 38px !Important;
    background-color: #4a4a4a!important;
    color: #d7bba3!important;
}
.select2-container--default .select2-results__option[aria-disabled=true]{
    background-color: #8e7c6c!important;
}
.select2-results{
    z-index: 100;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 38px !important;
}

.select2-search--dropdown{
    background: #4a4a4a;
}

.select2-container--default .select2-selection--single {
    border: none /*1px solid #565656 !Important*/;
    border-radius: 4px;
    color:white;
    background-color:#565656;
}

.select2-container--default .select2-selection--multiple{
    border: solid #e9eaf3 1px !Important;
    outline: 0;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #303030 1px !Important;
    outline: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice{
    background-color: #565656 !important;
    padding: 5px 10px !Important;
    border: none !Important;
}

.select2-container--default .select2-selection--multiple{
    background-color: #303030!important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected]{
    background-color: #d6bba3!Important;
    color: white!Important;
}
.select2-results__option{
    color:white!Important;
    background-color: #303030!Important;
}
.select2-dropdown{
    background-color: #303030!Important;
    border-color: #303030!Important;
}
.select2-results__option[aria-selected]{
    background:#4a4a4a!Important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    margin-right:5px!important;
}

.select2-container--default .select2-selection--multiple{
    border:none!Important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
    margin-top: 4px!Important;
}
.select2-container--open .select2-dropdown--below{
    margin-top: -10px;
}

.monthselect, .yearselect{
    background: #4a4a4a;
    /*    border:none!important;*/
}

.modal .remove-element-text {
    color: #fff;
    padding-left: 15px;
    padding-right: 15px;
}

.btn-close-modal {
    background-image: linear-gradient(to right, #a27353, #c49369 50%, #edb780) !important;
    color: #292929 !important;
    width: 100%;
}


/* LOADER */

.loader {
    --loader-size: calc(var(--block-size) / 2);
    --loader-size-half: calc(var(--loader-size) / 2);
    --loader-size-half-neg: calc(var(--loader-size-half) * -1);
    --light-color: rgba(255, 255, 255, 0.3);
    --dot-size: 5px;
    --dot-size-half: calc(var(--dot-size) / 2);
    --dot-size-half-neg: calc(var(--dot-size-half) * -1);
    display: block;
    position: relative;
    width: var(--loader-size);
    display: grid;
    place-items: center;
    color: white;
}

.loader::before,
.loader::after {
    content: '';
    position: absolute;
}

/**
    loader--3
**/
.loader--3 {
    --loader-size: calc(var(--block-size) / 3);
    --anim-duration: 1.2s;
    aspect-ratio: 1 / 1;
    border: 1px solid #e7e8ea;
    border-radius: 50%;
    animation: loader-3 calc(var(--anim-duration) * 3) linear infinite;
}

.loader--3::before,
.loader--3::after {
    width: var(--dot-size);
    aspect-ratio: 1 / 1;
    background: #e7e8ea;
    border-radius: 50%;
    top: var(--dot-size-half-neg);
    left: calc(50% - var(--dot-size-half));
    animation: loader-3 var(--anim-duration) cubic-bezier(0.27, 0.08, 0.26, 0.7) infinite;
    transform-origin: center calc(var(--loader-size-half) + var(--dot-size-half) - 1px);
}

.loader--3::after {
    animation-delay: calc(var(--anim-duration) / 3 * -1);
}

@keyframes loader-3 {
    100% {
        transform: rotate(1turn);
    }
}

.loader_container {
    --block-size: 18vmin;
    display: grid;
    grid-template-columns: repeat(3, var(--block-size));
    grid-template-rows: repeat(3, var(--block-size));
    grid-gap: 1vmin;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 70px;
}

.loader_item {
    /*background: rgba(255, 255, 255, 0.1);*/
    display: grid;
    place-items: center;
    border-radius: 4px;
    position: absolute;
    transition: opacity 0.4s ease;
    width: 100%;
    top: 10%;
    z-index: 1000;
}

.savingText {
	padding: 8px 15px 10px 15px;
	color: #fff;
	background-color: #ff6767;
	margin-bottom: 15px;
	border-radius: 3px;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
	color: #fff;
	background-color: #272727;
}

.nav>li>a:hover, .nav>li>a:focus {
	color: #edb780;
	background-color: #292929;
}

.nav-pills>li>a {
	color: #edb780;
	background-color: #303030;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.nav-pills>li>a {
	padding: 10px 20px;
}

.nav-pills>li+li {
	margin-left: 5px;
}

.dataTables_wrapper {
    overflow: auto;
}