.link-pretty{
    font-weight: bold;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    background: transparent;
    border: none;
    border-radius: 2px;
    color: rgb(0,0,0);
    display: block;
    position: relative;
    height: 56px;
    min-width: 64px;
    padding: 0 8px;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0;
    overflow: hidden;
    will-change: box-shadow, transform;
    -webkit-transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    outline: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    line-height: 26px;
    vertical-align: middle;
}
a:hover{
    text-decoration: none !important;
}

.table{
    /*margin: 40px 0 40px 0;*/
}
.table .fa{
    font-size: 16px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    display: initial!important;
    padding: 0;
}

/**----------------------------------------**/
/**---------- Progress bar    -------------**/
/**----------------------------------------**/
progress{
    position: absolute;
    top: 0;
    width: 100%;
    height: 6px;
    z-index: 100000;

    border:0;
}
progress::-webkit-progress-bar{
    background: rgba(25,118,210,1);
}
progress::-webkit-progress-value{
    background: white;
}


/*******************************
* MODAL AS LEFT/RIGHT SIDEBAR
* Add "left" or "right" in modal parent div, after class="modal".
* Get free snippets on bootpen.com
*******************************/
.modal-dialog{
   z-index:1500;
}
.modal.left .modal-dialog,
.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 320px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content,
.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
}

.modal.left .modal-body,
.modal.right .modal-body {
    padding: 15px 15px 80px;
}

/*Left*/
.modal.left.fade .modal-dialog{
    left: -320px;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.in .modal-dialog{
    left: 0;
}

/*Right*/
.modal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in .modal-dialog {
    right: 0;
}

/* ----- MODAL STYLE ----- */
.modal-content {
    border-radius: 0;
    border: none;
}

.modal-header {
    border-bottom-color: #EEEEEE;
    /*background-color: #FAFAFA;*/
    background-color:#FFEB3B;
}
.modal-header .modal-title{width:90%}
.modal-header .close{position: absolute; right: 10px; top: 10px;}

    /************************************/
   /************************************/
  /****** CSS DO BTN QUE FLUTUA *******/
 /************************************/
/************************************/


.btn-float-right{
    position: fixed;
    z-index: 999;
    background-color: #FFEB3B;
    cursor: pointer;
    border-radius: 5px 0 0 5px;
    right: 0;
    width: 56px;
}

/**************************/
/*.inicialnome {
    background: #0277BD;
    border-radius: 50px;
    padding: 6px;
    height: 30px;
    width: 30px;
    color: #eeeeee;
    font-weight: bold;
    cursor: help;
    margin: 0 auto;
}*/
.inicialnome {
    background: #d8d8d8;
    padding:0.3rem;
    font-weight: bold;
}

/*Classe Geral para englobar os conteúdos 
e poder expandi-los quando o sidebar for ocultado */
.space-org{
    padding-left:13vw;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

@media(max-width:768px) {
  .space-org{    padding-left:16vw;}
}

/*Iframe em Alerts*/
iframe.note-video-clip{display:block; width:100%;}

/*Cores de botão*/
/* Nova cor - Roxo/Lilás */
.btn-purple { color: #fff;    background-color: #7d3c98;    border-color: #6c3483;}
/* Azul-esverdeado */
.btn-teal { color: #fff;    background-color: #20c997;    border-color: #1ea87a;}
/* Coral */
.btn-coral { color: #fff;    background-color: #ff6b6b;    border-color: #e65a5a;}
/* Dourado */
.btn-gold { color: #fff;    background-color: #d4af37;    border-color: #b38e22;}
/* Lavanda */
.btn-lavender { color: #fff;    background-color: #c8a2c8;    border-color: #b48bb4;}
.btn-purple:hover, .btn-teal:hover, .btn-teal:hover, .btn-coral:hover, .btn-gold:hover, .btn-lavender:hover{color:#fff; filter: brightness(85%);}