/* Author: AdminDesigns.com
 * Last Updated: 02/01/14 
 * Copyright 2014 Admin Designs
=================================================
 * This file is reserved for changes made by 
 * the user. It's often times a good idea to 
 * seperate your changes from the themes core.
 * It makes modifications, and future theme
 * updates much easier to apply.
================================================= */
/* These styles have been placed here for as 
 * they have a high chance of needing to be
 * changed if one decides to modify the header
-----------------------------------------------*/
/* Header button states - text colors */
.navbar-menus > div > button:focus {
    color: #666;
}

.navbar-menus > div > button:hover {
    color: #333;
}

/* Place your custom styles or styles which 
 * have been generated with the customization 
 * tool below this line. 
-----------------------------------------------*/


.form-control.simple {
    box-shadow: none;
    border-radius: 0;
    border-color: #DDD;
    height: 100%;
    min-height: 34px;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
}


/* Input Focus */
.form-control.simple:focus {
    border-color: #a0ce4e;
    border-bottom-width: 2px;
    box-shadow: none;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
}

.has-warning .form-control.simple {
    border-color: #ffcf5a;
    border-bottom-width: 1px;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none
}

    .has-warning .form-control.simple:focus {
        border-color: #ffcf5a;
        border-bottom-width: 2px;
        border-top-style: none;
        border-right-style: none;
        border-left-style: none
    }

.has-success .form-control.simple {
    border-color: #a0d65a;
    border-bottom-width: 1px;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none
}

    .has-success .form-control.simple:focus {
        border-color: #a0d65a;
        border-bottom-width: 2px;
        border-top-style: none;
        border-right-style: none;
        border-left-style: none
    }

.has-error .form-control.simple {
    border-color: #ff745a;
    border-bottom-width: 1px;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none
}

    .has-error .form-control.simple:focus {
        border-color: #ff745a;
        border-bottom-width: 2px;
        border-top-style: none;
        border-right-style: none;
        border-left-style: none
    }

.form-control.simple.has-error {
    border-color: #ff745a;
    border-bottom-width: 2px;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none
}

    .form-control.simple.has-error:focus {
        border-color: #ff745a;
        border-bottom-width: 2px;
        border-top-style: none;
        border-right-style: none;
        border-left-style: none
    }

.form-control.simple {
    box-shadow: none;
    border-radius: 0;
    border-color: #DDD;
    height: 100%;
    min-height: 34px;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
}




/* Input Focus */
.form-control.limpo:focus {
        border-color: #a0ce4e;
        border-bottom-width: 2px;
        box-shadow: none;
        border-top-style: none;
        border-right-style: none;
        border-left-style: none;
    }

.has-warning .form-control.limpo {
    border-color: #ffcf5a;
    border-bottom-width: 1px;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none
}

    .has-warning .form-control.limpo:focus {
        border-color: #ffcf5a;
        border-bottom-width: 2px;
        border-top-style: none;
        border-right-style: none;
        border-left-style: none
    }

.has-success .form-control.limpo {
    border-color: #a0d65a;
    border-bottom-width: 1px;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none
}

    .has-success .form-control.limpo:focus {
        border-color: #a0d65a;
        border-bottom-width: 2px;
        border-top-style: none;
        border-right-style: none;
        border-left-style: none
    }

.has-error .form-control.limpo {
    border-color: #ff745a;
    border-bottom-width: 1px;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none
}

    .has-error .form-control.limpo:focus {
        border-color: #ff745a;
        border-bottom-width: 2px;
        border-top-style: none;
        border-right-style: none;
        border-left-style: none
    }

.form-control.limpo.has-error {
    border-color: #ff745a;
    border-bottom-width: 2px;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none
}

    .form-control.limpo.has-error:focus {
        border-color: #ff745a;
        border-bottom-width: 2px;
        border-top-style: none;
        border-right-style: none;
        border-left-style: none
    }





.form-control.print {
    box-shadow: none;
    border-radius: 0;
    border-color: #DDD;
    height: 100%;
    min-height: 34px;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    background-color: #f9f9f9;
}


/* Input Focus */
.form-control.print:focus {
    border-color: #a0ce4e;
    border-bottom-width: 1px;
    box-shadow: none;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    background-color: #f9f9f9;
}

.has-warning .form-control.print {
    border-color: #ffcf5a;
    border-bottom-width: 1px;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    background-color: #f9f9f9;
}

    .has-warning .form-control.print:focus {
        border-color: #ffcf5a;
        border-bottom-width: 1px;
        border-top-style: none;
        border-right-style: none;
        border-left-style: none;
        background-color: #f9f9f9;
    }

.has-success .form-control.print {
    border-color: #a0d65a;
    border-bottom-width: 1px;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    background-color: #f9f9f9;
}

    .has-success .form-control.print:focus {
        border-color: #a0d65a;
        border-bottom-width: 1px;
        border-top-style: none;
        border-right-style: none;
        border-left-style: none;
        background-color: #f9f9f9;
    }

.has-error .form-control.print {
    border-color: #ff745a;
    border-bottom-width: 1px;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    background-color: #f9f9f9;
}

    .has-error .form-control.print:focus {
        border-color: #ff745a;
        border-bottom-width: 1px;
        border-top-style: none;
        border-right-style: none;
        border-left-style: none;
        background-color: #f9f9f9;
    }

.form-control.print.has-error {
    border-color: #ff745a;
    border-bottom-width: 1px;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    background-color: #f9f9f9;
}

    .form-control.print.has-error:focus {
        border-color: #ff745a;
        border-bottom-width: 1px;
        border-top-style: none;
        border-right-style: none;
        border-left-style: none;
        background-color: #f9f9f9;
    }


.form-control.print-branco {
    box-shadow: none;
    border-radius: 0;
    border-color: #DDD;
    height: 100%;
    min-height: 34px;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    background-color: transparent;
}


    /* Input Focus */
    .form-control.print-branco:focus {
        border-color: #a0ce4e;
        border-bottom-width: 1px;
        box-shadow: none;
        border-top-style: none;
        border-right-style: none;
        border-left-style: none;
        background-color: transparent;
    }

.has-warning .form-control.print-branco {
    border-color: #ffcf5a;
    border-bottom-width: 1px;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    background-color: transparent;
}

    .has-warning .form-control.print-branco:focus {
        border-color: #ffcf5a;
        border-bottom-width: 1px;
        border-top-style: none;
        border-right-style: none;
        border-left-style: none;
        background-color: transparent;
    }

.has-success .form-control.print-branco {
    border-color: #a0d65a;
    border-bottom-width: 1px;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    background-color: transparent;
}

    .has-success .form-control.print-branco:focus {
        border-color: #a0d65a;
        border-bottom-width: 1px;
        border-top-style: none;
        border-right-style: none;
        border-left-style: none;
        background-color: transparent;
    }

.has-error .form-control.print-branco {
    border-color: #ff745a;
    border-bottom-width: 1px;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    background-color: transparent;
}

    .has-error .form-control.print-branco:focus {
        border-color: #ff745a;
        border-bottom-width: 1px;
        border-top-style: none;
        border-right-style: none;
        border-left-style: none;
        background-color: transparent;
    }

.form-control.print-branco.has-error {
    border-color: #ff745a;
    border-bottom-width: 1px;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    background-color: transparent;
}

    .form-control.print-branco.has-error:focus {
        border-color: #ff745a;
        border-bottom-width: 1px;
        border-top-style: none;
        border-right-style: none;
        border-left-style: none;
        background-color: transparent;
    }


.inlineBlock {
    display: inline-block;
}


.timeline {
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

#timeline:after {
    position: absolute;
    top: 0;
    left: 50%;
    width: 4px;
    margin-left: -2px;
    height: 100%;
    content: "";
    background: none;
}

.li {
    transition: all 200ms ease-in;
}

.timestamp {
    margin-bottom: 20px;
    padding: 0px 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: 100;
}

.status {
    padding: 0px 40px;
    display: flex;
    justify-content: center;
    border-top: 2px solid #D6DCE0;
    position: relative;
    transition: all 200ms ease-in;
}

    .status h4 {
        padding-top: 15px;
        height: 30px;
        font-weight: 300;
    }

    .status:before {
        content: "";
        width: 25px;
        height: 25px;
        background-color: white;
        border-radius: 25px;
        border: 1px solid #ddd;
        position: absolute;
        top: -15px;
        left: 42%;
        transition: all 200ms ease-in;
    }

.li.complete .status {
    border-top: 2px solid #a0ce4e;
}

    .li.complete .status:before {
        background-color: #a0ce4e;
        border: none;
        transition: all 200ms ease-in;
    }

    .li.complete .status h4 {
        color: #a0ce4e;
    }

.li.selected .status h4 {
    font-weight: 600;
}


.bt-branco {
    background-color: white !important;
    color: #a0ce4e;
    border: 1px solid #a0ce4e;
}

    .bt-branco:hover {
        background-color: #f9ffef !important;
        color: #a0ce4e;
        border: 1px solid #a0ce4e;
    }

    .bt-branco:focus, .bt-branco:active:focus, .bt-branco.active:focus {
        background-color: #f9ffef !important;
        color: #a0ce4e;
        border: 1px solid #a0ce4e;
    }


.bt-red {
    background-color: #a94442 !important;
    color: #ffffff;
    border: 1px solid #a94442;
}

    .bt-red:hover {
        background-color: #a94442 !important;
        color: #ffffff;
        border: 1px solid #a94442;
    }

    .bt-red:focus, .bt-red:active:focus, .bt-red.active:focus {
        background-color: #a94442 !important;
        color: #ffffff;
        border: 1px solid #a94442;
    }

.bt-red-branco {
    background-color: white !important;
    color: #a94442;
    border: 1px solid #a94442;
}

    .bt-red-branco:hover {
        background-color: #f2dede !important;
        color: #a94442;
        border: 1px solid #a94442;
    }

    .bt-red-branco:focus, .bt-red-branco:active:focus, .bt-red-branco.active:focus {
        background-color: #f2dede !important;
        color: #a94442;
        border: 1px solid #a94442;
    }



.showMobile {
    display: none;
}

@media (max-width: 540px) {
    .showMobile {
        display: block;
    }
}

@media (max-width: 640px) {
    .timeline {
        list-style-type: none;
        display: none;
    }

    .li {
        transition: all 200ms ease-in;
        display: flex;
        width: inherit;
    }

    .timestamp {
        width: 250px;
    }

    .status:before {
        left: -8%;
        top: 30%;
        transition: all 200ms ease-in;
    }

    .status {
        width: 250px;
    }

    .showMobile {
        display: block;
    }
   
}



@media (max-width: 720px) {
    .hideMobile {
        display: none;
    }

    .hideMobileBorder {
        border: 0px;
    }

}


@media (min-width: 768px) {
    .modal-xl {
        width: 90%;
        max-width: 1200px;
    }
}