/*  --------------------------------------------------------MAMBOSTYLE--------------------------------------------*/

/*---------------------------LOGIN ---------------------------*/

body,
.btn {
    font-family: 'Omnes', sans-serif !important;
}

#submit {
    background-color: #0a4595;
    color: white;
    border-radius: 0;
}

#head_login {
    background-color: #ffffff;
    border-radius: 0px;
}

#logocarf {
    width: 40px;
}

#loginbackground {
    background-image: url("/mambo/img/images/backgr_pag_login_2-0a33d5009bd3557fba2749db13843b35.png");
    background-repeat: no-repeat;
    background-position: center;
    background-color: #0a4595;
}

#containerlogin {

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.panel-default > .panel-heading {
    border-style: none;
}

html,
body {
    min-height: 100%;
}

#mamboimg {
    width: 230px;
    padding-top: 20px;
}

#marca {
    text-align: center;
    color: white;
}

.row > [class*="col-"] {
    margin-bottom: 0px;
}

.row-login-content{
    padding-top: 10px;
    padding-left: 30px;
}

.row-login-content form .row {
    padding: 0px 10px;
}

.row .row-login-content h2 {
    color: grey;
    padding-top: 5px;
    padding-bottom: 10px;
}

.userlogin {
    padding-top: 0px;
    padding-left: 5px;
}

.userpass {
    padding-top: 30px;
    padding-left: 5px;
}

.loginerror {
    padding-top: 5px;
    padding-bottom: 0px;
    text-align: center;
    color: red;
    font-size: 17px;
}

.commentfielderror {
    border-color: red;
}

.commenterror {
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 15px;
    color: red;
    font-size: 17px;
}

.conectlogin {
    padding-top: 25px;
    padding-bottom: 20px;
    text-align: center;
}

/* ------------------------------END LOGIN---------------------------*/

/*-------------------------------------NAVBAR ---------------------------*/
.logo-mambo-header {
    height: 80px;
    position: absolute;
    left: 20px;
    top: 20px;
}

.lang-mambo-header {
    height: 80px;
    position: absolute;
    left: 160px;
    top: 30px;
    font-size: 18px;
    color: white;
}

.lang-mambo-header a {
    font-size: 18px;
    color: white;
}

.lang-mambo-header a:hover {
    color: white;
}

.navbar {
    z-index: 200000;
}

.navbar-logout {
    margin-top: 30px;
    margin-right: 20px;
    margin-left: 20px;
    float: right;
    color: white;
    font-size: 18px;
}

.button-transparent {
    background-color: Transparent;
    border: none;
    cursor:pointer;
    overflow: hidden;
}

.menu-logout{
    color: white;
    margin-left: 15px;
    margin-top: 9px;
    font-size: large;
}

.menu-logout-text{
    color: white;
    font-size: 13px;
    overflow: hidden;
}

@media (max-width: 768px) {
    .app-container.expanded .navbar-top {
        min-width: 300px;
    }
}

/*-------------------------------------END NAVBAR ---------------------------*/

/*-------------------------------------FOOTER----------------------------*/
.flat-blue .app-footer {
    background-color: #0a4595;
    opacity: 1;
    color: #ffffff;
    z-index: 200000;
    font-size: 16px;
    position: fixed;
}

.app-container .app-footer {
    left: 0;
    font-family: 'Omnes', sans-serif !important;
}

.app-container .app-footer .wrapper {
    height: 60px;
    line-height: 60px;
    padding: 0px 0px 0px 20px;
}

.app-container.expanded .app-footer {
    left: 0px;
}

@media (max-width: 768px) {
    .flat-blue .app-footer {
        position: inherit;
    }

    .app-container {
        padding-bottom: 0px;
    }
}

/*-------------------------------------END FOOTER----------------------------*/

/*----------------------------------------CONTENT----------------------------*/
.app-container .content-container .side-body.padding-top {
    padding-top: 110px;
    padding-bottom: 50px;
}

@media (min-width: 1200px) {
    .container {
        width: 960px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 960px;
    }
}

@media (min-width: 1200px) {
    .container-table {
        width: 1000px;
    }
}

@media (min-width: 1200px) {
    .container-large {
        width: 1200px;
    }
}

@media (min-width: 1200px) {
    .container-extra-large {
        width: 1400px;
    }
}


/*----------------------------------------END CONTENT----------------------------*/

/*---------------------------------------------------DASHBOARD ---------------------------------------*/


.card-hover {
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
    transition: all 0.3s ease-in-out;
}

.card-hover::after {
    content: '';
    position: absolute;
    z-index: -1;
    opacity: 0;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    transition: opacity 0.3s ease-in-out;
}

.card-hover:hover {
    transform: scale(1.05, 1.05);
    -webkit-box-shadow: 1px 1px 24px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 24px 0px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 24px 0px rgba(0,0,0,0.75);
}

.button-hover {
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
    transition: all 0.3s ease-in-out;
}

.button-hover::after {
    content: '';
    position: absolute;
    z-index: -1;
    opacity: 0;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    transition: opacity 0.3s ease-in-out;
}

.button-hover:hover {
    transform: scale(1.05, 1.05);
    -webkit-box-shadow: 1px 1px 4px 1px rgba(21, 21, 21, 0.8);
    -moz-box-shadow: 1px 1px 4px 1px rgba(21, 21, 21, 0.8);
    box-shadow: 1px 1px 4px 1px rgba(21, 21, 21, 0.8);
}


.title a:hover,
.title a:visited {
    color: white;
}

.signout-mobile {
    font-size: 18px;
}

.dashboard-content > .row > [class*="col-"],
.page-content > .row > [class*="col-"] {
    margin-bottom: 10px;
}

.nr-cereri {
    color: #bcbcbc;
    border-radius: 3px;
    font-size: 14pt;
    text-align: left;
    padding-left: 20px;
}

.delim {
    color: #ffffff;
}

.refuzate {
    color: #ffffff;

}

.acceptate {
    color: #ffffff;
}

.in-asteptare {
    color: #ffffff;
}

.total {
    color: #ffffff;
}

.btn-row span {
    font-weight: bold;
}

.app-container .side-body.dashboard-content,
.app-container .side-body.page-content {
    margin-left: auto;
    margin-right: auto;
}

.tooltip.refuzate > .tooltip-inner {
    background-color: #ff0000;
    opacity: 1;
    min-width: 70pt;
}

.tooltip.refuzate .arrow:before  {
    border-top-color: #ff0000;
}

.tooltip.acceptate > .tooltip-inner {
    background-color: #FFA500;
    opacity: 1;
    min-width: 70pt;
}

.tooltip.acceptate .arrow:before {
    border-top-color: #FFA500;
}

.tooltip.in-asteptare > .tooltip-inner {
    background-color: #2d89ef;
    opacity: 1;
    min-width: 70pt;
}

.tooltip.in-asteptare .arrow:before  {
    border-top-color: #2d89ef;
}

.tooltip.finalizate > .tooltip-inner {
    background-color: #00d100;
    opacity: 1;
    min-width: 70pt;
}

.tooltip.finalizate .arrow:before {
    border-top-color: #00d100;
}

.tooltip.anulate > .tooltip-inner {
    background-color: #aaaaaa;
    opacity: 1;
    min-width: 70pt;
}

.tooltip.anulate .arrow:before {
    border-top-color: #aaaaaa;
}

.tooltip.total > .tooltip-inner {
    background-color: black;
    opacity: 1;
    min-width: 70pt;
}

.tooltip.total .arrow:before {
    border-top-color: black;
}

.tooltip.confirmate > .tooltip-inner {
    background-color: #196b19;
    opacity: 1;
    min-width: 70pt;
}

.tooltip.confirmate .arrow:before  {
    border-top-color: #196b19;
}

.tooltip.history > .tooltip-inner {
    background-color: #196b19;
    opacity: 1;
    min-width: 70pt;
}

.tooltip.history .arrow:before  {
    border-left-color: #196b19;
}

span.statusInfo + .tooltip.left .tooltip-inner {
    background-color: #333333;
    opacity: 1;
    min-width: 200pt;
}

.card.summary-inline .card-body .content .title {
    font-family: 'Omnes', sans-serif !important;
    margin-top: 10px;
}

.card-dashboard {
    overflow: visible;
    padding-bottom: 15px;
}

.flat-blue .card.purple {
    background-color: #4c0099;
    color: white;
}

.flat-blue .card.summary-inline.purple:hover {
    background-color: #4c0099;;
}

.flat-blue .card.green {
    background-color: #00b33c;
    color: white;
}

.flat-blue .card.summary-inline.green:hover {
    background-color: #00b33c;
}

.flat-blue .card.orange {
    background-color: #e65d00;
    color: white;
}

.flat-blue .card.summary-inline.orange:hover {
    background-color: #e65d00;

}

.flat-blue .card.blue {
    background-color: #3399ff;
    color: white;
}

.flat-blue .card.summary-inline.blue:hover {
    background-color: #3399ff;
}

.flat-blue .card.purple2 {
    background-color: purple;
    color: white;
}

.flat-blue .card.summary-inline.purple2:hover {
    background-color: purple;
}

.flat-blue .card.yellow {
    background-color: #ffcc00;
    color: white;
}

.flat-blue .card.summary-inline.yellow:hover {
    background-color: #ffcc00;
}

.flat-blue .card.red {
    background-color: #fa2a00;;
    color: white;
}

.flat-blue .card.summary-inline.red:hover {
    background-color: #fa2a00;
}

.secondRow {
    margin-bottom: 10px;
}

.card.red2 {
    background-color: #99004C;
    color: white;
}

.flat-blue .card.blue4 {
    background-color: #006dcc;
}

.flat-blue .card.yellow4 {
    background-color: #ffcc00;
    color: #FFF;
}

.flat-blue .card.summary-inline.card-dashboard a:hover,
.flat-blue .card.summary-inline.card-dashboard a:focus,
.flat-blue .card.summary-inline.card-dashboard a:active,
.flat-blue .card.summary-inline.card-dashboard a:visited,
.flat-blue .card.summary-inline.card-dashboard a {
    color: white;
}

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


.dashboard-request-row {
    padding-left: 15px !important;
    padding-right: 0px !important;
}

@media only screen and (min-width: 768px) {
    .dashboard-left-row {
        padding-right: 3px !important;
        padding-left: 10px !important
    }
}

@media only screen and (max-width: 768px) {
    .dashboard-left-row {
        padding-right: 0px !important;
        padding-left: 15px !important;
    }
}

@media only screen and (max-width: 768px) {
    .all-incidents-card {
        margin-bottom: 0px !important;
    }
}

@media only screen and (max-width: 768px) {
    .dashboard-front-card {
        padding-left: 10px !important;
    }
}

.main-request-row {
    padding-left: 20px !important;
    padding-right: 0px !important;
    padding-bottom: 10px;
}

.card.blue2 {
    background-color: #0f42a3;
    color: #fff;
}

.card.green2 {
    background-color: #26734d;
    color: #fff;
}

.card.magenta {
    background-color: magenta;
    color: #fff;
}
/* ----------------------------------------------------END DASHBOARD-------------------------------------------*/

/*------------------------------------------------------ACCES APLICATII -------------------------------------*/

.card .card-body {
    overflow-x: auto;
    padding-bottom: 5px;
}

textarea {
    resize: none;
    width: 100%;
    min-height: 55px;
}

/*display none for input search in select box*/

select {
    border-radius: 0px;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #ccc;
    border-radius: 0px;
}

.select2-dropdown {
    border: 1px solid #ccc;
    border-radius: 0px;
}

.card .card-header .card-title .title {
    font-family: 'Omnes', sans-serif !important;
}

select,
.select2-container .select2-selection--single {
    min-height: 34px;
}

.select2-dropdown--below {
    background-color: #e0f8ff;
}

/*culori elemente disabled si readonly*/

*[disabled],
*[readonly],
select[disabled] + .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #c8c8c8;
}

a[data-toggle="collapse"]:focus {
    text-decoration: none;
}

/*butoane*/

.flat-blue button.btn.b1, a.b1 {
    margin-top: 15px;
    margin-right: 10px;
    font-size: 15px;
}

/*primary*/

.flat-blue .btn.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.flat-blue .btn.btn-primary.active,
.flat-blue .btn.btn-primary:active {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}

.flat-blue .btn.btn-primary:focus,
.flat-blue .btn.btn-primary:hover,
.flat-blue .btn.btn-primary.active.focus,
.flat-blue .btn.btn-primary.active:focus,
.flat-blue .btn.btn-primary.active:hover,
.flat-blue .btn.btn-primary:active.focus,
.flat-blue .btn.btn-primary:active:focus,
.flat-blue .btn.btn-primary:active:hover {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40;
}

/*success*/

.flat-blue .btn.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.flat-blue .btn.btn-success:hover,
.flat-blue .btn.btn-success:focus,
.flat-blue .btn.btn-success.active.focus,
.flat-blue .btn.btn-success.active:focus,
.flat-blue .btn.btn-success.active:hover,
.flat-blue .btn.btn-success:active.focus,
.flat-blue .btn.btn-success:active:focus,
.flat-blue .btn.btn-success:active:hover {
    color: #fff;
    background-color: #398439;
    border-color: #255625;
}

/*danger*/

.flat-blue .btn.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.flat-blue .btn.btn-danger:focus,
.flat-blue .btn.btn-danger:hover,
.flat-blue .btn.btn-danger.active.focus,
.flat-blue .btn.btn-danger.active:focus,
.flat-blue .btn.btn-danger.active:hover,
.flat-blue .btn.btn-danger:active.focus,
.flat-blue .btn.btn-danger:active:focus,
.flat-blue .btn.btn-danger:active:hover {
    color: #fff;
    background-color: #ac2925;
    border-color: #761c19;
}

.gicon {
    margin-right: 5px;
}

.page-content .col-sm-12 {
    padding: 0px;
}

/*STATUSURI*/

.status_asteptare {
    color: white;
    background-color: #2d89ef;
    border-color: #2d89ef;
    min-height: 30px;
    text-align: center;
    padding: 5px;
    border-radius: 3px;
}

.status_comanda_plasata_info {
    color:white;
    background-color: darkorange;
    min-height: 30px;
    text-align: center;
    padding: 5px;
    border-radius: 3px;
}

.status_asteptare_manager {
    color: white;
    background-color: #06eeff;
    border-color: #06eeff;
    min-height: 30px;
    text-align: center;
    padding: 5px;
    border-radius: 3px;
}

.status_refuz {
    color: white;
    background-color: #ff0000;
    border-color: #D43F3A;
    min-height: 30px;
    padding: 5px;
    text-align: center;
    border-radius: 3px;
}

.status_accept {
    color: white;
    background-color: #FFA500;
    border-color: #FFA500;
    min-height: 30px;
    text-align: center;
    padding: 5px;
    border-radius: 3px;
}

.status_finalizat {
    color: white;
    background-color: #00d100;
    border-color: #00d100;
    min-height: 30px;
    text-align: center;
    padding: 5px;
    border-radius: 3px;
}

.status_canceled {
    color: white;
    background-color: #999999;
    border-color: #555555;
    min-height: 30px;
    padding: 5px;
    text-align: center;
    border-radius: 3px;
}

.status_confirmed {
    color: white;
    background-color: #196b19;
    border-color: #005b00;
    min-height: 30px;
    padding: 5px;
    text-align: center;
    border-radius: 3px;
}

/* INCIDENT STATUS */
.incident-filter-status-IN_PROGRESS,
.incident-filter-status-NEW,
.incident-filter-status-INVALID,
.incident-filter-status-NOT_RESOLVED,
.incident-filter-status-RESOLVED,
.incident-filter-status-CANCELED,
.incident-filter-status-SENT_TO_SUPPORT_IT,
.incident-filter-status-REASSIGNED,
.incident-filter-status-COMPLETED,
.incident-filter-status-SENT_TO_CLARIFICATION,
.incident-filter-status-STOPPED_SLA

{
    background: darkgrey !important;
    border-radius: 3px !important;
    border: 2px solid darkgrey !important;
    width: 40px;
}

.incident-status-NEW, .incident-filter-status-NEW.active {
    color: white;
    background: #00e6e6 !important;
    border: 2px solid #00b3b3 !important;
    min-height: 30px;
    text-align: center;
    padding: 5px;
    border-radius: 3px !important;
}

.incident-status-SENT_TO_SUPPORT_IT, .incident-filter-status-SENT_TO_SUPPORT_IT.active {
    color: white;
    background: green;
    border: 2px solid #00b3b3 !important;
    min-height: 30px;
    text-align: center;
    padding: 5px;
    border-radius: 3px !important;
}

.incident-status-IN_PROGRESS, .incident-filter-status-IN_PROGRESS.active {
    color: white;
    background: #2d89ef !important;
    border: 2px solid #4169e1 !important;
    min-height: 30px;
    text-align: center;
    padding: 5px;
    border-radius: 3px !important;;
}

.incident-status-REJECTED_BY_RESPONSIBLE, .incident-filter-status-REJECTED_BY_RESPONSIBLE.active {
    color: white;
    background: red;
    border: 1px solid white !important;
    min-height: 30px;
    text-align: center;
    padding: 5px;
    border-radius: 3px !important;
}


.incident-status-REASSIGNED, .incident-filter-status-REASSIGNED.active {
    color: white;
    background: #2d89ef;
    border: 2px solid #00b3b3 !important;
    min-height: 30px;
    text-align: center;
    padding: 5px;
    border-radius: 3px !important;
}

.incident-status-SENT_TO_CLARIFICATION, .incident-filter-status-SENT_TO_CLARIFICATION.active {
    color: white;
    background: #2d89ef;
    border: 2px solid #00b3b3 !important;
    min-height: 30px;
    text-align: center;
    padding: 5px;
    border-radius: 3px !important;
}

.incident-status-STOPPED_SLA, .incident-filter-status-STOPPED_SLA.active {
    color: white;
    background: #2d89ef;
    border: 2px solid #00b3b3 !important;
    min-height: 30px;
    text-align: center;
    padding: 5px;
    border-radius: 3px !important;
}

.incident-icon {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    text-align: center;
}

div.incident-icon-status-NEW:before {
    content: "\f1d9"; /* fa-send-o (alias) [] */
    color: white;
}

div.incident-icon-status-SENT_TO_SUPPORT_IT:before {
    content: "\f109"; /* fa-laptop  */
    color: white;
}

div.incident-icon-status-SENT_TO_SUPPORT_IT{
    content: "\f109"; /* fa-laptop  */
    color: white;
}


div.incident-icon-status-REASSIGNED:before {
    content: "\f079"; /* fa-retweet  */
    color: white;
}

div.incident-icon-status-SENT_TO_CLARIFICATION:before {
    content: "\f128"; /* fa-question  */
    color: white;
}

div.incident-icon-status-STOPPED_SLA:before {
    content: "\f017"; /* fa-stopwatch  */
    color: white;
}

@media only screen and (min-width: 768px) {
    .incident-filter-status-NEW:hover {
        background: #00e6e6 !important;
        border: 2px solid #00b3b3 !important;
    }
}

.tooltip.tooltip-NEW .arrow:before {
    border-top-color: #00e6e6;
}
.tooltip.tooltip-NEW > .tooltip-inner {
    background-color: #00e6e6;
    opacity: 1;
    min-width: 70pt;
}


div.incident-icon-status-IN_PROGRESS:before {
    content: "\f110"; /* fa-spinner [] */
    color: white;
}


@media only screen and (min-width: 768px) {
    .incident-filter-status-IN_PROGRESS:hover {
        background: #2d89ef !important;
        border: 2px solid #4169e1 !important;
    }
}

.tooltip.tooltip-IN_PROGRESS .arrow:before {
    border-top-color: #2d89ef;
}
.tooltip.tooltip-IN_PROGRESS > .tooltip-inner {
    background-color: #2d89ef;
    opacity: 1;
    min-width: 70pt;
}

.incident-status-INVALID, .incident-filter-status-INVALID.active {
    color: white;
    background: #ff0000 !important;
    border: 2px solid #cc0000 !important;
    min-height: 30px;
    padding: 5px;
    text-align: center;
    border-radius: 3px !important;
}

div.incident-icon-status-INVALID:before {
    content: "\f00d"; /* fa-times [] */
    color: white;
}

@media only screen and (min-width: 768px) {
    .incident-filter-status-INVALID:hover {
        background: #ff0000 !important;
        border: 2px solid #cc0000 !important;
    }
}

span.tooltip-INVALID + .tooltip.top .tooltip-inner {
    background-color: #ff0000;
    opacity: 1;
    min-width: 70pt;
}

span.tooltip-INVALID + .tooltip.top .tooltip-arrow {
    border-top-color: #ff0000;
}

.incident-status-NOT_RESOLVED, .incident-filter-status-NOT_RESOLVED.active {
    color: white;
    background: #c71585 !important;
    border: 2px solid #a2116d !important;
    min-height: 30px;
    text-align: center;
    padding: 5px;
    border-radius: 3px !important;
}

div.incident-icon-status-NOT_RESOLVED:before {
    content: "\f088"; /* fa-thumbs-o-down [] */
    color: white;
}

@media only screen and (min-width: 768px) {
    .incident-filter-status-NOT_RESOLVED:hover {
        background: #c71585 !important;
        border: 2px solid #a2116d !important;
    }
}

span.tooltip-NOT_RESOLVED + .tooltip.top .tooltip-inner {
    background-color: #c71585;
    opacity: 1;
    min-width: 70pt;
}

span.tooltip-NOT_RESOLVED + .tooltip.top .tooltip-arrow {
    border-top-color: #c71585;
}

.incident-status-RESOLVED, .incident-filter-status-RESOLVED.active {
    color: white;
    background: #FFA500 !important;
    border: 2px solid #ff8c00 !important;
    min-height: 30px;
    text-align: center;
    padding: 5px;
    border-radius: 3px !important;
}

div.incident-icon-status-RESOLVED:before {
    content: "\f087"; /*  fa-thumbs-o-up [] */
    color: white;
}

@media only screen and (min-width: 768px) {
    .incident-filter-status-RESOLVED:hover {
        background: #FFA500 !important;
        border: 2px solid #ff8c00 !important;
    }
}

span.tooltip-RESOLVED + .tooltip.top .tooltip-inner {
    background-color: #FFA500;
    opacity: 1;
    min-width: 70pt;
}

span.tooltip-RESOLVED + .tooltip.top .tooltip-arrow {
    border-top-color: #FFA500;
}

.incident-status-CANCELED, .incident-filter-status-CANCELED.active {
    color: white;
    background: #999999 !important;
    border: 2px solid #808080 !important;
    min-height: 30px;
    padding: 5px;
    text-align: center;
    border-radius: 3px !important;
}

div.incident-icon-status-CANCELED:before {
    content: "\f00d"; /* fa-times [] */
    color: white;
}

div.incident-icon-status-REJECTED_BY_RESPONSIBLE:before {
    content: "\f00d"; /* fa-times [] */
    color: white;
}

@media only screen and (min-width: 768px) {
    .incident-filter-status-CANCELED:hover {
        background: #999999 !important;
        border: 2px solid #808080 !important;
    }
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        padding-top: 7px;
        margin-bottom: 0;
        text-align: right;
    }
}

.tooltip.tooltip-CANCELED > .tooltip-inner {
    background-color: #999999;
    opacity: 1;
    min-width: 70pt;
}

.tooltip.tooltip-CANCELED .arrow:before {
    border-top-color: #999999;
}

.incident-status-COMPLETED, .incident-filter-status-COMPLETED.active {
    color: white;
    background: #196b19 !important;
    border: 2px solid #135313 !important;
    min-height: 30px;
    padding: 5px;
    text-align: center;
    border-radius: 3px !important;
}

div.incident-icon-status-COMPLETED:before {
    content: "\f00c"; /* fa-check [] */
    color: white;
}

@media only screen and (min-width: 768px) {
    .incident-filter-status-COMPLETED:hover {
        background: #196b19 !important;
        border: 2px solid #135313 !important;
    }
}

span.tooltip-COMPLETED + .tooltip.top .tooltip-inner {
    background-color: #196b19;
    opacity: 1;
    min-width: 70pt;
}

span.tooltip-COMPLETED + .tooltip.top .tooltip-arrow {
    border-top-color: #196b19;
}

/*CENTRARE ELEMENTE IN CELULE*/

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    vertical-align: middle;
}

.table > thead > tr > th {
    border-top: none;
}

/*---------------------------------------------------END ACCES APLICATII -------------------------------------*/

/*----------COMUNE-----------*/
.panel-body {
    padding-bottom: 0px;
}

.send {
    float: right;
    margin: 0px;
}

.back {
    float: right;
    margin-right: 10px;
}

/*---------- END COMUNE-----------*/

/*---------------------------------------------------ECHIPAMENTE -------------------------------------*/

.masonry {
    margin: 1.5em 0;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
    font-size: .95em;
}

.item {
    display: inline-block;
    background: #fff;
    padding: 1em;
    margin: 0 0 1.5em;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 2px 2px 4px 0 #ccc;
}

@media only screen and (min-width: 400px) {
    .masonry {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}

@media only screen and (min-width: 700px) {
    .masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }

    .container-fluid {
        margin-left: 60px;
    }
}

@media only screen and (min-width: 900px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}

.dim1 {
    background-color: #751765;
    color: white;
    width: 300px;
    height: 120px;
    padding-top: 40px;
}

.dim1 i {
    float: left;
    margin-left: 20px;
}

.dim1 div {
    text-align: center;
    margin-right: 20px;
    font-size: 19pt;
}

.dim2 {
    background-color: #009990;
    color: white;
    width: 300px;
    height: 80px;
    padding-top: 20px;
}

.dim2 i {
    float: left;
    margin-left: 20px;
}

.dim2 div {
    text-align: center;
    margin-right: 20px;
    font-size: 19pt;
}

.dim3 {
    background-color: #DFC300;
    color: white;
    width: 300px;
    height: 160px;
    padding-top: 60px;
}

.dim3 i {
    float: left;
    margin-left: 20px;
}

.dim3 div {
    text-align: center;
    margin-right: 20px;
    font-size: 18pt;
}

div.masonry div.item {
    cursor: pointer;
}

#equipmentModalTitle {
    font-size: 17px;
    font-weight: bold;
    font-family: 'Omnes', sans-serif;
}

/*------------------------------------------------- END ECHIPAMENTE -------------------------------------*/

/*-----------------------------------------ADMINISTRARE APLICATII---------------------------------*/

span.activ {
    color: green;
}

span.inactiv {
    color: red;
}

input[type=checkbox] {
    width: 20px;
    height: 20px;
}

.btn-edit {
    background: transparent;
    border: 0px;
}

/********************************-GENERAL-***********************************************/

.text-color-box {
    color: #6D6B6B;
}

.myTable thead tr {
    font-weight: 900;
    font-size: 19px;
}

.myTable tbody tr {
    font-size: 17px;
}

.myTable tbody tr td {
    padding: 4px !important;
}

.center-align {
    text-align: center;
}

.boldManager {
    font-weight: bold;
}

.notificare {
    color: red;
    font-size: 22px;
}

.padding-select {
    padding-left: 10px;
}

.font-size-omnes {
    font-size: 14px;
}

.btn-size-omnes {
    font-size: 15px;
}

/********************************-END GENERAL-*******************************************//********************************-END GENERAL-*******************************************/

/***********************************-ERROR-***********************************************/

.error {
    font-size: 16pt;
}

.error a {
    color: #0a4595;
}

.error span {
    margin-right: 5px;
}

/***********************************-END ERROR-*******************************************/

.btn-file {
    position: relative;
    overflow: hidden;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 102px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.fa-exclamation-circle {
    color: white;
}

/************************************************-MANAGER APROBARE CERERI-********************************************************/

.tip-cerere {
    color: white;
    border-color: #4CAE4C;
    min-height: 30px;
    text-align: center;
    padding: 5px;
    border-radius: 3px;
}

#aplicatii {
    background: #4c0099;
}

#echipamente {
    background: #00b33c;
}

#conturi {
    background: #006600 !important;
}

#alte-resurse {
    background: #3399ff;
}

#usb-access {
    background: orange;
}

#incidente {
    background: #fa2a00;
}

#sharing {
    background: purple;
}

/*************************************************-END MANAGER APROBARE CERERI-*********************************************************/
.tip-cerere {
    color: white;
    border-color: #4CAE4C;
    min-height: 30px;
    text-align: center;
    padding: 5px;
    border-radius: 3px;
}

#aplicatii {
    background: #4c0099;
}

#echipamente {
    background: #00b33c;
}

#alte-resurse {
    background: #3399ff;
}

#incidente {
    background: #fa2a00;
}

/*************************-END MANAGER APROBARE CERERI-*******************************************/

/*ANUNTURI*/

.anunturi {
    font-size: 32px;
    color: white;
    background-color: #00b33c;;
    margin-left: -5px;
}

marquee {
    margin-left: 22px;
    margin-right: 22px;

}

.anunturi .col-sm-1 img {
    width: 90%;
    margin-top: 10px;
    min-width: 35px;
}

.content-box {
    box-sizing: content-box;
}

/*
.anunturi .col-sm-11, .anunturi .col-12{
    margin-top:10px;
    background-image: url("/mambo/img/images/left-icon-52916a190b285435a87594b76e829e99.png"), url("/mambo/img/images/right-icon-735feb97c8ad32ca2a6960062ebc12bd.png");
    background-repeat: no-repeat, no-repeat;
    background-size: auto 40px, auto 40px;
    background-position: left, right;
}
*/

.dashboard-row {
    margin-top: 30px;
}

/*LANGUAGE*/
.languagelinks {
    display: inline-block;
}

.languagelinks li {
    display: inline-block;
    list-style-type: none;
}

.languagelinks li a {
    display: block;
    text-decoration: none;
    color: white;
    font-size: 17px;
}

/*TOOLTIPURI PE TITLU IN LISTE*/
.body-tooltip .tooltip.top {
    max-width: 600px;
}

.body-tooltip .tooltip.top .tooldip-inner {
    background-color: #222222;
    opacity: 1;
    font-size: 15px;
    max-width: 600px !important;
}

.body-tooltip .tooltip.top .tooltip-arrow {
    border-top-color: #222222;
}

.request-width {
    min-width: 150px;
}

/*Language*/

.languageDrop {
    margin-right: 15px;
}

.languageDrop .btn.btn-outline-secondary {
    background: none;
    border: none;
    color: #ffffff;
}

.languageDrop .btn.btn-outline-secondary:hover,
.languageDrop .btn.btn-outline-secondary:active,
.languageDrop .btn.btn-outline-secondary:focus {
    background: none;
    color: #ffffff;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.languageDrop .navbar .navbar-nav .dropdown-menu, .languageDrop .navbar.navbar-default .navbar-nav .dropdown-menu {
    background: white;
    color: black;
}

.dropdownLang li {
    color: #0a4595;
    padding-top: 5px;
    padding-left: 20px;
    padding-bottom: 7px;
}

.languageDrop .dropdown-menu > li > a {
    padding: 0px;
}

.navbar .dropdownLang.dropdown-menu {
    z-index: 200001;
}

.navbar .navbar-nav.navbar-right .dropdownLang > li {
    line-height: 15px;
}

#langMobile {
    position: absolute;
    left: 150px;
    top: 20px;
}

#langMobile .dropdown-menu {
    min-width: 65px;
}

#logoutlinkDashboardMobile {
    color: white;
    float: right;
    margin-top: 35px;
    margin-right: 35px;
}

#logoutlinkDashboardMobile i {
    font-size: 18px;
}

/*END Language*/

/*-----------------------------------LEFT MENU------------------------------------*/

.side-menu-container > ul.nav.navbar-nav {
    margin-bottom: 65px;
}

/*-----------------------------------END LEFT MENU--------------------------------*/

div#incidente.tip-cerere,
div#aplicatii.tip-cerere,
div#alte-resurse.tip-cerere,
div#echipamente.tip-cerere,
div#conturi.tip-cerere,
div#usb-access.tip-cerere,
div#sharing.tip-cerere {
    max-width: 105px;
}

.whiteBackground {
    background-color: #fff;
!important;
}

.scrollable-content {
    width: 900px;
    max-height: 300px;
    overflow: auto;
    padding: 10px 0 0 0;
}

select {
    background: url('/mambo/img/images/arrow-2274456d2f91b30622dc3140692861d7.png') no-repeat right #fff;
    background-size: 25px 25px;
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: none;
    color: #6d6b6b;
    width: 180px;
    height: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

/*------------------------------------------------------INFO HEADER-------------------------------------*/

.equipmentHead {
    background-color: #00b33c;
}

.applicationHead {
    background-color: #4c0099;
}

.otherHead {
    background-color: #22A7F0;
}

.incidentHead {
    background-color: red;
}

.sharingHead {
    background-color: purple;
}

.workFromHomeApprover {
    background-color: #99004C;
}

.userRequest {
    background-color: #ffb400;
}

.applicationGroupHead {
    background-color: #e65d00;
}

.assignedApprover {
    background-color: #99004C;
}

.infoHeader {
    color: white;
    margin-left: -15px;
    padding-top: 5px !important;
    overflow-y: hidden;
    height: 100%;
}

.infoHeader span.title {
    padding-left: 20pt;
    font-size: 23pt;
}

.infoHeader div.content {
    display: table-cell;
    line-height: 60px;
    padding-left: 10px;
}

.infoHeadCard {
    height: 50pt;
}

.infoHeadCol {
    margin-bottom: 0;
}

.infoHeadTitle {
    vertical-align: middle;
}

@media (max-width: 767px) {
    span.infoHeadTitle {
        font-size: 15pt !important;
    }

    .anunturi .title {
        font-size: 16pt !important;
    }
}

.panel-heading a:after {
    font-family: 'Glyphicons Halflings';
    content: "\e113";
    float: right;
    color: white;
}

.panel-heading a.collapsed:after {
    content: "\e114";
}

a.collapsed::after {
    color: white
}

.anunturi .title {
    display: block;
    width: 100%;
    vertical-align: middle;
    line-height: 64px;
    padding-right: 60px;
    padding-left: 140px;
}

.anunturi img {
    height: 45pt;
    width: 45pt;
    float: left;
    margin-top: 2pt;
    margin-bottom: 3pt;
    display: block;
}

.formLabel {
    background-color: #fff;
    border: 0;
    color: #000;
    width: 100%;
    text-align: left;
    margin-top: 2pt;
}

/*-----------------FILTRE---------------*/

.aplicatii-filtru,
.echipamente-filtru,
.usb-filtru,
.alte-resurse-filtru,
.conturi-filtru,
.incidente-filtru,
.sharing-filtru,
.status_accept_filtru,
.status_asteptare-filtru,
.status_asteptare_manager-filtru,
.status_taken-filtru,
.status_refuz-filtru,
.status_finalizat-filtru,
.status_confirmat-filtru,
.status_comanda_plasata {
    background: darkgrey !important;
    border-radius: 3px !important;
    border: 2px solid darkgrey !important;
    width: 40px;
}

.aplicatii-filtru.active {
    background: #4c0099 !important;
    border: 2px solid #3f0080 !important;
}

.conturi-filtru.active {
    background: #006600 !important;
    border: 2px solid #4b5103 !important;
}

.echipamente-filtru.active {
    background: #00b33c !important;
    border: 2px solid #009a33 !important;
}

.alte-resurse-filtru.active {
    background: #3399ff !important;
    border: 2px solid #1a8cff !important;
}

.usb-filtru.active {
    background: orange !important;
    border: 2px solid darkorange !important;
}

.status_comanda_plasata.active {
    background: orange !important;
    border: 2px solid darkorange !important;
}

.status_comanda_plasata:hover {
    background: #e65d00 !important;
    border: 2px solid orange !important;
}

.incidente-filtru.active {
    background: #fa2a00 !important;
    border: 2px solid #e12600 !important;
}

.sharing-filtru.active {
    background: purple !important;
    border: 2px solid #670067 !important;
}

.status_accept_filtru.active {
    background: #FFA500 !important;
    border: 2px solid #cc8400 !important;
}

.status_asteptare-filtru.active {
    background: #2d89ef !important;
    border: 2px solid #106fd9 !important;
}

.status_asteptare_manager-filtru.active {
    background: #06eeff !important;
    border: 2px solid #0badff !important;
}

.status_taken-filtru.active {
    background: #196b19 !important;
    border: 2px solid #005b00 !important;
}

.status_refuz-filtru.active {
    background: #ff0000 !important;
    border: 2px solid #cc0000 !important;
}

.status_finalizat-filtru.active {
    background: #00d100 !important;
    border: 2px solid #009e00 !important;
}

.status_confirmat-filtru.active {
    background: #196b19 !important;
    border: 2px solid #005b00 !important;
}

@media only screen and (min-width: 768px) {
    .aplicatii-filtru:hover {
        background: #4c0099 !important;
        border: 2px solid #3f0080 !important;
    }

    .echipamente-filtru:hover {
        background: #00b33c !important;
        border: 2px solid #009a33 !important;
    }

    .conturi-filtru:hover {
        background: #006600 !important;
        border: 2px solid #4b5103 !important;
    }

    .alte-resurse-filtru:hover {
        background: #3399ff !important;
        border: 2px solid #1a8cff !important;
    }

    .usb-filtru:hover {
        background: orange !important;
        border: 2px solid darkorange !important;
    }

    .incidente-filtru:hover {
        background: #fa2a00 !important;
        border: 2px solid #e12600 !important;
    }

    .sharing-filtru:hover {
        background: purple !important;
        border: 2px solid #670067 !important;
    }

    .status_accept_filtru:hover {
        background: #FFA500 !important;
        border: 2px solid #cc8400 !important;
    }

    .status_asteptare-filtru:hover {
        background: #2d89ef !important;
        border: 2px solid #106fd9 !important;
    }

    .status_asteptare_manager-filtru:hover {
        background: #06eeff !important;
        border: 2px solid #0badff !important;
    }

    .status_taken-filtru:hover {
        background: #196b19 !important;
        border: 2px solid #005b00 !important;
    }

    .status_refuz-filtru:hover {
        background: #ff0000 !important;
        border: 2px solid #cc0000 !important;
    }

    .status_finalizat-filtru:hover {
        background: #00d100 !important;
        border: 2px solid #009e00 !important;
    }

    .status_confirmat-filtru:hover {
        background: #196b19 !important;
        border: 2px solid #005b00 !important;
    }
}

/*-----------------END FILTRE---------------*/

.reports {
    background-color: #0f42a3;
}

.datepicker-col {
    padding-right: 0px;
}

.datepicker-label {
    padding-left: 15px !important;
}

.assigned-approver-form {
    min-height: 100px;
}

.cancel-request-btn {
    padding-top: 0px;
}

.cancel-request-btn .btn-danger.b1.btn {
    margin-top: 0px;
}

input.form-control[type = "checkbox"] {
    margin-top: 7px;
}

#sla {
    margin-top: 1px !important;
}

.page-size-menu {
    min-width: 75px !important;
}

.page-size {
    min-width: 75px !important;
    margin-right: 10px;
}

.page-size button {
    background-color: #fff !important;
    background-image: url("/mambo/img/images/up_arrow-05bed595a1cbf85608165ba1a2ec88d5.png");
    background-position: 55px 11px;
    background-repeat: no-repeat;
    background-size: 12px auto;
    border-radius: 4px;
    min-width: 75px !important;
    color: #353d47 !important;
    border: 1px solid #ddd !important;
}

.page-size a {
    text-align: center;
}

ul.pagination {
    float: right;
}

#DataTables_Table_0_paginate {
    float: right;
}

.orange2 {
    background-color: #ff8000 !important;
    color: #fff;
}

.blue3 {
    background-color: #0059b3 !important;
    color: #fff;
}

.red3 {
    background-color: #993333 !important;
    color: #fff;
}

.purple3 {
    background-color: #7700b3 !important;
    color: #fff;
}

th {
    padding-left: 4px !important;
}

.green3 {
    background-color: #006600 !important;
    color: #fff;
}

.green4 {
    background-color: #2673AB;
    color: #fff;
}

.group-label {
    color: grey;
    margin-top: 5px;
}

.child-label {
    margin-left: 10px;
    font-weight: 700;
}

.dashboard-row-margin {
    margin-bottom: 10px;
}

#btn-confirm {
    background: #1e801e;
    color: #fff;
}

#btn-confirm:hover {
    background: #196b19;
    color: #fff;
    border: 1px solid #145614;
}

#requestsAPPLICATIONS_REQUEST {
    background-color: #4c0099;
}

#requestsEQUIPMENTS_REQUEST {
    background-color: #00b33c;
}

#requestsOTHER_REQUEST {
    background-color: #3399ff;
}

#requestsACCOUNT_REQUEST {
    background-color: #006600
}

#requestsSHARING_REQUEST {
    background-color: purple;
}

#requestsNEW_EMPLOYEE_ACTIVE_REQUEST {
    background-color: darkorange;
}

#requestsNEW_EMPLOYEE_LABOUR_PROTECTION_REQUEST {
    background-color: goldenrod;
}

#requestsNEW_EMPLOYEE_HR_REQUEST {
    background-color: lightsalmon;
}

#requestsNEW_EMPLOYEE_SECURITY_REQUEST {
    background-color: darkcyan;
}

#requestsNEW_EMPLOYEE_FINANCIAL_APP_REQUEST {
    background-color: royalblue;
}

.success-message{
    color: green;
    font-size: 20px;
}

.success-open-message{
    color: green;
    font-size: 15px;
}

.error-message{
    color: red;
    font-size: 20px;
}

.error-red-text {
    color: red;
}

.success-green-text {
    color: green
}


/*-----------------Blue Ticket---------------*/
.status_opened {
    color: white;
    background-color: #2d89ef;
    border-color: #2d89ef;
    min-height: 30px;
    text-align: center;
    padding: 5px;
    border-radius: 3px;
}

.status_consultant{
    color: white;
    background-color: #06eeff;
    border-color: #00efca;
    min-height: 30px;
    text-align: center;
    padding: 5px;
    border-radius: 3px;
}

.status_reopened {
    color: white;
    background-color: #ff0000;
    border-color: #D43F3A;
    min-height: 30px;
    padding: 5px;
    text-align: center;
    border-radius: 3px;
}

.status_client {
    color: white;
    background-color: #FFA500;
    border-color: #FFA500;
    min-height: 30px;
    text-align: center;
    padding: 5px;
    border-radius: 3px;
}

.status_finalized {
    color: white;
    background-color: #999969;
    border-color: #555555;
    min-height: 30px;
    padding: 5px;
    text-align: center;
    border-radius: 3px;
}

.status_created {
    color: white;
    background-color: #196b19;
    border-color: #005b00;
    min-height: 30px;
    padding: 5px;
    text-align: center;
    border-radius: 3px;
}

.status_opened_filter.active {
    background: #2d89ef !important;
    border: 2px solid #106fd9 !important;
}


.status_client_filter.active {
    background: #FFA500 !important;
    border: 2px solid #cc8400 !important;
}

.status_created_filter.active {
    background: #196b19 !important;
    border: 2px solid #005b00 !important;
}

.status_reopened_filter.active {
    background: #ff0000 !important;
    border: 2px solid #cc0000 !important;
}

.status_finalized_filter.active {
    background: #999969 !important;
    border: 2px solid #555555 !important;
}

.status_consultant_filter.active {
    background: #06eeff !important;
    border: 2px solid #00efca !important;
}

.status_created_filter,
.status_client_filter,
.status_reopened_filter,
.status_opened_filter,
.status_finalized_filter,
.status_consultant_filter {
    background: darkgrey !important;
    border-radius: 3px !important;
    border: 2px solid darkgrey !important;
    width: 40px;
}


@media only screen and (min-width: 768px) {
    .status_client_filter:hover {
        background: #FFA500 !important;
        border: 2px solid #cc8400 !important;
    }

    .status_opened_filter:hover {
        background: #2d89ef !important;
        border: 2px solid #106fd9 !important;
    }

    .status_finalized_filter:hover {
        background: #999969 !important;
        border: 2px solid #555555 !important;
    }

    .status_reopened_filter:hover {
        background: #ff0000 !important;
        border: 2px solid #cc0000 !important;
    }

    .status_consultant_filter:hover {
        background: #06eeff !important;
        border: 2px solid #00efca !important;
    }

    .status_created_filter:hover {
        background: #196b19 !important;
        border: 2px solid #005b00 !important;
    }
}

/*-----------------END Blue Ticket---------------*/
.margin-left-10 {
    margin-left: 10px;
}

@media (min-width: 1200px) {

    .modal.side-body-modal .modal-dialog {
        width: 1000px;
    }

    .modal.side-body-modal .modal-content {
        margin-left: 29px;
        margin-right: -15px;
    }
}

/* consumabile */

.consumable-status-REJECTED {
    color: white;
    background: #ff0000 !important;
    border: 2px solid #cc0000 !important;
    min-height: 30px;
    padding: 5px;
    text-align: center;
    border-radius: 3px !important;
}

div.consumable-icon-status-REJECTED:before {
    content: "\f00d"; /* fa-times [] */
    color: white;
}

.tooltip.tooltip-REJECTED .arrow:before {
    border-top-color: #f00;
}
.tooltip.tooltip-REJECTED > .tooltip-inner {
    background-color: #ff0000;
    opacity: 1;
    min-width: 70pt;
}

.consumable-status-RESOLVED {
    color: white;
    background: #196b19 !important;
    border: 2px solid #135313 !important;
    min-height: 30px;
    padding: 5px;
    text-align: center;
    border-radius: 3px !important;
}

div.consumable-icon-status-RESOLVED:before {
    content: "\f00c"; /* fa-check [] */
    color: white;
}

.tooltip.tooltip-RESOLVED .arrow:before {
    border-top-color: #196b19;
}
.tooltip.tooltip-RESOLVED > .tooltip-inner {
    background-color: #196b19;
    opacity: 1;
    min-width: 70pt;
}


.consumable-status-CANCELED {
    color: white;
    background: #999999 !important;
    border: 2px solid #808080 !important;
    min-height: 30px;
    padding: 5px;
    text-align: center;
    border-radius: 3px !important;
}

div.consumable-icon-status-CANCELED:before {
    content: "\f00d"; /* fa-times [] */
    color: white;
}

span.tooltip-CANCELED + .tooltip.top .tooltip-inner {
    background-color: #999999;
    opacity: 1;
    min-width: 70pt;
}

span.tooltip-CANCELED + .tooltip.top .tooltip-arrow {
    border-top-color: #999999;
}


.consumable-status-IN_PROGRESS {
    color: white;
    background: #2d89ef !important;
    border: 2px solid #4169e1 !important;
    min-height: 30px;
    text-align: center;
    padding: 5px;
    border-radius: 3px !important;;
}


div.consumable-icon-status-IN_PROGRESS:before {
    content: "\f110"; /* fa-spinner [] */
    color: white;
}

span.tooltip-IN_PROGRESS + .tooltip.top .tooltip-inner {
    background-color: #2d89ef;
    opacity: 1;
    min-width: 70pt;
}

span.tooltip-IN_PROGRESS + .tooltip.top .tooltip-arrow {
    border-top-color: #2d89ef;
}

.consumable-status-ON_HOLD {
    color: white;
    background: #2d89ef !important;
    border: 2px solid #4169e1 !important;
    min-height: 30px;
    text-align: center;
    padding: 5px;
    border-radius: 3px !important;;
}

div.consumable-icon-status-ON_HOLD:before {
    content: "\f017"; /* fa-clock*/
    color: white;
}

.tooltip.tooltip-ON_HOLD > .tooltip-inner {
    background-color: #2d89ef;
    opacity: 1;
    min-width: 70pt;
}

.tooltip.tooltip-ON_HOLD .arrow:before {
    border-top-color: #2d89ef;
}


.consumable-status-REQUEST_CLARIFICATION {
    color: white;
    background: #2d89ef;
    border: 2px solid #00b3b3 !important;
    min-height: 30px;
    text-align: center;
    padding: 5px;
    border-radius: 3px !important;
}


div.consumable-icon-status-REQUEST_CLARIFICATION:before {
    content: "\f128"; /* fa-question  */
    color: white;
}

.tooltip.tooltip-REQUEST_CLARIFICATION > .tooltip-inner {
    background-color: #2d89ef;
    opacity: 1;
    min-width: 70pt;
}

.tooltip.tooltip-REQUEST_CLARIFICATION .arrow:before {
    border-top-color: #2d89ef;
}

.consumable-status-NEW {
    color: white;
    background: #00e6e6 !important;
    border: 2px solid #00b3b3 !important;
    min-height: 30px;
    text-align: center;
    padding: 5px;
    border-radius: 3px !important;
}

.consumable-icon {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    text-align: center;
}

div.consumable-icon-status-NEW:before {
    content: "\f1d9"; /* fa-send-o (alias) [] */
    color: white;
}

span.tooltip-NEW + .tooltip.top .tooltip-inner {
    background-color: #00e6e6;
    opacity: 1;
    min-width: 70pt;
}

.consumables-request-MINE {
    background-color: #392061;
}

.consumables-request-ASSIGNED {
    background-color: #577590;
}

.consumables-request-UNASSIGNED {
    background-color: #403D58;
}

.consumables-request-ALL{
    background-color: #F2A541 ;
}

.consumables-hidden-quantity {
    visibility:hidden;
    position:absolute;
}

.consumables-input-quantity {
    margin-top:2px;
    margin-left:-1px;
}

.consumables-input-quantity-disabled {
    pointer-events:none;
    background-color: lightgrey
}

.consumables-div-color {
    width:90px;
    height:15px;
    padding:15px;
    margin-right:5px;
    position: relative;
}

.consumables-div-text-color {
    color:black;
    font-weight:bold;
    height:15px;
    text-align:center;
}

.center-color-text{
    position: absolute;
    bottom: calc(80% - 15px);
    width: 65%;
    text-align: center
}

.consumables-div-text-white {
    color:antiquewhite;
    font-weight:bold;
    height:15px;
    text-align:center;
}

.padding-bottom-0{
    padding-bottom: 0;
}

.padding-top-0{
    padding-top: 0 !important;
}

.purple4 {
    background-color: #392061 !important;
    color: #fff;
}

.flat-blue .card.blue4 {
    background-color: #577590;
    color: white;
}

.flat-blue .card.summary-inline.blue4:hover {
    background-color: #577590;
}

.flat-blue .card.coral {
    background-color: #F2A541;
    color: white;
}

.flat-blue .card.summary-inline.coral:hover {
    background-color: #F2A541;
}

.flat-blue .card.mandarin {
    background-color: #403D58;
    color: white;
}

.flat-blue .card.summary-inline.mandarin:hover {
    background-color: #403D58;
}

.align-list-header{
    padding-top: 8px;
    padding-left: 6px;
}

.cursor-pointer{
    cursor: pointer;
}

.padding-top-10{
    padding-top: 10px;
}

.card-fixed-height {
    height: 150px;
}

.margin-bottom-10{
    margin-bottom: 10px;
}

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

.padding-right-0{
    padding-right: 0;
}

.padding-right-10 {
    padding-right: 10px;
}

.padding-right-15 {
    padding-right: 15px;
}

.padding-left-20{
    padding-left: 20px;
}

.padding-left-12 {
    padding-left: 12px;
}

.coral{
    background-color: #F2A541;
    color: white;
}

.flat-blue .card.light-green {
    background-color: #33ca36;
}

.flat-blue .card.summary-inline.light-green:hover {
    background-color: #33ca36;
}

.padding_0 {
    padding:0px;
}

.pull-right {
@extend .float-right;
}
.pull-left {
@extend .float-left;
}

.card-header {
    padding: inherit;
    background-color: white;
}

.col-form-label {
    padding-top: 7px;
    text-align: right;
    font-weight: 700;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
    padding: 7px 0px 7px 15px;
    height: 52px;
    vertical-align: center;
}

.panel-group{
    margin-top: 15px;
    margin-bottom: 15px;
}

.panel-body{
    margin-top: 15px;
    margin-left: 15px;
}

.table {
    font-size: medium;
}

.margin-right-0 {
    margin-right: 0;
}

.align-items-inherit {
    align-items: inherit;
}

.float-left {
    float: left;
}

.full-display-table {
    display: table;
    width: 100%;
}

.table-container {
    display: table-cell;
    padding-left: 1em;
    line-height: 100%;
    vertical-align: middle;
    height: 100%;
}

.table-container span {
    display: inline-block;
}

.styled-select .page-link {
    color: #212529;
}
.styled-select select {
    border-color: #EAEAEA;
    border-radius: 0;
    background-color: white;
}

.page-item.active .page-link {
    background-color: #353d47 !important;
    border-color: #353d47 !important;
}

.dropdownSelect:focus, .dropdownSelect:active, .dropdownSelect:hover {
    outline: none;
    border: 1px solid #EAEAEA;
    box-shadow: 0 0 10px #EAEAEA;
    background-color: white;
}

:focus {
    outline: none !important;
}

::-moz-focus-inner {
    border: 0 !important;
}

#pageSizeSelect {
    width: 75px;
}

[data-toggle="buttons"] > .btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.display-block {
    display: block;
}

a[aria-expanded="true"] {
    background: transparent;
}

.upload-file {
    color: #6D6B6B;
    border-radius: .25rem;
    box-shadow: none;
    border: 1px solid #ced4da;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    height: calc(1.5em + .75rem + 2px);
    background-color: rgb(233, 236, 239);
}

.border-top-none {
    border-top: unset !important;
}

label {
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
}

.nav-pills .nav-link-styled.active {
    color: #363c46;
    background-color: #e1e2e2;
}

.panel-group .panel-footer {
    border-top: 0;
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.btn[disabled] {
    cursor: not-allowed;
    box-shadow: none;
}

.form-control[disabled] {
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1;
}

.overflow-x-hidden {
    overflow-x: hidden !important;
}

.tooltip-inner {
    max-width: 350px;
}

/* -- contracts -- */

.contract-icon {
    display: inline-block;
    font: normal normal normal 12px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    text-align: center;
    width:10px;
}


/* --contracts created status -- */
div.contract-icon-status-CREATED:before {
    content: "\f1d9"; /* fa-send-o */
    color: white;
}

div.contract-icon-status-CREATED{
    content: "\f1d9"; /* fa-send-o */
    color: white;
}

.contract-status-CREATED, .contract-filter-status-CREATED.active {
    color: white;
    background: #00e6e6 !important;
    border: 2px solid #00b3b3 !important;
    min-height: 30px;
    text-align: center;
    padding: 5px;
    border-radius: 3px !important;
}


/* --contracts sent to validation status -- */
div.contract-icon-status-SENT_TO_VALIDATION:before {
    content: "\f110"; /* fa-spinner */
    color: white;
}

div.contract-icon-status-SENT_TO_VALIDATION{
    content: "\f110"; /* fa-spinner */
    color: white;
}

.contract-status-SENT_TO_VALIDATION, .contract-filter-status-SENT_TO_VALIDATION.active {
    color: white;
    background: #2d89ef !important;
    border: 2px solid #4169e1 !important;
    min-height: 30px;
    text-align: center;
    padding: 5px;
    border-radius: 3px !important;
}


/* --contracts rejected status -- */
div.contract-icon-status-REJECTED:before {
    content: "\f00d"; /* fa-times */
    color: white;
}

div.contract-icon-status-REJECTED {
    content: "\f00d"; /* fa-times */
    color: white;
}

.contract-status-REJECTED, .contract-filter-status-REJECTED.active {
    color: white;
    background:  #ff0000 !important;
    border: 2px solid #cc0000 !important;
    min-height: 30px;
    text-align: center;
    padding: 5px;
    border-radius: 3px !important;
}


/* --contracts completed status -- */
div.contract-icon-status-COMPLETED:before {
    content: "\f00c"; /* fa-check */
    color: white;
}

div.contract-icon-status-COMPLETED {
    content: "\f00c"; /* fa-check */
    color: white;
}

.contract-status-COMPLETED, .contract-filter-status-COMPLETED.active {
    color: white;
    background:  #196b19 !important;
    border: 2px solid #135313 !important;
    min-height: 30px;
    text-align: center;
    padding: 5px;
    border-radius: 3px !important;
}


.contract_status_CREATED_filter,
.contract_status_SENT_TO_VALIDATION_filter,
.contract_status_REJECTED_filter,
.contract_status_COMPLETED_filter {
    background: darkgrey !important;
    border-radius: 3px !important;
    border: 2px solid darkgrey !important;
    width: 40px;
}

.contract_status_CREATED_filter.active {
    background: #00e6e6 !important;
    border: 2px solid #00b3b3  !important;
}

.contract_status_SENT_TO_VALIDATION_filter.active {
    background: #2d89ef !important;
    border: 2px solid #106fd9 !important;
}

.contract_status_REJECTED_filter.active {
    background: #ff0000 !important;
    border: 2px solid #cc0000 !important;
}

.contract_status_COMPLETED_filter.active {
    background: #196b19 !important;
    border: 2px solid #135313 !important;
}

.max-width-none {
    max-width: none;
}

@media (max-width: 767px) {
    .navbar-padding-top {
        padding-top: 3.75rem;
    }
}

.width-130 {
    width: 130px;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-right: 4px solid transparent;
    border-left: 16px solid transparent;
}

.btn .caret {
    margin-left: 3px;
}

.multiselect-container>li>a>label {
    padding: 3px 20px 3px 20px;
}

button.multiselect.dropdown-toggle.btn.btn-default {
    padding-left: 0;
    padding-right: 6px;
    border: 1px solid #ccc;
}