/*!

 =========================================================
 * CSS PERSONALISADO B2FLY - V1.0.0
 =========================================================

*/

html {
    background: #eee;
}

.sidebar .sidebar-wrapper {
    position: relative;
    max-height: none;
    min-height: 100%;
    height: 100%;
    padding-bottom: 20px;
    overflow: hidden;
    width: 242px;
    border-radius: 20px;
    margin: 10px;
    z-index: 4;
    box-shadow: -4px 6px 18px -6px #000000;
    background: #23CCEF;
    background: -moz-linear-gradient(top, #23CCEF 0%, rgba(64, 145, 255, 0.7) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #23CCEF), color-stop(100%, rgba(64, 145, 255, 0.7)));
    background: -webkit-linear-gradient(top, #23CCEF 0%, rgba(64, 145, 255, 0.7) 100%);
    background: -o-linear-gradient(top, #23CCEF 0%, rgba(64, 145, 255, 0.7) 100%);
    background: -ms-linear-gradient(top, #23CCEF 0%, rgba(64, 145, 255, 0.7) 100%);
    background: linear-gradient(to bottom, #000517f0 0%, #00b1f2 100%);
    background-size: 150% 150%;
    color:#FFFFFF;
}

::-webkit-scrollbar-track {
    background-color: #c1c5c5;
}
::-webkit-scrollbar {
    width: 10px;
    background: #c1c5c5;
}
::-webkit-scrollbar-thumb {
    background: #00b1f254;
}
.sidebar .nav p, .off-canvas-sidebar .nav p {
    margin: 0;
    line-height: 20px;
    font-size: 14px;
    font-weight: 300;
    text-transform: capitalize;
}
.sidebar .nav i, .off-canvas-sidebar .nav i {
    font-size: 22px;
    float: left;
    margin-right: 15px;
    line-height: 22px;
    width: 30px;
    text-align: center;
    font-weight: 300;
    color: #fff700;
}




.sidebar:after, .sidebar:before, .sidebar[data-background-color="white"]:after, .sidebar[data-background-color="white"]:before, .off-canvas-sidebar:after, .off-canvas-sidebar:before, .off-canvas-sidebar[data-background-color="white"]:after, .off-canvas-sidebar[data-background-color="white"]:before {
    background-color: #eee;
}
.navbar-default {
    background-color: #eeeeee;
    border-bottom: 1px solid #ffffff;
}
.main-panel {
    background-color: #eee;
}


/*======= Fomr =======*/
.form-control {
    background-color: transparent;
    border: medium 1px;
    border-radius: 0px;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    color: #66615b;
    font-size: 14px;
    transition: background-color 0.3s ease 0s;
    padding: 7px 18px;
    height: 40px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.mouseDedo {
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control .readonly {
    background-color: #e3e3e35c;
    cursor: not-allowed;
    color: #000000;
    opacity: 1;
    filter: alpha(opacity=100);
}
.footerr {
    background-attachment: fixed;
    position: fixed;
    line-height: 20px;
}

div.dataTables_wrapper div.dataTables_processing {
    align-items: center;
    padding: 7px 0;
    border: 1px solid;
    box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5);
    background: #f3f3f3;
    z-index: 2;
}
div.dataTables_wrapper div.dataTables_length select {
    padding: 5px !important;
}




/*======= Table =======*/
table.dataTable thead.no-icons .sorting_asc:after {
    content: "\e155";
    display: none !important;
}
table.dataTable thead.no-icons .sorting:after {
    opacity: 0.2;
    content: "\e150";
    display: none !important;
}
@media (min-width: 992px){
    .table-responsive {
        overflow: auto;
    }
}


@media (max-width: 768px){
    .modal-dialog.modal-lg {
        right: 0;
    }
}
@media (min-width: 768px){
    .modal-dialog.modal-lg {
        right: 10%;
    }
}



/*!

 =========================================================
 * ELEMENTOS BOOTSTRAP - V4.0.0
 =========================================================

 */

/*======= Tamanho de Font =======*/

.font-semibold {
    font-weight: 500 !important;
}
.font-bold {
    font-weight: 700 !important;
}
.font-10 {
    font-size: 10px !important;
}
.font-11 {
    font-size: 11px !important;
}
.font-12 {
    font-size: 12px !important;
}
.font-13 {
    font-size: 13px !important;
}
.font-14 {
    font-size: 14px !important;
}
.font-15 {
    font-size: 15px !important;
}
.font-16 {
    font-size: 16px !important;
}
.font-17 {
    font-size: 17px !important;
}
.font-18 {
    font-size: 18px !important;
}
.font-19 {
    font-size: 19px !important;
}
.font-20 {
    font-size: 20px !important;
}
.font-22 {
    font-size: 22px !important;
}
.font-25 {
    font-size: 25px !important;
}

/*======= vh && vw =======*/
.vh-100 {
    height: 100vh !important;
}
.vw-100 {
    width: 100vw !important;
}
.vh-90 {
    height: 90vh !important;
}
.vw-90 {
    width: 90vw !important;
}

/*======= margim e paddding =======*/
.m-0 {
    margin: 0px !important;
}
.m-5 {
    margin: 5px !important;
}
.m-10 {
    margin: 10px !important;
}
.m-15 {
    margin: 15px !important;
}
.m-20 {
    margin: 20px !important;
}
.m-25 {
    margin: 25px !important;
}
.m-30 {
    margin: 30px !important;
}
.m-40 {
    margin: 40px !important;
}

.m-l-0 {
    margin-left: 0px !important;
}
.m-l-5 {
    margin-left: 5px !important;
}
.m-l-10 {
    margin-left: 10px !important;
}
.m-l-15 {
    margin-left: 15px !important;
}
.m-l-20 {
    margin-left: 20px !important;
}
.m-l-25 {
    margin-left: 25px !important;
}
.m-l-30 {
    margin-left: 30px !important;
}
.m-l-40 {
    margin-left: 40px !important;
}

.m-t-0 {
    margin-top: 0px !important;
}
.m-t-5 {
    margin-top: 5px !important;
}
.m-t-10 {
    margin-top: 10px !important;
}
.m-t-15 {
    margin-top: 15px !important;
}
.m-t-20 {
    margin-top: 20px !important;
}
.m-t-25 {
    margin-top: 25px !important;
}
.m-t-30 {
    margin-top: 30px !important;
}
.m-t-40 {
    margin-top: 40px !important;
}

.m-r-0 {
    margin-right: 0px !important;
}
.m-r-5 {
    margin-right: 5px !important;
}
.m-r-10 {
    margin-right: 10px !important;
}
.m-r-15 {
    margin-right: 15px !important;
}
.m-r-20 {
    margin-right: 20px !important;
}
.m-r-25 {
    margin-right: 25px !important;
}
.m-r-30 {
    margin-right: 30px !important;
}
.m-r-40 {
    margin-right: 40px !important;
}

.m-b-0 {
    margin-bottom: 0px !important;
}
.m-b-5 {
    margin-bottom: 5px !important;
}
.m-b-10 {
    margin-bottom: 10px !important;
}
.m-b-15 {
    margin-bottom: 15px !important;
}
.m-b-20 {
    margin-bottom: 20px !important;
}
.m-b-25 {
    margin-bottom: 25px !important;
}
.m-b-30 {
    margin-bottom: 30px !important;
}
.m-b-40 {
    margin-bottom: 40px !important;
}

.p-0 {
    padding: 0px !important;
}
.p-5 {
    padding: 5px !important;
}
.p-10 {
    padding: 10px !important;
}
.p-15 {
    padding: 15px !important;
}
.p-20 {
    padding: 20px !important;
}
.p-25 {
    padding: 25px !important;
}
.p-30 {
    padding: 30px !important;
}
.p-40 {
    padding: 40px !important;
}

.p-l-0 {
    padding-left: 0px !important;
}
.p-l-5 {
    padding-left: 5px !important;
}
.p-l-10 {
    padding-left: 10px !important;
}
.p-l-15 {
    padding-left: 15px !important;
}
.p-l-20 {
    padding-left: 20px !important;
}
.p-l-25 {
    padding-left: 25px !important;
}
.p-l-30 {
    padding-left: 30px !important;
}
.p-l-40 {
    padding-left: 40px !important;
}

.p-t-0 {
    padding-top: 0px !important;
}
.p-t-5 {
    padding-top: 5px !important;
}
.p-t-10 {
    padding-top: 10px !important;
}
.p-t-15 {
    padding-top: 15px !important;
}
.p-t-20 {
    padding-top: 20px !important;
}
.p-t-25 {
    padding-top: 25px !important;
}
.p-t-30 {
    padding-top: 30px !important;
}
.p-t-40 {
    padding-top: 40px !important;
}

.p-r-0 {
    padding-right: 0px !important;
}
.p-r-5 {
    padding-right: 5px !important;
}
.p-r-10 {
    padding-right: 10px !important;
}
.p-r-15 {
    padding-right: 15px !important;
}
.p-r-20 {
    padding-right: 20px !important;
}
.p-r-25 {
    padding-right: 25px !important;
}
.p-r-30 {
    padding-right: 30px !important;
}
.p-r-40 {
    padding-right: 40px !important;
}

.p-b-0 {
    padding-bottom: 0px !important;
}
.p-b-5 {
    padding-bottom: 5px !important;
}
.p-b-10 {
    padding-bottom: 10px !important;
}
.p-b-15 {
    padding-bottom: 15px !important;
}
.p-b-20 {
    padding-bottom: 20px !important;
}
.p-b-25 {
    padding-bottom: 25px !important;
}
.p-b-30 {
    padding-bottom: 30px !important;
}
.p-b-40 {
    padding-bottom: 40px !important;
}

.top-5 {
    top: 5px !important;
    position: relative !important;
}

/*======= flexbox =======*/
.d-none {
    display: none !important;
}
.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}
.justify-content-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}
.justify-content-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}
.justify-content-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}
.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
}
.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}
.align-items-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
}
.align-items-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}
.align-items-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
}
.align-items-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
}


.text-white {
    color: #fff !important;
}
.text-black {
    color: #000 !important;
}
.text-grey {
    color: #333 !important;
}
.text-purple {
    color: #9c27b0 !important;
}
.text-orange {
    color: #f44336 !important;
}
.text-pink1 {
    color: #e91e63 !important;
}
.text-pink2 {
    color: #ea2c6d !important;
}

.shadow-white {
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgb(255, 255, 255);
}
.shadow-black {
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgb(0, 0, 0);
}
.shadow-blue {
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(0,188,212,.4);
}
.shadow-green {
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(76,175,80,.4);
}
.shadow-orange {
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(244,67,54,.4);
}
.shadow-pink {
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(233,30,99,.4);
}