/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 5/dez/2016, 16:11:09
    Author     : Bruno Raro
*/
body{
    display: block ;
}

.bold {
    font-weight: bold;
}

.cursor-pointer {
    cursor: pointer;
}

.modal-xl {
    width: 90%;
}

.modal-scroll {
    max-height: calc(100vh - 245px);
    overflow-y: auto;
}

/************************* MARGINS ******************************************/
.mr-5 {
    margin-right: 5px;
}

.mr-10 {
    margin-right: 10px;
}

/************************* PADDING ******************************************/
.pt-0 {
    padding-top: 0 !important;
}

/************************* DATATABLE ******************************************/
table.dataTable tr td {
    vertical-align: middle;
}

table.dataTable tr td.cell_validacao, table.dataTable tr td.cell_aplicabilidade {
    min-width: 100px;
}

table.dataTable tbody tr td.dt-nowrap {
    white-space: nowrap;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child::before {
    background-color: #1ab394;
    text-align: center;
    text-indent: 0px;
}

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary.focus:active,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover {
    background-color: #18a689;
    border-color: #18a689;
    color: #FFFFFF;
}

.btn-primary:focus,
.btn-primary.focus {
    color: #18a689;
    background-color: #fff;
    border-color: #18a689;
}

.btn-primary:hover {
    background-color: #18a689;
    border-color: #18a689;
    color: #FFFFFF;
}

.animated-bell {
    animation: 2s ease 1s normal none 5 running ringing;
    display: inline-block;
    transform-origin: 50% 0 0;
}

@keyframes ringing {
    2% {
        transform: rotate(15deg);
    }
    4% {
        transform: rotate(-18deg);
    }
    6% {
        transform: rotate(18deg);
    }
    8% {
        transform: rotate(-22deg);
    }
    10% {
        transform: rotate(22deg);
    }
    12% {
        transform: rotate(-18deg);
    }
    14% {
        transform: rotate(18deg);
    }
    16% {
        transform: rotate(-12deg);
    }
    18% {
        transform: rotate(12deg);
    }
    20% {
        transform: rotate(0deg);
    }
}

.shakeme:hover {
    animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}

[data-spy="affix"] {
    text-align: right;
}

.affix-top {
    margin-top: 30px;
    margin-right: 5px;
}

.affix {
    top: 65px;
    right: 30px;
    width: 100%;
    z-index: 2029; /* behind dropdown */
}

.ui-draggable .ibox-title {
    cursor: inherit;
}

.nav > li.disabled > a {
    color: #A7B1C2; /* cinza claro */
}

/* button datatable collapse */
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
  background-color: #18a689;
}
table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before {
  background-color: #18a689;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
  background-color: #999c9e;
}
table.dataTable.dtr-column > tbody > tr.parent td.control:before,
table.dataTable.dtr-column > tbody > tr.parent th.control:before {
  background-color: #999c9e;
}

.marker {
    background: #ff0;
    padding: .2em;
}

.input-xs {
  height: 22px;
  padding: 2px 5px;
  font-size: 12px;
  line-height: 1.5; /* If Placeholder of the input is moved up, rem/modify this. */
  border-radius: 3px;
}

/* BOUNCE EFFECT */
.fa-bounce {
    display: inline-block;
    position: relative;
    -moz-animation: bounce 1s infinite linear;
    -o-animation: bounce 1s infinite linear;
    -webkit-animation: bounce 1s infinite linear;
    animation: bounce 1s infinite linear;
}

@-webkit-keyframes bounce {
    0% {
        top: 0;
    }
    50% {
        top: -0.2em;
    }
    70% {
        top: -0.3em;
    }
    100% {
        top: 0;
    }
}

@-moz-keyframes bounce {
    0% {
        top: 0;
    }
    50% {
        top: -0.2em;
    }
    70% {
        top: -0.3em;
    }
    100% {
        top: 0;
    }
}

@-o-keyframes bounce {
    0% {
        top: 0;
    }
    50% {
        top: -0.2em;
    }
    70% {
        top: -0.3em;
    }
    100% {
        top: 0;
    }
}

@-ms-keyframes bounce {
    0% {
        top: 0;
    }
    50% {
        top: -0.2em;
    }
    70% {
        top: -0.3em;
    }
    100% {
        top: 0;
    }
}

@keyframes bounce {
    0% {
        top: 0;
    }
    50% {
        top: -0.2em;
    }
    70% {
        top: -0.3em;
    }
    100% {
        top: 0;
    }
}