.specialMessage li {

    width: 100%;

    font-size: 21px;

    line-height: 48px;
}



.specialMessage.navbar-toolbar {

    width: 100%;
}



.specialMessage li marquee {

    width: 100%;
}



.site-menubar-footer.dgFullMenuItem>a {

    width: 100% !important;
}



.site-navbar .navbar-header .navbar-brand {

    width: 100%;

    text-align: center;
}



.tableAction a {

    text-decoration: none;
}



.lightbox-block {

    max-width: 600px;

    padding: 15px 20px;

    margin: 40px auto;

    overflow: auto;

    background: #fff;

    border-radius: 3px;
}



.control-label {

    margin-top: 7px;
}



.dgMainPanel .form-group {

    display: flex;

    margin: 20px 0px;
}



.dgCalender .fc-event {

    border-radius: 1px;
}



.dgCalender .fc-event .fc-title {

    font-size: 13px;

    line-height: 20px;
}



.widgetBtn {

    height: auto;

    width: 100%;

    max-width: 100%;

    text-align: center;

    display: table;

    cursor: pointer;

    margin: 20px auto;
}



.avatarImage img {

    width: 300px;
}



.page-locked:before {

    background-image: url("assets/img/bg.jpg");

    z-index: 1;
}



.pageLoginContent {

    z-index: 9;

    position: relative;

    background: rgba(0, 0, 0, 0.5);

    border: 1px solid rgba(0, 0, 0, 0.4);
}



.userName {

    margin-bottom: 2px;

    margin-top: 20px;
}



.avatarImage {

    margin-bottom: 20px;
}





.avatar {

    background: #333;

    width: 30px;

    height: 30px;

    padding: 5px;

    text-align: center;

    margin: 0px auto;
}



.before-run .page,
.before-run .site-footer,
.after-run .site-menubar-unfold .page,
.after-run .site-menubar-unfold .site-footer {

    margin-left: 0px !important;

    margin-right: 0px !important;
}



.dgRightMenu {

    right: 0px;
}



.dgMainPanel .form-group.row {

    display: table;

    margin-top: 0px;
}



.dgBtn {

    text-decoration: none !important;
}



.simpleTitle {

    font-weight: lighter;
}

.mapDesign {

    padding: 3px;

    background: #fff;

    border: 3px solid #fff;
}

.tools .btn .icon {

    color: #fff;
}

.pageTitle {

    font-weight: lighter;

    font-size: 31px;
}

.addBtn {

    float: right;
}

.container {

    width: 100% !important;

    max-width: 1300px !important;
}

.mai-top-header .navbar-brand {

    background-image: url(assets/images/logo.png);

    background-size: auto 90%;
}

.invoice-aside {

    padding-left: 13px;

    padding-right: 13px;
}

.dgTable thead tr th {

    background-color: #fff;

    border-bottom: 1px solid #ddd;

    padding: 7px 10px;
}

.dgTable {

    outline: 1px solid #ddd;
}

.rounded-circle {

    border: 1px solid #ddd;
}

.splash-container .form-message {

    margin: 0px auto;
}

.mai-splash-screen {

    height: 100%;

    background-color: #ccc;

    background-size: cover;
}

@keyframes flash {

    0% {

        background-color: #fff;
    }

    12% {

        background-color: #ccc;
    }

    25% {

        background-color: #fff;
    }

    50% {

        background-color: #fff;
    }

    75% {

        background-color: #fff;
    }

    100% {

        background-color: #fff;
    }
}

.flash {

    animation: flash 3s linear infinite;
}

.urgentDispatchThisBooking td {

    border: 1px solid #F56959;

    animation: flash 5s linear infinite;
}

.dispatchThisBooking td {

    border: 1px solid #2CC185;

    animation: flash 10s linear infinite;
}

.urgentDispatchThisBooking td:first-child,

.dispatchThisBooking td:first-child {

    border-left-width: 5px;
}



.myFrame {

    margin: 10px 0px;

    border: 0px;
}

.panel-heading>.nav-tabs {

    font-size: 16px;
}

.nav-tabs>li>a {

    background: #47be8a;

    color: #fff;
}