/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 50px;
    background: #f5f5f5;
    font-size: 14px;
    color: #3a3a3a;
}

a {
    color: #3b5998;
    text-decoration: none;
}
a:hover {
    color: #3b5998;
}
/*
 * Top navigation
 * Hide default border to remove 1px line.
 */

.well {
    box-shadow: none;
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.label {
    /*font-size: 80%;*/
    /*padding: .3em;*/
}
.free {
    padding: 0;
    margin: 0;
}


/* Text */
.text-1x {
    font-size: 1.5em;
}
.text-2x {
    font-size: 2em;
}
.text-3x {
    font-size: 3em;
}
.text-4x {
    font-size: 4em;
}
.text-5x {
    font-size: 5em;
}


/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1032;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #7643ea;
    border-right: 0;
    width: 60px;

    transition: width 0.3s
}
.sidebar .slim-scroll {
    padding: 20px;
    padding-top: 0;
}

@media (min-width: 768px) {
    .sidebar {
        display: block;
    }
    .sidebar.show {
        -webkit-animation: slideInLeft .3s both;
        -moz-animation: slideInLeft .3s both;
        -ms-animation: slideInLeft .3s both;
        -o-animation: slideInLeft .3s both;
        animation: slideInLeft .3s both;
    }
    .sidebar li span:last-child {
        display: none;
    }
}
@media (min-width: 992px) {
    .sidebar {
        width: 250px;
    }
    .sidebar li span:last-child {
        display: inline-block;
    }
}

@media (max-width: 768px) {
    .sidebar.show {
        width: 250px;
        display: block;
    }
    .sidebar.show li span:last-child {
        display: inline-block;
    }
}
@media (max-width: 768px) {
    .shadow.active {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, .25);
        z-index: 1031;
    }
}


/* Sidebar navigation */
.nav-sidebar {
    margin-right: -21px; /* 20px padding + 1px border */
    margin-bottom: 20px;
    margin-left: -20px;
}
.nav-sidebar > li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.01);
}
.nav-sidebar > li > a {
    font-size: 17px;
    font-weight: bold;
    padding: 14px;
    padding-right: 20px;
    padding-left: 20px;
    color: #ccc;
    white-space: nowrap;
    outline: none;
}
.nav-sidebar > li > a:hover,
.nav-sidebar > li > a:focus,
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
    background-color: rgba(255, 255, 255, 0.06);
    color: #fff;
}
.nav-sidebar > li > a:hover span:first-child,
.nav-sidebar > li > a:focus span:first-child,
.nav-sidebar > li > a:active span:first-child,
.nav-sidebar > .active > a span:first-child,
.nav-sidebar > .active > a:hover span:first-child,
.nav-sidebar > .active > a:focus span:first-child {
    /*color: #d9534f;*/
    /*color: #428bca;*/
}
.nav-sidebar > li span:first-child {
    margin-right: 10px;
}
.nav-sidebar > li > ul {
    display: none;
    margin: 0;
    padding: 0;
}
.nav-sidebar > li.active > ul > li > a {
    background-color: rgba(0, 0, 0, 0.2);
    color: #fff;
    font-size: 17px;
    display: block;
    margin: 0;
    padding: 10px;
    padding-left: 48px;
    color: #ccc;
    outline: none;
}
.nav-sidebar > li.active > ul > li > a:hover,
.nav-sidebar > li.active > ul > li > a:focus,
.nav-sidebar > li.active > ul > li > a:active,
.nav-sidebar > li.active > ul > li.active > a {
    text-decoration: none;
    color: #fff;
}
@media (max-width: 768px) {
    .sidebar.show .nav-sidebar > li.active > ul {
        display: block;
    }
}
@media (min-width: 992px) {
    .nav-sidebar > li.active > ul {
        display: block;
    }
}

/* Breadcrumb */
.page-header {
    margin-top: 0;
    margin-bottom: 0;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
    padding: 11px;
    padding-right: 20px;
    padding-left: 20px;
    background: #f9f9f9;
    font-size: 20px;
}
.page-header > span {
    font-size: 18px;
    margin-right: 10px;
}
.page-header > .breadcrumb {
    font-size: 14px;
    padding: 0;
    padding: 5px;
    background: none;
    margin: 0;
}
@media (max-width: 460px) {
    .page-header > .breadcrumb {
        display: none;
    }
}

/* Footer */
.page-footer {
    color: #777;
    padding: 10px;
    font-size: 13px;
    border-top: 1px solid #e5e5e5;
}

/*
 * Main content
 */

.main {
    padding-bottom: 0;
    width: 100%;
    padding: 20px;
}
.main.free {
    padding: 0;
}
@media (min-width: 768px) {
    .main {
        padding-bottom: 0;
    }
    .main, .page-header, .page-footer {
        padding-left: 80px;
    }
    .main.free {
        padding-left: 60px;
    }
}
@media (min-width: 992px) {
    .main, .page-header, .page-footer {
        padding-left: 270px;
    }
    .main.free {
        padding-left: 250px;
    }
}

/*
 * Placeholder dashboard ideas
 */

.placeholders {
    margin-bottom: 30px;
    text-align: center;
}
.placeholders h4 {
    margin-bottom: 0;
}
.placeholder {
    margin-bottom: 20px;
}
.placeholder img {
    display: inline-block;
    border-radius: 50%;
}


/* Navbar */
.navbar {
    background: #fff;
    margin: 0;
    border-color: #e5e5e5;
}
@media (min-width: 768px) {
    .navbar {
        margin-left: 60px;
    }
}
@media (min-width: 992px) {
    .navbar {
        margin-left: 250px;
    }
}
.navbar .navbar-toggle,
.navbar .navbar-toggle:focus {
    display: block;
    float: left;
    margin: 0;
    margin-left: 0px;
    padding: 18px;
    border-color: #fff;
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: #fff;
    outline: none;
}
.navbar .navbar-toggle:hover, 
.navbar .navbar-toggle.active {
    background: #f5f5f5;
}
.navbar-toggle .icon-bar {
    background: #428bca;
}
@media (min-width: 768px) {
    .navbar .navbar-toggle,
    .navbar .navbar-toggle:focus {
        display: none;
    }
}
.navbar-nav {
    float: right;
    margin: 0;
}
.navbar-nav > li {
    float: left;
}
.navbar-nav > li > a {
    padding: 11px 21px;
    color: #aaa;
}
.navbar-nav > li > a.active {
    color: #3a3a3a;
}
.navbar-nav > li > a > .fa {
    font-size: 22px;
    margin-top: 4px;
}
.navbar-nav > li > a.nav-user {
    padding: 9px 55px;
    color: #3a3a3a;
}
.navbar-nav > li > a.nav-user img {
    margin-left: 10px;
    width: 32px;
    height: 32px;
}
.navbar-nav > li > a:hover, 
.navbar-nav > li > a:focus,
.navbar-nav > li.active > a {
    background: #f9f9f9 !important;
}
.navbar-header {
    float: left;
}
.navbar-brand {
    display: block;
    padding-left: 20px;
}
.navbar-nav .navbar-chat {
    margin-right: -15px;
}
.navbar-nav .navbar-chat > a {
    position: relative;
    outline: none;
}
.navbar-nav .navbar-chat > a > .label {
    font-size: 11px;
    padding: 1px 4px;
    position: absolute;
    top: 10px;
    right: 10px;
}
@media (min-width: 992px) {
    .navbar-brand {
        display: none;
    }
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position: absolute;
        float: left;
        width: auto;
        margin-top: 0;
        background-color: #fff;
        border: 1px solid #ccc;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    }
}
.navbar li .badge {
    font-size: 9px;
    line-height: 8px;
    padding: 3px 4px;
    background: #d9534f;
    position: absolute;
    right: 10px;
    top: 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.dropdown-menu {
    margin-top: 5px;
}
.dropdown-menu:before {
    position: absolute;
    top: -7px;
    left: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.dropdown-menu:after {
    position: absolute;
    top: -6px;
    left: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-left: 6px solid transparent;
    content: '';
}
.navbar-right .dropdown-menu {
    right: 15px;
}
.dropdown-menu-right:before {
    right: 9px;
    left: auto;
}
.dropdown-menu-right:after {
    right: 10px;
    left: auto;
}
.navbar-nav > li > .dropdown-menu > li > a {
    padding: 6px 20px;
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 6px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

/* Panel */
.panel {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.panel.panel-rourend {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.main.free .panel.free {
    border: 0;
}
.panel > .panel-heading, 
.panel > .panel-footing {
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
    border-bottom: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    padding: 10px 15px;
}

.panel-default {
    border-color: #e5e5e5;
}
.panel-default > .panel-heading {
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
}
.panel-default > .panel-footing {
    background: #fff;
    border-top: 1px solid #e5e5e5;
}

.panel > .panel-heading > small, 
.panel > .panel-footing > small {
    color: #999;
    float: right;
    font-size: 13px;
}

/* Panel Colors */
.panel.panel-color,
.panel.panel-color > .panel-heading,
.panel.panel-color > .panel-footing {
    border: 0;
    color: #fff;
}
.panel.panel-color.panel-default,
.panel.panel-color.panel-default > .panel-heading,
.panel.panel-color.panel-default > .panel-footing {
    background: #ccc;
}
.panel.panel-color.panel-primary,
.panel.panel-color.panel-primary > .panel-heading,
.panel.panel-color.panel-primary > .panel-footing {
    background: #357ebd;
}
.panel.panel-color.panel-success,
.panel.panel-color.panel-success > .panel-heading,
.panel.panel-color.panel-success > .panel-footing {
    background: #4cae4c;
}
.panel.panel-color.panel-info,
.panel.panel-color.panel-info > .panel-heading,
.panel.panel-color.panel-info > .panel-footing {
    background: #46b8da;
}
.panel.panel-color.panel-warning,
.panel.panel-color.panel-warning > .panel-heading,
.panel.panel-color.panel-warning > .panel-footing {
    background: #eea236;
}
.panel.panel-color.panel-danger,
.panel.panel-color.panel-danger > .panel-heading,
.panel.panel-color.panel-danger > .panel-footing {
    background: #d43f3a;
}

/* Panel Icons */
.panel.panel-icon {
    padding-left: 65px;
    position: relative;
    border-color: #e5e5e5;
}
.panel.panel-icon .icon {
    font-size: 26px;
    left: 15px;
    top: 50%;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    padding-top: 8px;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    color: #fff;
    border-radius: 50%;
}
.panel.panel-icon p {
    margin: 0;
}
.panel-default.panel-icon .icon {
    background: #ccc;
}
.panel-primary.panel-icon .icon {
    background: #357ebd;
}
.panel-success.panel-icon .icon {
    background: #4cae4c;
}
.panel-info.panel-icon .icon {
    background: #46b8da;
}
.panel-warning.panel-icon .icon {
    background: #eea236;
}
.panel-danger.panel-icon .icon {
    background: #d43f3a;
}
@media (max-width: 460px) {
    .panel.panel-icon .panel-body {
        padding: 10px;
        padding-top: 10px;
    }
    .panel.panel-icon {
        padding-left: 50px;
        position: relative;
        border-color: #e5e5e5;
    }
    .panel.panel-icon .icon {
        font-size: 22px;
        left: 15px;
        top: 50%;
        margin-top: -25px;
        width: 40px;
        height: 40px;
        padding-top: 5px;
        text-align: center;
        vertical-align: middle;
        position: absolute;
        color: #fff;
        border-radius: 50%;
    }
    .text-2x {
        font-size: 1.4em;
    }
    p {
        font-size: 0.9em;
    }
}

/* Chat */
/* Chat Sidebar */
.chat {
    display: none;
    position: fixed;
    top: 50px;
    bottom: 0;
    right: 0;
    z-index: 998;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #fff;
    border-left: 1px solid #ddd;
    width: 270px;
}

@media (max-width: 460px) {
    .chat {
        width: 100%;
        border: 0;
    }
}
.chat .nav-sidebar {
    margin: 0;
}
.chat .nav-sidebar > li {
    border-bottom: 0px solid #eee;
}
.chat .nav-sidebar > li > a {
    font-size: 14px;
    padding: 6px;
    padding-right: 10px;
    padding-left: 10px;
    color: #111;
    position: relative;
}
.chat .nav-sidebar > li > a > img {
    margin-right: 10px;
}
.chat .nav-sidebar > li > a > span {
    float: right;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: 10px;
    color: #ccc;
}
.chat .nav-sidebar > li > a > span.online {
    color: #449d44;
}
.chat .nav-sidebar > li > a > .label-default {
    background: #aaa;
}
.chat .nav-sidebar > li > a:hover,
.chat .nav-sidebar > li > a:focus,
.chat .nav-sidebar > .active > a,
.chat .nav-sidebar > .active > a:hover,
.chat .nav-sidebar > .active > a:focus {
    background-color: #f5f5f5;
}


/* Chat Window */
.chat .panel {
    padding: 0;
    margin: 0;
    border: 0;
    height: 100%;
    position: relative;
}
.chat > .panel > .panel-heading {
    font-size: 16px;
    padding: 14px;
    background: #333;
    color: #fff;
}
.chat > .panel > .panel-heading > .close span {
    color: #fff;
    text-shadow: none;
}
.chat > .panel > .panel-body {
    border-bottom: 1px solid #ddd;
    overflow-y: auto;
    background: #eee;
    padding: 8px;
    padding-right: 2px;
    position: absolute;
    top: 50px;
    bottom: 50px;
    width: 100%;
}
.chat .panel .panel-body .slim-scroll {
    margin-right: 15px;
}
.chat > .panel > textarea {
    width: 100%;
    height: 50px;
    border: 0;
    position: absolute;
    bottom: 0;
    padding: 8px;
    font-size: 12px;
    resize: none;
}
.chat .chat-message {
    background: #fff;
    border-bottom: 1px solid #ddd;
    font-size: 12px;
    padding: 7px;
    padding-bottom: 4px;
    position: relative;
    word-wrap: break-word;
}
.chat .chat-message:after {
    top: 5px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.chat .chat-message.me {
    margin-right: 7px;
}
.chat .chat-message.me:after {
    left: 100%;
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #fff;
    border-width: 7px;
}
.chat .chat-message.it {
    margin-left: 7px;
    background: #fff;
}
.chat .chat-message.it:after {
    right: 100%;
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 7px;
}
.chat .chat-message > span {
    display: block;
    font-size: 10px;
    margin-top: 5px;
    color: #ccc;
    text-align: left;
}

/* Table */
.table > thead > tr > th,
.table > tbody > tr > td {
    border-color: #e5e5e5;
}
.table > tbody > tr > td {
    vertical-align: middle;
}
@media screen and (max-width: 767px) {
    .table-responsive {
        margin-top: 10px;
    }
}

/* 
Reduz o tamanho da Table para mobile
*/
@media 
only screen and (max-width: 767px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

    /* Force table to not be like tables anymore */
    table, thead, tbody, th, td, tr { 
        display: block; 
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    tr { border: 1px solid #ccc; }

    td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
    }

    td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px;
        white-space: normal;
    }
    .table-responsive > .table > thead > tr > th,
    .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tfoot > tr > th,
    .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > tbody > tr > td,
    .table-responsive > .table > tfoot > tr > td {
        white-space: normal;
    }

    /*
    Label the data
    
    td:nth-of-type(1):before { content: "First Name"; }
    td:nth-of-type(2):before { content: "Last Name"; }
    td:nth-of-type(3):before { content: "Job Title"; }
    td:nth-of-type(4):before { content: "Favorite Color"; }
    td:nth-of-type(5):before { content: "Wars of Trek?"; }
    td:nth-of-type(6):before { content: "Porn Name"; }
    td:nth-of-type(7):before { content: "Date of Birth"; }
    td:nth-of-type(8):before { content: "Dream Vacation City"; }
    td:nth-of-type(9):before { content: "GPA"; }
    td:nth-of-type(10):before { content: "Arbitrary Data"; }
    */
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    body { 
        padding: 0; 
        margin: 0; 
        width: 320px; 
        padding-top: 20px;
    }
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    body { 
        width: 495px; 
    }
}

/* Pagination */
.pagination {
    margin: 0;
}
.pagination > li  > a {
    border-color: #e5e5e5;
    color: #333;
}
.pagination > li > a:hover,
.pagination > li > a:focus {
    color: #444;
}
.pagination > li:first-child > a, 
.pagination > li:first-child > span,
.pagination > li:last-child > a, 
.pagination > li:last-child > span {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.pagination > li.disabled span,
.pagination > li.disabled a,
.pagination > li.disabled span:hover,
.pagination > li.disabled a:hover,
.pagination > li.disabled span:focus,
.pagination > li.disabled a:focus {
    color: #e5e5e5;
    border-color: #e5e5e5;
}
.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus {
    background: #e5e5e5;
    border-color: #ddd;
    color: #333;
}

.pagination-text {
    color: #999;
    padding: 0;
    margin: 0;
    margin-top: 5px;
}

/* Maps */
.maps-vector {
    height: 300px;
}
.maps-vector > .jvectormap-container > svg {
    background: #fff;
}
.maps-vector > .jvectormap-container > svg > g > path {
    fill: #ddd;
}
.maps-vector > .jvectormap-container > .jvectormap-zoomin,
.maps-vector > .jvectormap-container > .jvectormap-zoomout {
    width: 20px;
    height: 20px;
    border: 1px solid #e5e5e5;
    background: #fff;
    color: #333;
    font-weight: bold;
    border-radius: 0;
}
.maps-vector > .jvectormap-container > .jvectormap-zoomout {
    border-top: 0;
}


/* Calendar */
.calendar {
    min-height: 300px;
}


/* Form */
.form-control {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-color: #ccc;
}
.form-control:focus {
    /*border-color: #999;*/
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.form-control::-moz-placeholder {
    color: #ccc;
    opacity: 1;
}
.form-control:-ms-input-placeholder {
    color: #ccc;
}
.form-control::-webkit-input-placeholder {
    color: #ccc;
}
.form-horizontal .help-block {
    margin-bottom: 0;
    color: #999;
    font-size: 12px;
}

/* Forms Errors */
.form-control-feedback {
    line-height: 34px;
}
.has-success .help-block, 
.has-success .control-label, 
.has-success .radio, 
.has-success .checkbox, 
.has-success .radio-inline, 
.has-success .checkbox-inline {
    color: #5cb85c;
}
.has-success .form-control,
.has-success .form-control:focus {
    border-color: #5cb85c;
    box-shadow: none;
}
.has-success .form-control-feedback {
    color: #5cb85c;
}
.has-warning .help-block, 
.has-warning .control-label, 
.has-warning .radio, 
.has-warning .checkbox, 
.has-warning .radio-inline, 
.has-warning .checkbox-inline {
    color: #f0ad4e;
}
.has-warning .form-control,
.has-warning .form-control:focus {
    border-color: #f0ad4e;
    box-shadow: none;
}
.has-warning .form-control-feedback {
    color: #f0ad4e;
}
.has-error .help-block, 
.has-error .control-label, 
.has-error .radio, 
.has-error .checkbox, 
.has-error .radio-inline, 
.has-error .checkbox-inline {
    color: #d9534f;
}
.has-error .form-control,
.has-error .form-control:focus {
    border-color: #d9534f;
    box-shadow: none;
}
.has-error .form-control-feedback {
    color: #d9534f;
}

/* Switcher */
.switcher {
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    background: #e5e5e5;
    width: 60px;
    height: 24px;
    border: 2px solid #e5e5e5;
}
.switcher input[type="checkbox"] {
    visibility: hidden;
}
.switcher span {
    display: block;
    border: 1px solid #fff;
    background: #e5e5e5;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    position: absolute;
}
.switcher span:after {
    content: '';
    position: absolute;
    display: block;
    width: 18px;
    height: 24px;
    top: -3px;
    left: -3px;
    background: #3a3a3a;
    text-align: center;
}
.switcher span, .switcher span:after {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
.switcher input[type="checkbox"]:checked + span:after {
    left: 39px;
}

/* Switcher Slim */
.switcher.switcher-slim {
    height: 12px;
}
.switcher.switcher-slim span:after {
    top: -9px;
    height: 24px;
}

/* Switcher Text */
.switcher.switcher-text span,
.switcher.switcher-icon span {
    width: 35px;
    border: none;
    right: auto;
    background: #3a3a3a;
}
.switcher.switcher-text input[type="checkbox"]:checked + span,
.switcher.switcher-icon input[type="checkbox"]:checked + span {
    left: 21px;
}
.switcher.switcher-text span:after,
.switcher.switcher-icon span:after {
    font: 12px/20px Arial, sans-serif;
    color: #fff;
    font-weight: bold;	
    content: 'OFF';
    position: initial;
    background: none;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
}
.switcher.switcher-text input[type="checkbox"]:checked + span:after,
.switcher.switcher-icon input[type="checkbox"]:checked + span:after {
    content: 'ON';
}
.switcher.switcher-icon span:after {
    font-family: "Glyphicons Halflings";
    content: "\e014";
    font-weight: normal;
}
.switcher.switcher-icon input[type="checkbox"]:checked + span:after {
    content: "\e013";
}

/* Switcher Colors */
.switcher input[type="checkbox"]:checked + span,
.switcher.switcher-default input[type="checkbox"]:checked + span{
    background: #777;
}
.switcher.switcher-primary input[type="checkbox"]:checked + span {
    background: #428bca;
}
.switcher.switcher-success input[type="checkbox"]:checked + span {
    background: #5cb85c;
}
.switcher.switcher-info input[type="checkbox"]:checked + span {
    background: #5bc0de;
}
.switcher.switcher-warning input[type="checkbox"]:checked + span {
    background: #f0ad4e;
}
.switcher.switcher-danger input[type="checkbox"]:checked + span {
    background: #d9534f;
}

/* Switcher Disabled */
.switcher.disabled {
    -moz-opacity: .6;
    opacity: .6;
    cursor: not-allowed;
}

/* Switcher Sizes */
/* Switcher Large */
.switcher.switcher-lg {
    height: 34px;
}
.switcher.switcher-lg span:after {
    height: 34px;
    width: 22px;
}
.switcher.switcher-lg input[type="checkbox"]:checked + span:after {
    left: 35px;
}
.switcher.switcher-text.switcher-lg span:after,
.switcher.switcher-icon.switcher-lg span:after {
    font-size: 14px;
    line-height: 28px;
}
.switcher.switcher-slim.switcher-lg {
    height: 22px;
}
.switcher.switcher-slim.switcher-lg span {
    height: 18px;
}
.switcher.switcher-slim.switcher-lg span:after{
    top: -8px;
    height: 34px;
}

/* Switcher Small */
.switcher.switcher-sm {
    height: 18px;
    width: 45px;
}
.switcher.switcher-sm span:after {
    height: 18px;
    width: 14px;
}
.switcher.switcher-sm input[type="checkbox"]:checked + span:after {
    left: 28px;
}
.switcher.switcher-text.switcher-sm span,
.switcher.switcher-icon.switcher-sm span {
    width: 25px;
}
.switcher.switcher-text.switcher-sm input[type="checkbox"]:checked + span,
.switcher.switcher-icon.switcher-sm input[type="checkbox"]:checked + span {
    left: 16px;
}
.switcher.switcher-text.switcher-sm span:after,
.switcher.switcher-icon.switcher-sm span:after {
    font-size: 10px;
    line-height: 16px;
}
.switcher.switcher-slim.switcher-sm {
    height: 10px;
}
.switcher.switcher-slim.switcher-sm span:after {
    top: -7px;
    height: 18px;
}
.switcher.switcher-text span:after,
.switcher.switcher-icon span:after {
    height: auto;
    width: auto;
}

/* Checkbox & Radio Button */
.radio-stylized.radio-inline,
.checkbox-stylized.checkbox-inline {
    margin-top: 0;
}
.radio-stylized,
.checkbox-stylized {
    cursor: pointer;
    font-weight: normal;
}
.radio-stylized input[type="radio"],
.checkbox-stylized input[type="checkbox"] {
    visibility: hidden;
}
.radio-stylized span, 
.checkbox-stylized span {
    width: 16px;
    height: 16px;
    display: block;
    background: #fff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    position: relative;
    border: 1px solid #e5e5e5;
    float: left;
    margin-right: 5px;
    margin-top: 2px;
}
.checkbox-stylized span {
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}
.radio-stylized.radio-inline span, 
.checkbox-stylized.checkbox-inline span {
    margin-left: -20px;
}
.radio-stylized span:after, 
.checkbox-stylized span:after {
    position: absolute;
    width: 6px;
    height: 6px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    left: 4px;
    top: 4px;
    content: '';
}
.checkbox-stylized input[type="checkbox"]:checked + span:after {
    width: 16px;
    height: 16px;
    left: 1px;
    top: 0px;
    color: #777;
    content: "\e013";
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-family: "Glyphicons Halflings";
    font-size: 11px;
}
.radio-stylized input[type="radio"]:checked + span,
.radio-stylized:hover span,
.checkbox-stylized input[type="checkbox"]:checked + span,
.checkbox-stylized:hover span {
    border-color: #777;
}
.radio-stylized input[type="radio"]:checked + span:after {
    background: #777;
}

/* Checkbox & Radio Colors */
.radio-stylized input[type="radio"]:checked + span,
.radio-stylized:hover span,
.radio-stylized.radio-default input[type="radio"]:checked + span,
.radio-stylized.radio-default:hover span,
.checkbox-stylized input[type="checkbox"]:checked + span,
.checkbox-stylized:hover span,
.checkbox-stylized.checkbox-default input[type="checkbox"]:checked + span,
.checkbox-stylized.checkbox-default:hover span {
    border-color: #777;
}
.radio-stylized.radio-primary input[type="radio"]:checked + span,
.radio-stylized.radio-primary:hover span,
.checkbox-stylized.checkbox-primary input[type="checkbox"]:checked + span,
.checkbox-stylized.checkbox-primary:hover span {
    border-color: #428bca;
}
.radio-stylized.radio-success input[type="radio"]:checked + span,
.radio-stylized.radio-success:hover span,
.checkbox-stylized.checkbox-success input[type="checkbox"]:checked + span,
.checkbox-stylized.checkbox-success:hover span {
    border-color: #5cb85c;
}
.radio-stylized.radio-info input[type="radio"]:checked + span,
.radio-stylized.radio-info:hover span,
.checkbox-stylized.checkbox-info input[type="checkbox"]:checked + span,
.checkbox-stylized.checkbox-info:hover span {
    border-color: #5bc0de;
}
.radio-stylized.radio-warning input[type="radio"]:checked + span,
.radio-stylized.radio-warning:hover span,
.checkbox-stylized.checkbox-warning input[type="checkbox"]:checked + span,
.checkbox-stylized.checkbox-warning:hover span {
    border-color: #f0ad4e;
}
.radio-stylized.radio-danger input[type="radio"]:checked + span,
.radio-stylized.radio-danger:hover span,
.checkbox-stylized.checkbox-danger input[type="checkbox"]:checked + span,
.checkbox-stylized.checkbox-danger:hover span {
    border-color: #d9534f;
}

.radio-stylized input[type="radio"]:checked + span:after, 
.radio-stylized.radio-default input[type="radio"]:checked + span:after {
    background: #777;
}
.radio-stylized.radio-primary input[type="radio"]:checked + span:after  {
    background: #428bca;
}
.radio-stylized.radio-success input[type="radio"]:checked + span:after  {
    background: #5cb85c;
}
.radio-stylized.radio-info input[type="radio"]:checked + span:after  {
    background: #5bc0de;
}
.radio-stylized.radio-warning input[type="radio"]:checked + span:after  {
    background: #f0ad4e;
}
.radio-stylized.radio-danger input[type="radio"]:checked + span:after  {
    background: #d9534f;
}

.checkbox-stylized input[type="checkbox"]:checked + span:after, 
.checkbox-stylized.checkbox-default input[type="checkbox"]:checked + span:after {
    color: #777;
}
.checkbox-stylized.checkbox-primary input[type="checkbox"]:checked + span:after  {
    color: #428bca;
}
.checkbox-stylized.checkbox-success input[type="checkbox"]:checked + span:after  {
    color: #5cb85c;
}
.checkbox-stylized.checkbox-info input[type="checkbox"]:checked + span:after  {
    color: #5bc0de;
}
.checkbox-stylized.checkbox-warning input[type="checkbox"]:checked + span:after  {
    color: #f0ad4e;
}
.checkbox-stylized.checkbox-danger input[type="checkbox"]:checked + span:after  {
    color: #d9534f;
}

.radio-stylized.disabled,
.checkbox-stylized.disabled {
    -moz-opacity: .6;
    opacity: .6;
    cursor: not-allowed;
}
.radio-stylized.disabled span,
.radio-stylized.disabled:hover span,
.checkbox-stylized.disabled span,
.checkbox-stylized.disabled:hover span {
    border-color: #ccc;
}

/* Wizard */
/*.wizard { 
        width: 100%; 
        margin: 0; 
        padding: 0; 
        background: #F5F5F5; 
        height: 10px; 
        -webkit-border-radius: 5px; 
        border-radius: 5px; 
        -webkit-box-shadow: inset 0px 1px 0px 0px #CCC; 
        box-shadow: inset 0px 1px 0px 0px #CCC; 
        list-style: none; 
        margin-bottom: 60px; 
        margin-top: 30px; 
}*/
.wizard .nav-tabs {
    margin-bottom: 2px;
    border: 0;
}
.wizard .nav-tabs > li { 
    display: table-cell; 
    width: 1%; 
    float: none;
}
.wizard .nav-tabs > li > a, 
.wizard .nav-tabs > li > a:hover, 
.wizard .nav-tabs > li > a:focus {
    margin: 0;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #f5f5f5;
    padding-left: 40px;
}
.wizard .nav-tabs > li.active > a {
    background: #d9534f;
    color: #fff;
}
.wizard .nav-tabs > li > a span {
    display: inline-block;
    width: 20px;
    height: 20px;
    padding-top: 2px;
    margin-left: -30px;
    margin-right: 10px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background: #d9534f;
    color: #fff;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
}
.wizard .nav-tabs > li.active > a span {
    background: #fff;
    color: #d9534f;
}
.wizard .nav-tabs > li > a > small {
    display: block;
    opacity: .6;
}

/* Mail */
.mail .row, 
.mail .col-md-1, 
.mail .col-md-2, 
.mail .col-md-3, 
.mail .col-md-4, 
.mail .col-md-5, 
.mail .col-md-6, 
.mail .col-md-7, 
.mail .col-md-8, 
.mail .col-md-9, 
.mail .col-md-10, 
.mail .col-md-11, 
.mail .col-md-12 {
    padding: 0;
    margin: 0;
}
.mail .label {
    font-weight: normal;
    padding: 2px 4px;
}
.mail .nav-pills > li {
    margin: 0;
}
.mail .nav-pills > li > a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.mail .nav-pills > li > a {
    color: #333;
}
.mail .nav-pills > li > a:hover {
    background: #fff;
}
.mail .nav-pills > li.active > a {
    background: #eee;
    color: #333;
}
.mail .nav-pills > li > a > .badge {
    background: #ccc;
    color: #fff;
    font-size: 0.8em;
    font-weight: normal;
}
.mail .nav-pills > li > a > span:first-child {
    margin-right: 10px;
}
.mail .nav-pills > li > a > .label {
    padding: 1px 6px;
}
.mail .nav-pills + hr {
    margin: 0;
}
.mail .panel-heading {
    padding: 5px;
}
.mail .panel-subheading {
    color: #999;
    padding: 10px;
    font-size: 12px;
    line-height: 12px;
    border-bottom: 1px solid #e5e5e5;
}
.mail-body .checkbox {
    margin: 0;
    margin-top: 3px;
    padding: 0;
    min-height: auto;
}
.mail-body .checkbox span {
    margin: 0;
    padding: 0;
}
.mail-body > .mail-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.mail-body > .mail-list > li {
    width: 100%;
    min-height: 36px;
    background: #fff;
    position: relative;
}
.mail-body > .mail-list > li a {
    color: #333;
}
.mail-body > .mail-list > li a:hover {
    text-decoration: none;
}
.mail-body.mail-striped > .mail-list > li:nth-child(odd) {
    background: #f5f5f5;
}
.mail-body.mail-hover > .mail-list > li:hover {
    background: #f1f1f1;
}
.mail-body.mail-bordered > .mail-list > li {
    border-top: 1px solid #eee;
}
.mail-body.mail-bordered > .mail-list > li:first-child {
    border-top: 0;
}
.mail-body > .mail-list > li > .mail-col {
    position: absolute;
    min-height: 20px;
    padding: 8px;
    z-index: 2;
}
.mail-body > .mail-list > li > .mail-check {
    width: 32px;
    left: 0;
}
.mail-body > .mail-list > li > .mail-star {
    width: 30px;
    left: 32px;
    font-weight: normal;
    font-size: 16px;
    color: #ccc;
}
.mail-body > .mail-list > li > .mail-sender {
    width: 200px;
    left: 62px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.mail-body > .mail-list > li > .mail-title {
    width: 100%;
    padding-left: 268px;
    padding-right: 168px;
    z-index: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.mail-body > .mail-list > li > .mail-attachment {
    width: 32px;
    right: 130px;
    font-weight: normal;
    font-size: 16px;
}

.mail-body > .mail-list > li > .mail-date {
    width: 130px;
    right: 0;
    text-align: right;
}
.mail-body > .mail-list > li > .mail-sender,
.mail-body > .mail-list > li > .mail-title {
    font-weight: bold;
}
.mail-body > .mail-list > li.mail-read > .mail-sender,
.mail-body > .mail-list > li.mail-read > .mail-title,
.mail-body > .mail-list > li > .mail-title > .label {
    font-weight: normal;
}
.mail-body > .mail-list > li.mail-stared > .mail-star {
    color: #f0ad4e;
}
@media (max-width: 768px) {
    .mail-body > .mail-list > li > .mail-sender {
        width: 120px;
    }
    .mail-body > .mail-list > li > .mail-title {
        padding-left: 188px;
    }
}
@media (max-width: 460px) {
    .mail-body > .mail-list > li > .mail-attachment {
        display: none;
    }
    .mail-body > .mail-list > li > .mail-title {
        padding-right: 136px;
    }
}

/* Mail View */
.mail .mail-view-title {
    padding: 0 8px;
    margin: 0;
    font-size: 20px;
    line-height: 29px;
}

.mail-compose {
    padding: 10px;
}
.note-editor, 
.note-editor .note-toolbar, 
.note-editor .note-statusbar .note-resizebar,
.note-editor .note-statusbar .note-resizebar .note-icon-bar {
    border-color: #e5e5e5;
}
.note-editor .note-toolbar, 
.note-editor .note-statusbar {
    background: #f9f9f9;
}

/* Calendar */
.fc-event {	
    cursor: move;
    padding: 6px;
    margin-bottom: 5px;
    border: 0;
    border-radius: 0;
    background: #777;
}
.fc-event.fc-event-primary {
    background: #428bca;
}
.fc-event.fc-event-success {
    background: #5cb85c;
}
.fc-event.fc-event-info {
    background: #5bc0de;
}
.fc-event.fc-event-warning {
    background: #f0ad4e;
}
.fc-event.fc-event-danger {
    background: #d9534f;
}

/* Calendar Custom */
.fc-event-custom h5 {
    padding: 0;
    margin: 0;
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 16px;
    font-weight: normal;
}
.fc-left h2{
    font-size: 16px;
}
.fc-event-custom h5 span {
    font-size: 16px;
    line-height: 20px;
}
.fc-event-custom p {
    padding: 0;
    margin: 0;
}
.fc-event.fc-day-grid-event {
    margin: 2px;
    padding: 5px;
}
.fc-event-custom.fc-day-grid-event {
    text-align: center;
}
.fc-event-custom.fc-day-grid-event h5 span {
    display: block;
}

/* Calendar Buttons */
.fc-button {
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: none;
}
.fc-button:hover,
.fc-button:focus,
.fc-button.fc-state-active {
    background: #e6e6e6;
}
.fc-button:active,
.fc-button.fc-state-active {
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

/* Buttons */
/* Buttons Square */
.btn-square {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.btn-rounded {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}
/* Buttons Outline */
.btn-outline {
    background: none;
}
.btn-outline.btn-primary {
    color: #3071a9;
}
.btn-outline.btn-success {
    color: #449d44;
}
.btn-outline.btn-info {
    color: #31b0d5;
}
.btn-outline.btn-warning {
    color: #ec971f;
}
.btn-outline.btn-danger {
    color: #c9302c;
}

.btn-outline.btn-primary:hover,
.btn-outline.btn-success:hover,
.btn-outline.btn-info:hover,
.btn-outline.btn-warning:hover,
.btn-outline.btn-danger:hover,
.btn-outline.btn-primary:active,
.btn-outline.btn-success:active,
.btn-outline.btn-info:active,
.btn-outline.btn-warning:active,
.btn-outline.btn-danger:active,
.btn-outline.btn-primary:focus,
.btn-outline.btn-success:focus,
.btn-outline.btn-info:focus,
.btn-outline.btn-warning:focus,
.btn-outline.btn-danger:focus {
    color: #fff;
}

/* Alert */
.alert.alert-square {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border-left-width: 40px;
    position: relative;
    margin-bottom: 0;
}
.alert.alert-square:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 18px;
    left: -28px;
    top: 50%;
    margin-top: -8px;
    position: absolute;
}
.alert.alert-square.alert-success:before {
    content: "\f00c";
}
.alert.alert-square.alert-info:before {
    content: "\f05a";
}
.alert.alert-square.alert-warning:before {
    content: "\f071";
}
.alert.alert-square.alert-danger:before {
    content: "\f057";
}
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
    .alert.alert-square { 
        margin-top: 50px;
    }}

/* Note */
.note {
    padding: 10px;
    margin: 10px 0;
    border-left: 5px solid #eee;
}
.note h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.note p:last-child {
    margin-bottom: 0;
}

.note.note-default {
    border-color: #999;
    background: #f9f9f9;
}
.note.note-default h4 {
    color: #333;
}
.note.note-primary {
    border-color: #428bca;
    background: #E1F1FE;
}
.note.note-primary h4 {
    color: #428bca;
}
.note.note-success {
    border-color: #449d44;
    background: #F4FEF4;
}
.note.note-success h4 {
    color: #449d44;
}
.note.note-info {
    border-color: #5bc0de;
    background: #ECFAFE;
}
.note.note-info h4 {
    color: #5bc0de;
}
.note.note-warning {
    border-color: #ec971f;
    background: #FFF3E1;
}
.note.note-warning h4 {
    color: #ec971f;
}
.note.note-danger {
    border-color: #c9302c;
    background: #FFE9E8;
}
.note.note-danger h4 {
    color: #c9302c;
}

/* Group List */
.list-group > .list-group-item {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

/* Progress Bar */
.progress {
    box-shadow: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.progress > .progress-bar {
    box-shadow: none;
}
.progress > .progress-bar.progress-bar-inverse {
    background-color: #333;
}

.progress-sm {
    height: 14px;
    margin-bottom: 0px;
    margin-top: 3px;
}
.progress-sm .progress-bar {
    font-size: 10px;
    line-height: 15px;
}

.progress-xs {
    height: 8px;
    margin-bottom: 0;
    /*margin-top: 5px;*/
}

/* Modal */
.modal-dialog > .modal-content {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    box-shadow: none;
}
.modal-dialog.modal-success > .modal-content > .modal-header {
    background: #5cb85c;
    border-color: #4cae4c;
    color: #fff;
}
.modal-dialog.modal-info > .modal-content > .modal-header {
    background: #5bc0de;
    border-color: #46b8da;
    color: #fff;
}
.modal-dialog.modal-warning > .modal-content > .modal-header {
    background: #f0ad4e;
    border-color: #eea236;
    color: #fff;
}
.modal-dialog.modal-danger > .modal-content > .modal-header {
    background: #d9534f;
    border-color: #d43f3a;
    color: #fff;
}

/* Popover */
.popover {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

/* Tooltip */
.tooltip > .tooltip-inner {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    padding: 10px;
}

/* Page Error */
.page-error {
    text-align: center;
}
.page-error .page-error-container {
    color: #fff;
    background: #414141;
    padding: 50px;
    margin-bottom: 50px;
    text-shadow: 3px 3px 0px rgba(0, 0, 0, 0.2);
}
.page-error h1 {
    font-size: 180px;
    line-height: 140px;
    margin: 0;
    margin-bottom: 30px;
}
.page-error p {
    font-size: 40px;
    line-height: 40px;
    margin: 0;
}

/* Page Login */
.page-login {
    color: #fff;
    background: #414141;
    padding: 50px;
    margin-bottom: 50px;
    text-shadow: 3px 3px 0px rgba(0, 0, 0, 0.2);
}

/* Example */
.icon-example {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    display: table;
}
.icon-example li {
    float: left;
    width: 33.3%;
    height: 115px;
    padding: 10px;
    font-size: 11px;
    line-height: 1.4;
    text-align: center;
    background-color: #f9f9f9;
    border: 1px solid #fff;
}
.icon-example li:hover {
    background: #d9534f;
    color: #fff;
}
@media (min-width: 768px) {
    .icon-example li {
        width: 12.5%;
        font-size: 12px;
    }
}
.icon-example .glyphicon,
.icon-example .fa {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 24px;
}
.icon-example .glyphicon-class,
.icon-example .fa-class {
    display: block;
    text-align: center;
    word-wrap: break-word;
}
.icon-example li small {
    opacity: .6;
    font-size: 12px;
}

input[type=checkbox] {
    margin-right: 10px;
    margin-top: 10px;
}

.admin {
    background: #FFF;
    width: 100%;
    max-width: 40%;
    margin: auto;
    margin-top: 20px;
    padding: 5px;
    border-radius: 5px;
    margin-bottom: 50px;
}

/* 
Reduz o tamanho da Table para mobile
*/
@media 
only screen and (min-width: 240px) and (max-width: 764px){
    .admin {
        max-width: 100%;
    }
    .panel-body{
        padding: 15px;
    }
    .page-header{
        margin-top: 30px;
    }
    body{
        width: auto;
        padding-top: 20px; 
    }
    .main{
        margin-top: 30px;
    }
}
@media 
only screen and (min-width: 765px) and (max-width: 991px){
    .admin {
        max-width: 100%;
        margin-left: 10%;
    }
    .panel-body{
        padding-top: 20px;
    }
}
@media 
only screen and (min-width: 992px) and (max-width: 1023px){
    .admin {
        max-width: 100%;
        margin-left: 60%;
    }
    .panel-body{
        padding-top: 20px;
    }
}

.modal{
    top: 25%;
}

.btn-personal{
    background: #7643ea;
    color: #fff
}

.btn-personal:hover{
    background: #fff;
    color: #7643ea;
    border-color: #7643ea;
    transition-duration: 500ms;
}