﻿/*body {
    padding-top: 50px;
    padding-bottom: 20px;
}*/

/* Set padding to keep content from hitting the edges */
/*.body-content {
    padding-left: 15px;
    padding-right: 15px;
}*/

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
/*.dl-horizontal dt {
    white-space: normal;
}*/

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/

.resize-vertical {
    resize: vertical;
}

.resize-horizontal {
    resize: horizontal;
}

.cursor-pointer {
    cursor: pointer;
}

#userNoImage {
    font-size: 20px;
}

a.new {
    margin-bottom: 12px;
}

.form-item-space {
    margin-bottom: 15px;
}

.form-highlight {
    background-color: #f6f6f6;
    padding: 20px;
}

span.form-control {
    height: auto;
    min-height: 34px;
}

.todo-tasklist-item-text {
    /*white-space: nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 50px;
}

.todo-tasklist-item-border-grey {
    border-left: #808080 2px solid;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .time {
    max-width: 125px !important;
}


.feeds li .col1 > .cont {
    margin-right: 150px;
}

.feeds li .col2 {
    width: 150px;
    margin-left: -150px;
}

/*Form*/
tr.showin {
    cursor: pointer;
}

tr.editing {
    background: #f6f6f6;
}


/****************************************************************************************************************************
    SlimScroll
***********************************************************************************************************************************/

.scroll {
    padding-right: 12px;
}

/****************************************************************************************************************************
    VALIDAÇÂO DOS CAMPOS
***********************************************************************************************************************************/

.field-validation-error {
    background: #D70505;
    padding: 1px 8px;
    /*position: absolute;*/
    color: #fff;
    z-index: 10;
    margin-top: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 2px solid #D70505;
}

    .field-validation-error:after, .field-validation-error:before {
        /*bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;*/
    }

    .field-validation-error:after {
        /*border-color: rgba(215, 5, 5, 0);
        border-bottom-color: #d70505;
        border-width: 5px;
        margin-left: -5px;*/
    }

    .field-validation-error:before {
        /*border-color: rgba(215, 5, 5, 0);
        border-bottom-color: #D70505;
        border-width: 8px;
        margin-left: -8px;*/
    }


/****************************************************************************************************************************
    Portlet
*****************************************************************************************************************************/
.portlet.box.green {
    border-top: 1px solid #30d0c1;
}

.portlet.box.red {
    border-top: 1px solid #d78184;
}

.portlet.box.red-pink {
    border-top: 1px solid #eaabac;
}

.portlet.box.red-sunglo {
    border-top: 1px solid #ea9595;
}

.portlet.box.red-thunderbird {
    border-top: 1px solid #e9403b;
}

.portlet.box.red-flamingo {
    border-top: 1px solid #f37365;
}

.portlet.box.red-soft {
    border-top: 1px solid #db7c7c;
}

.portlet.box.red-haze {
    border-top: 1px solid #f6958a;
}

.portlet.light.admin .portlet-body {
    padding: 8px 20px 0 20px;
}

.portlet.light.admin {
    padding: 12px 0 0 0;
}

    .portlet.light.admin .table-responsive {
        padding: 10px;
    }

    .portlet.light.admin .table-toolbar {
        padding-left: 10px;
        padding-right: 10px;
    }


.portlet.light .form .form-actions {
    background-color: #f5f5f5;
}

/****************************************************************************************************************************
    Multiselect
*****************************************************************************************************************************/
.ms-container {
    width: 100% !important;
}


/****************************************************************************************************************************
    Hidden file input
*****************************************************************************************************************************/
.inputWrapper {
    /*height: 32px;
            width: 64px;*/
    overflow: hidden;
    position: relative;
    cursor: pointer;
    /*Using a background color, but you can use a background image to represent a button*/
    /*background-color: #DDF;*/
}

.fileInput {
    cursor: pointer;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99;
    /*This makes the button huge. If you want a bigger button, increase the font size*/
    font-size: 50px;
    /*Opacity settings for all browsers*/
    opacity: 0;
    -moz-opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}


/****************************************************************************************************************************
    File Input
*****************************************************************************************************************************/

#files, #files-internal {
}

    #files span, #files-internal span {
        display: block;
        margin: 2px;
    }

    #files i, #files-internal i {
        margin-right: 10px;
    }

    #files button, #files-internal button {
        margin-left: 10px;
    }

span.files, div.progress {
    margin-top: 3px;
    margin-bottom: 3px;
}

#divTicketTable table thead tr {
    background: #3c98d2;
    color: #fff;
}

#ticketTable.table-striped > tbody > tr:nth-of-type(2n+1) {
    background: #F0F0F0;
}

#ticketTable.table-striped tbody tr.atrasado {
    background: #FFE7E8;
}

.table-bordered > tbody > tr.atrasado > td {
    border: 1px solid #FDDADA;
}

#ticketTable.table-striped tbody tr td.atrasado {
    border-left: solid 5px #ea9595;
}

div.dataTables_wrapper div.dataTables_info {
    float: left;
    padding-top: 8px;
    white-space: nowrap;
}

/*Alinhamento vertical para todas as colunas de todas tabelas.*/
table.table tbody tr td, table.table thead tr th {
    vertical-align: middle;
}

/*
    REGISTRAR SOLICITAÇÂO
*/

.comment-text {
    position: relative;
}


.col-md-margin {
    margin-bottom: 15px;
}


.myTickets.page-header-fixed .page-container {
    margin-top: 0 !important;
}

.myTickets .logo {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

    .myTickets .logo img {
        max-height: 46px;
    }
