/*!
 *   AdminLTE v2.4.8
 *   Author: Almsaeed Studio
 *	 Website: Almsaeed Studio <https://adminlte.io>
 *   License: Open source - MIT
 *   Please visit http://opensource.org/licenses/MIT for more information
 */


/*
 * Core: General Layout Style
 * -------------------------
 */

/* Global */

.table a {
    color: #000;
}

.table a i {
    font-size: 2rem;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
    box-shadow: 0 0 1px 2px rgb(0 53 99 / 27%);
}

.nav-pills>li>a {
    background-color: rgb(202 202 202);
    margin: 2px;
    border-radius: 4px;
}

.mx-datepicker {
    width: 100% !important;
}


/* Alert */

.content-wrapper>#app>.alert {
    display: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    padding: 15px;
    width: 350px;
    box-shadow: 0 1px 3px 0 #3c8dbc;
    z-index: 1;
}

.content-wrapper>#app>.alert p {
    font-weight: bold;
}

.content-wrapper>#app>.alert i {
    font-size: 30px;
    opacity: 0.5;
    /* margin-top:3px; */
}


/* Login page */

.login-page {
    background-image: url("https://images8.alphacoders.com/987/thumb-1920-987888.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
}

.login-box-body,
.register-box-body {
    border-radius: 12px;
    box-shadow: 0 0 20px #1e68ef;
}

.login-page .btn.btn-flat {
    /* border-radius: 12px;  */
}


/* Calendar */

#my-calendar {
    width: 100%;
    float: left;
}

.nav-sidebar {
    display: none;
    width: 30%;
    padding: 0 0;
    border-right: 1px solid #ddd;
    background-color: #fff;
    float: left;
    margin-top: 108px;
}

.nav-sidebar a {
    color: #333;
    -webkit-transition: all 0.08s linear;
    -moz-transition: all 0.08s linear;
    -o-transition: all 0.08s linear;
    transition: all 0.08s linear;
}

.nav-sidebar .active a {
    cursor: default;
    background-color: #0b56a8;
    color: #fff;
}

.nav-sidebar .active a:hover {
    background-color: #E50000;
}

.nav-sidebar .text-overflow a,
.nav-sidebar .text-overflow .media-body {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

td.fc-today {
    background: #04c !important;
}

.fc-widget-header {
    /* background: #1473b6; */
    background: #1473b6;
}

.fc-toolbar .fc-left {
    margin-bottom: 2px;
}


/* #world-map */

.jvectormap-zoomin,
.jvectormap-zoomout {
    padding: 0;
}

#rowTasks .tools {
    display: none;
    float: right;
    color: #000;
}

#rowTasks .tools>.fa,
#rowTasks .tools>.glyphicon,
#rowTasks .tools>.ion {
    margin-right: 5px;
    cursor: pointer;
}

#rowTasks .col-sm-6:hover .tools {
    display: inline-block;
}


/* messages */

.mailbox-messages table {
    display: none;
}

.mailbox-messages table.active {
    display: table;
}

.mailbox-messages .box-spinner {
    display: none;
}

.mailbox-read-message .box-form {
    margin-top: 15px;
}

.mailbox-read-message .row-message {
    cursor: pointer;
    margin-bottom: 10px;
}

.mailbox-read-message .box-message-avatar img {
    width: 100%;
}

.mailbox-read-message .box-message-message {
    height: 20px;
    overflow: hidden;
}

.mailbox-read-message .row-message.active .box-message-message {
    height: auto;
    cursor: default;
}