.container-fluid {

     width: 95% !important;
}

/*
Disabled for now until all header links will work fine

*/

@media (min-width: 1381px) {
     .header-link {
          color: rgb(255, 255, 255);
          font-size: larger;
          font-weight: 400;
          overflow: hidden;
     }

     #admin-info-badge {
          font-size: medium;
          font-weight: 400;
     }
}

@media (max-width: 1380px) {
     .navbar-nav .nav-link {
          padding-right: 0;
          padding-left: 0;
          font-size: 13px;
     }
     .header-link {
          font-size: 15px;
          font-weight: bolder !important;
     }
}



@media (max-width: 1235px) {
     .cbs-logo-nav {
          display: none !important;
     }
}

.profile-card {
     width: 150px;
     text-align: center;
}

.edit-profile-item {

     margin-right: 85px !important;

}

.porfile-section {

     font-size: 12px !important;
}

.info-row-text {
     font-weight: bolder;
}

.header-link {
     color: #777 !important;
}

.header-link:hover {
     color: #07d9e0 !important;
}

.header-link.active {
     color: #07d9e0 !important;
}

#admin-info-text {
     font-size: medium;
     margin-left: 0.5rem;
     color: #0bc0c7;
}

.dibba2,
.dibba1,
.dibba3,
.dibba4 {
     font-size: 15px;
     color: #333;
     float: left;
     padding: 15px 0;
     padding-left: 70px;
     position: relative;
}

.dibba1 {

     border-right: #d9dad0 1px solid;
     font-size: 15px;
     color: #333;
     float: left;
     padding: 15px 0;
     padding-left: 0;
}

.dibba2 {

     border-right: #d9dad0 1px solid;
     font-size: 15px;
     color: #333;
     float: left;
     padding: 15px 0;
     padding-left: 0;
}

.dibba3 {

     border-right: #d9dad0 1px solid;
     font-size: 15px;
     color: #333;
     float: left;
     padding: 15px 0;
     padding-left: 0;
}

.dibba4 {


     font-size: 15px;
     color: #333;
     float: left;
     padding: 15px 0;
     padding-left: 0;
}

.dibba1 .fa,
.dibba2 .fa,
.dibba3 .fa,
.dibba4 .fa {
     color: #0bc0c7;
     border: 3px solid #0bc0c7;
}

.dibba3 .fa,
.dibba4 .fa {
     position: relative;
     left: 8px;
     border-radius: 50%;
     padding: 7px 11px 4px 10px;
     font-size: 20px;
     width: 40px;
     height: 40px;
     text-align: center;
     margin-right: 1rem;
     box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
}

.dibba2 .fa {
     position: relative;
     left: 8px;
     border-radius: 50%;
     padding: 7px 11px 4px 6px;
     font-size: 20px;
     width: 40px;
     height: 40px;
     text-align: center;
     margin-right: 1rem;
     box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
}

.dibba1 .fa {
     position: relative;
     left: 8px;
     border-radius: 50%;
     padding: 7px 11px 4px 5px;
     font-size: 20px;
     width: 40px;
     height: 40px;
     text-align: center;
     margin-right: 1rem;
     box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
}

.info-span {
     font-size: medium;
     font-weight: bolder;
     margin-left: 0.5rem;
     color: #0bc0c7;
}

.dropdown:hover>.dropdown-menu {
     display: block;
}

.form-check-input[type="radio"]:checked+label:after,
.form-check-input[type="radio"].with-gap:checked+label:after,
label.btn input[type="radio"]:checked+label:after,
label.btn input[type="radio"].with-gap:checked+label:after {
     background-color: #0bc0c7 !important;
}

.form-check-input[type="radio"]:checked+label:after,
.form-check-input[type="radio"].with-gap:checked+label:before,
.form-check-input[type="radio"].with-gap:checked+label:after,
label.btn input[type="radio"]:checked+label:after,
label.btn input[type="radio"].with-gap:checked+label:before,
label.btn input[type="radio"].with-gap:checked+label:after {
     border: 2px solid #0bc0c7 !important;
}


/*************** Loading ***************/

@-webkit-keyframes "loading" {
     0% {
          opacity: 0;
     }
     100% {
          opacity: 1;
     }
}

@-moz-keyframes "loading" {
     0% {
          opacity: 0;
     }
     100% {
          opacity: 1;
     }
}

@-o-keyframes "loading" {
     0% {
          opacity: 0;
     }
     100% {
          opacity: 1;
     }
}

@keyframes "loading" {
     0% {
          opacity: 0;
     }
     100% {
          opacity: 1;
     }
}

.loading-wrapper {
     position: fixed;
     top: 0;
     bottom: 0;
     right: 0;
     left: 0;
     background: #000000;
     z-index: 10000;
}

.loading-wrapper .loading {
     position: absolute;
     width: 190px;
     top: 50%;
     margin-top: -23px;
     text-align: center;
     left: 50%;
     margin-left: -95px;
}

.loading-wrapper .loading span {
     display: inline-block;
     vertical-align: middle;
     width: 10px;
     height: 50px;
     margin: 2px;
     position: absolute;
     left: 45px;
     top: 0;
     background: #0BC0C7;
     animation: loading 1s infinite alternate;
     transform: rotate(25deg);
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
}

.loading-wrapper .loading span:nth-of-type(1) {
     background: #0BC0C7;
     animation-delay: 0.1s;
     left: 65px;
     top: 7px;
     height: 40px;
}

.loading-wrapper .loading span:nth-of-type(2) {
     background: #00bbcc;
     animation-delay: 0.2s;
     left: 85px;
     top: 15px;
     height: 30px;
}

.loading-wrapper .loading span:nth-of-type(3) {
     background: #0BC0C7;
     animation-delay: 0.4s;
     left: 105px;
     top: 7px;
     height: 40px;
}

.loading-wrapper .loading span:nth-of-type(4) {
     background: #0BC0C7;
     animation-delay: 0.6s;
     left: 125px;
}

/********** hide input spin box *********/

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
     /* display: none; <- Crashes Chrome on hover */
     -webkit-appearance: none;
     margin: 0;
     /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
     -moz-appearance: textfield;
     /* Firefox */
}

.swal2-title {
     position: relative;
     max-width: 100%;
     margin: 0 0 .4em;
     padding: 0;
     color: #595959;
     font-size: 1.2em !important;
     font-weight: 600;
     text-align: center;
     text-transform: none;
     word-wrap: break-word;
}

.swal2-styled.swal2-confirm,
.swal2-styled.swal2-cancel {
     border: 0;
     border-radius: .25em;
     background: initial;
     background-color: #0bc0c7 !important;
     color: #fff;
     border-left-color: rgb(11, 192, 199);
     border-right-color: rgb(11, 192, 199);
     font-size: 0.9em !important;
}

.orange-text:hover {
     color: #007bff !important;
     font-weight: bold;
}

.dropdown .dropdown-menu,
.dropup .dropdown-menu,
.dropleft .dropdown-menu,
.dropright .dropdown-menu {
     padding: 0rem !important;
}