/*.boxlef_login {
    background: url(../../img/footer_desktop.png);
    height: 520px;
    background-repeat: no-repeat;
    margin: 25% auto;
    width: 345px;
    margin-bottom: 0;
}*/
.bgr {
    background: url(../../img/footer_desktop.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.bglogin
{
    padding-top: 0px !important;
}
.loginpage
{
    padding: 0px !important;
    
}
.login-form {
    height: 100vh;
    display: table;
}
.content {
    padding: 0 10px 0px 20px !important;
    margin-top: 45px;
}
 
.loginDrom {
    
    border: none !important;
    display: table-cell;
    vertical-align: middle;
}
.form-lg {
    border: 1px solid #FF5722;
    background: white;
    padding: 25px;
    border-radius: 5px 5px 5px 5px;
}
.lg-login {
    font-size: 25px;
    color: black;
    font-weight: bold;
}
.styleLogin {
    border: 1px solid #CCC;
    border-radius: 5px;
}
.backgd {
    color: #006FD6;
    float: left;
    margin-top: 3px;
}
.footer_box_login {
    background: #BE1128;
    padding: 30px;
    border-radius: 0px 0px 8px 8px;
}
.boxcalendar {
    margin-top: 281px;
    display: inline-block;
    margin-left: 85px;
    width: 225px;
}
.ThangMonth {
    font-size: 25px;
    color: #000000;
    opacity: 0.4;
    font-weight: bold;
    text-align: center;
}
.NgayDay {
    color: #BE1128;
    font-size: 80px;
    font-weight: bold;
    text-align: center;
}
.xemlichngay {
    margin-top: 150px;
    margin-left: 85px;
}
.box_one {
    padding-top: 10px;
}
.box_one_1 {
    color: black;
    
    text-align: center;
    font-size: 13px;
}
.box_two_1 {
    color: black;
    
    text-align: center;
    font-size: 13px;
}
.box_two_2 {
    color: #BE1128;
    text-align: center;
    font-size: 40px;
    font-weight: bold;
}
.box_two_3 {
    color: black;
    
    text-align: center;
    font-size: 13px;
}
.box_one_2 {
    font-size: 60px;
    text-align: center;
    font-weight: bold;
    color: #BE1128;
}

.box_one_3 {
    font-size: 20px;
    color: black;
    text-align: center;
}
.box_three_1 {
    text-align: center;
    font-size: 11px;
    width: 70px;
    margin-left: 20PX;
}
.box_three_2 {
    text-align: center;
    margin-top: 14px;
}
.box_three_3 {
    text-align: center;
    margin-top: 16px;
}
.box_ca_info {
    background: url(../../assets/images/bg_page_Calendar.png);
}
.optionday {
    margin-top: 10px;
    color: black;
}
.optionday select {
    color: black;
    height: 30px;
    width: 81px;
    border-radius: 5px;
    padding-left: 5px;
}
.optionnextprev {
    margin-top: 10px;
    margin-left: 15px;
}
a.prev-calendar {
    color: white;
    margin-right: 10px;
}
a.prev-calendar i {
    color: white;
    font-size: 20px;
    margin-top: 5px;
}
a.next-calendar i {
    color: white;
    font-size: 20px;
    margin-top: 5px;
}
.date_current {
    font-size: 16px;
    margin-top: 13px;
    margin-left: 14px;
    font-weight: bold;
}


.calendar_info {
    background: #ffecb3;
    box-shadow: -1px 0px 0px #ffecb3;
    overflow: hidden;
}
.title_xt {
    font-weight: bold;
    margin-left: 10px;
    padding-top: 10px;
    font-size: 16px;
}
.title_xt_note {
    margin-left: 10px;
}
.box_content_if {
    padding: 10px;
}
.header_top {
    background-color: #FFF;
    position: fixed;
    z-index: 10;
    left: 28%;
    right: 0;
    padding-top: 10px;
}
.header_top_home {
    background-color: #FFF;
    position: fixed;
    z-index: 10;
    left: 28%;
    right: 0;
    padding-top: 10px;
}
.groupbox {
    background: aliceblue;
    float: left;
    padding: 3px;
    border-radius: 3px;
    border: 1px solid #CCC;
}
.active_l
{
    background-color: #FFF;
}
.header_content {
    font-weight: bold;
    margin-top: 5px;
    font-size: 18px;
    margin-bottom: 10px;
}
.pic_box_event {
    overflow: hidden;
    text-align: center;
    background: white;
    border-radius: 5px 5px 0px 0px;
    height: 140px;
}
.item_box_event {
    background: #FFF;
    border-radius: 10px;
    margin-bottom: 15px;
    
}
.time_box_event {
    color: #BE1128;
    font-weight: bold;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 15px;
    margin-top: 10px;
}
.title_box_event {
    padding-left: 15px;
    padding-right: 15px;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
    
    overflow: hidden;
}
.info_box_event {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
}
.info_box_event ul {
    padding-left: 0;
    list-style: none;
}
span.icon_box_event {
    padding-right: 10px;
    width: 25px;
    display: inline-block;
}
.wts {
    width: 106px;
    border: 1px solid #DFE3E8;
    border-radius: 5px;
    padding-left: 10px;
    box-sizing: border-box;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.03);
}
.list_right li {
    list-style: none;
    float: left;
    border-right: 1px solid #FFFFFF;
    padding-right: 15px;
    padding-left: 15px;
}
ul.list_right {
    margin-top: 15px;
}
.bg-slate {
    background-color: transparent !important;
    color: #fff;
    padding: 0 !important;
}
.list_right li:last-child
{
    border-right: none;
}
.awatar {
    float: right;
    width: 40px;
    height: 33px;
    margin-top: -6px;
    margin-right: -32px;
    margin-left: 15px;
}
.day_event {
    margin-top: 40px;
    font-size: 16px;
    padding-top: 15px;
}
.box_left {
    width: 40px;
    background: #BE1128;
    text-align: center;
    color: white;
    line-height: 40px;
    border-radius: 50%;
    margin: 10px;
    float: left;
    margin-top: 0px;
}
.box_left_hour {
    width: 40px;
    text-align: center;
    margin: 10px;
    float: left;
    margin-top: -10px;
}
.box_right_ti {
    border-left: 3px solid #006FD6;
    padding-left: 10px;
    background: #E5F3FF;
    line-height: 37px;
    font-size: 14px;
    color: #006FD6;
    margin-left: -2px;
    margin-top: 2px;
    font-weight: bold;
    margin-bottom: 10px;
}
.box_right_ti_day {
    padding-left: 10px;
    background: #E5F3FF;
    font-size: 14px;
    margin-left:0px;
    margin-top: 2px;
    font-weight: bold;
    height: 40px;
    position: absolute;
    width: 100%;
    
    padding-right: 10px;
}
.box_right_ti_content {
    min-height: 45px;
    font-size: 16px;
    margin-left: 70px;
    border-top: 1px solid #CCC;
    padding-top: 10px;
    border-left: 1px solid #CCC;
}
.box_right_ti_content_day {
    height: 45px;
    font-size: 13px;
    margin-left: 70px;
    border-top: 1px solid #CCC;
    padding-top: 10px;
    border-left: 1px solid #CCC;
}
.box_info_talent {
    position: relative;
     
}
.day_title {
    margin-left: 10px;
}
.box_rig {

    border-top: 1px solid #CCC;
}
.calendar_hour_in_day {
    border-top: 1px solid #CCC;
    overflow: hidden;
}
.box_right_ti_active {
    border-left: 3px solid #A40F22;
    padding-left: 10px;
    height: 40px;
    background: #FDE8E8;
    line-height: 37px;
    font-size: 16px;
    color: #006FD6;
    margin-left: -2px;
    margin-bottom: 10px;
    margin-top: -1px;
    font-weight: bold;
}
.ui-datepicker-header
{
    display: none;
}
.ui-pnotify-closer, .ui-pnotify-sticker {
   
    visibility: visible !important;
}

.box_calendar_info {
    background: #FFECB3;
}

.rowcd {
    overflow: hidden;
}

.iconhome_wd {
    margin-top: 10px;
    margin-right: 10px;
    font-size: 20px;
}

.content_mobile {
    width: 100%;
    background: #FFF9E5;
    padding-bottom: 30px;
}

.page-content {
    overflow: hidden;
}

.navbar-header-mobile {
    margin-left: 285px;
}

.content_mobile_mobile {
    margin-left: 285px;
    width: 100%;
}

li.searchbox {
    margin-left: 10px;
    margin-right: 10px;
}

.sidebarsearch {
    border: 1px solid #DFE3E8;
    background: #FFF;
    border-radius: 6px;
    margin-bottom: 14px;
    padding-left: 36px;
}

.icons {
    position: absolute;
    color: #333;
    margin-top: 10px;
    margin-left: 10px;
}

.box_mobile_content {
    margin: 10px;
    background: #FFF;
    border-radius: 8px;
    padding: 10px;
    margin-bottom: 15px;
}

.box_mobile_content_header {
    font-weight: bold;
    font-size: 16px;
}

.mt-50 {
    margin-top: 50px !important;
}

input[type="checkbox"] {
    /*visibility: hidden;*/
}

label {
    cursor: pointer;
}

input[type="checkbox"] + label:before {
    border: 1px solid #F7A30A;
    content: "\00a0";
    display: inline-block;
    font: 12px/1em sans-serif;
    height: 13px;
    margin: 3px 0.25em 0 0;
    padding: 0;
    vertical-align: top;
    width: 13px;
    border-radius: 3px;
}

input[type="checkbox"]:checked + label:before {
    background: #F7A30A;
    color: #000;
    content: "\2713";
    text-align: center;
}

input[type="checkbox"]:checked + label:after {
    font-weight: bold;
}

input[type="checkbox"]:focus + label::before {
    outline: rgb(59, 153, 252) auto 5px;
}

.left_event {
    width: 80px;
    margin-top: 10px;
}

.right_event {
    width: 80px;
    margin-top: 10px;
}

.event_focus {
    background: #FDE8E8;
    padding: 10px;
    box-shadow: inset 2px 0px 0px #BE1128;
    color: #A40F22;
    font-weight: bold;
}

.boxev {
    margin-top: 10px;
    overflow: hidden;
}

.allC {
    margin-top: 20px;
    font-weight: bold;
    padding-bottom: 10px;
}
.menumobile li a {
    color: #FFF !important;
}
.menumobileClose {
    display: none !important;
}
.day_title span {
    margin-left: 15px;
}
.crrr img {
    width: 100%;
}
.btnbutton_add {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 1000;
}
.tablecalendar tr td{
   border:1px solid #CCC;
}
    .tablecalendar tr td:first-child {
        border: none;
        vertical-align: top;
    }
.tablecalendarmonth
{
    padding-bottom:20px !important;
}
    .tablecalendarmonth tr td {
        padding-top: 0px !important;
        border: 1px solid #EAEEF2;
    }
.body_event {
    min-height: 65px;
}
.body_event_month {
    min-height:120px;
}
.tablecalendarmont .time_clock {
    min-height: 100px;
}
.body_event {
    min-height: 65px;
}
.box_right_ti_vent {
    border-left: 3px solid #006FD6;
    background: #E5F3FF;
    font-size: 12px;
    color: #006FD6;
    margin-left: -2px;
    margin-bottom: 10px;
    margin-top: -1px;
    padding: 5px;
}
.hink
{
    opacity:0.4;
}
.currentDay {
    background: #BE1128;
    border-radius: 50%;
    color: white !important;
    font-weight: bold;
    padding-left: 4px !important;
    width: 18px;
    font-size: 10px;
    padding-right: 4px !important;
    padding-bottom: 4px !important;
    display: inline-block;
    height: 19px;
    padding-top: 2px;
}
.ThangMonth_Sd {
    margin-left: 25px;
    font-weight: bold;
    overflow: hidden;
    padding-top: 20px;
}
.title_month {
    margin-right: 10px;
}
.title_month a i {
    font-size:12px;
}
table.tablecalendarmonthALL {
   
    width:100%;
}
.mycalendar {
    margin: 10px;
}


.tablecalendarmonthALL tr th {
    padding-top: 8px;
    padding-bottom: 8px;
}
.tablecalendarmonthALL tr td {
   vertical-align:middle;
}
.body_event_month_all {
    min-height: 40px;
    vertical-align: middle;
    cursor:pointer;
}

.body_event_month_all {
    min-height: 40px;
    vertical-align: middle;
    font-size: 14px;
}
.acticed {
    color: red !important;
    background: no-repeat;
    font-weight: bold;
    font-size: 15px;
    padding-top: 0px;
}
.dot_event {
    background: #FFC20E;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    position: absolute;
    margin-top: 19px;
    margin-left: -5px;
}
.tablecalendarmonthALL  a{
    color:black;
}
.ml-2 {
    margin-left: 2px;
}
.lim {
    color: red;
    font-size: 14px;
    margin-top: 8px;
    font-style: italic;
    font-weight: normal;
}
.lim  a{
    color: red;
  
}
.pic_box_event img {
    border-radius: 5px 5px 0px 0px;
}
.pt-10 {
    padding-top: 10px !important
}
 
.tablecalendarmonthALL td:nth-child(1) a {
    color:red;
}
.awatar img {
    border-radius: 50%;
    height: 30px;
}
.bg_loader {
    z-index: 10000;
    text-align: center;
    width: 165px;
    height: 37px;
    position: fixed;
    background: white;
    top: 5px;
    right: 14px;
    border-radius: 7px;
    display:none;
}
.pace-running .bg_loader
{
    display:block  ;
}
.pace-done .bg_loader {
    display: none ;
}
.loadingPopup i {
    font-size: 25px;
    color: #BE1128;
    margin-top: 7px;
}
.bg_load {
    position: fixed;
    background: black;
    height: 100vh;
    width: 100%;
    opacity: 0.24;
}
.loadingPopup {
    opacity: 1;
    text-align: left;
    margin-left: 10px;
}

    .loadingPopup img {
        width: 125px;
    }

.hedC {
    height: 200px;
}

.boxEventMobile {
    height: 228px;
    background: white;
    margin: 10px;
    position: relative;
    border-radius: 8px;
    box-shadow: 0 0 3px #FFF;
    border: 1px solid #FFF;
}

.title_tienichMobile {
    font-weight: bold;
    padding-left: 13px;
    padding-top: 10px;
    font-size: 16px;
}
.icon_tc {
    margin-top: 14px;
}
.title_tienc {
    text-align: center;
    font-size: 15px;
}
.boxEventMobile {
    height: 240px;
    background: white;
    margin: 10px;
    position: relative;
    border-radius: 8px;
    box-shadow: 0 0 3px #FFF;
    border: 1px solid #FFF;
    margin-bottom: 57px;
}
.contentdccd {
    background: #FFF;
    padding: 10px;
    box-shadow: inset 0px 1px 0px #EAEEF2;
    
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1000;
}

.iconhome {
    text-align: center;
}
.menu1 {
    text-align: center;
    color: #B6BEC8;
}
.icon_topm img {
    margin-top: -18px;
    width: 70px;
    margin-left: -5px;
}

.box_right_ti_day:focus{
    z-index:100 !important;
}
.indexC {
    z-index: 100 !important;
}
.next_day {
    position: absolute;
    color: #777;
    bottom: 9px;
    right: 3px;
    padding-left: 25px;
    padding-top: 20px;
    padding-bottom: 25px;
}
.prev_day {
    position: absolute;
    color: #777;
    bottom: 9px;
    left: 3px;
    padding-right: 25px;
    padding-top: 20px;
    padding-bottom: 25px;
}
.next_day i {
    font-size: 16px;
}
.prev_day i {
    font-size: 16px;
}
.allday {
    position: absolute;
    left: 71px;
    right: 0;
    top: 10px;
}

.allday_list {
    margin-left: 70px;
}

.styleInput {
    border: 1px solid #CCC;
    border-radius: 3px;
    padding-left: 10px;
    height: 30px;
}
.styleInputarea {
    border: 1px solid #CCC;
    border-radius: 3px;
    padding-left: 10px !important;
    height: 30px;
}
.styleOption {
    border: 1px solid #CCC;
    padding-left: 10px !important;
    border-radius: 3px;
}
.cds
{
    font-weight:bold;
     
}
.btn-events {
    background: #FFC20E;
}
.styleInputTime
{
    border:none;
}
img.noimage {
    width: 75%;
    vertical-align: middle;
    margin-top: 30px;
}
.calendar_tr_mobile {
    border-bottom: 2px solid #CCC;
    margin-bottom: 8px;
    padding-bottom: 10px;
}
table.tablecalendarmobile {
    width: 100%;
    
}
table.tablecalendardesktop {
    width: 100%;
    height: calc(100vh - 115px);
}
.tablecalendardesktop tr {
    border-bottom: 1px solid #CCC;
}
.tablecalendarmobileH {
    width: 100%;
}
    .tablecalendarmobileH tr th {
        width: 200px;
    }
.tablecalendardesktop tr td {
    vertical-align: top;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    width: 200px;
}
.tablecalendarmobile tr td {
    vertical-align: top;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    width: 200px;
}
.body_event_mobile_all {
    min-height: 60px;
    vertical-align: middle;
    font-size: 11px;
    color: #454F5B;
    min-height: 50px;
}
.body_event_desktop_all {
  
    vertical-align: middle;
    font-size: 18px;
    color: #454F5B;
    padding-left: 10px;
    padding-right: 10px;
    min-height:100px;
}
.EventDot {
    font-size: 12px;
    background: #F8F9FA;
    box-shadow: inset 2px 0px 0px #B6BEC8;
    font-weight: bold;
    color: #212B36;
}
.EventDot_canhan {
    font-size: 12px;
    background: #FDE8E8;
    box-shadow: inset 2px 0px 0px #BE1128;
    font-weight: bold;
    color: #A40F22;
}
.EventDot_phongban {
    font-size: 12px;
    background: #FFF9E5;
    box-shadow: inset 2px 0px 0px #FFC20E;
    font-weight: bold;
    color: #F7A30A;
}
.dot_note {
    background: #BE1128;
    height: 20px;
    width: 20px;
    display: block;
    border-radius: 50%;
    float: left;
    margin-right: 5px;
    margin-left: 10px;
}
.dot_note_phongban {
    background: #FFC20E;
}
.dot_note_toanhang {
    background: #B6BEC8;
}
.notication_calendar {
    
    background: #FFF;
    padding-top: 15px;
    padding-bottom: 15px;
}
.nca {
    padding-left: 8px;
}
.number_add {
    font-size: 11px;
    text-align: left;
    margin-left: 5px;
    font-weight: bold;
}
.tablecalendarmobile  tr > td:last-of-type {
    border-right:none !important;
}
.tablecalendardesktop tr > td:last-of-type {
    border-right: none !important;
}
 .fixHeaderTable {
    background: #FFF;
    margin-top: 5px;
}
.doth {
    margin-left: 2px;
    height: 12px;
    width: 12px;
    margin-top: 3px;
}
.btnhl {
    width: 170px;
    text-align: left;
    background: #FFF;
    border: none;
    height: 25px;
}
.event_body_dot {
    width: 100%;
    display: block;
    overflow: hidden;
    text-align: center;
    margin-top: -12px;
}
.menutopHome_sidebar .navbar 
{
    margin-left:28% !important;
}

.EventDotHome_canhan {
    font-size: 12px;
    background: #FDE8E8;
    box-shadow: inset 2px 0px 0px #BE1128;
    font-weight: bold;
    color: #A40F22;
    text-align: left;
    padding-left: 10px;
    margin-bottom: 2px;
}
.EventDotHome_phongban {
    font-size: 12px;
    background: #FFF9E5;
    box-shadow: inset 2px 0px 0px #FFC20E;
    font-weight: bold;
    color: #F7A30A;
    text-align: left;
    padding-left: 10px;
    margin-bottom: 2px;
}
.EventDotHome {
    font-size: 12px;
    background: #F8F9FA;
    box-shadow: inset 2px 0px 0px #B6BEC8;
    font-weight: bold;
    color: #212B36;
    text-align: left;
    padding-left: 10px;
    margin-bottom: 2px;
}
.tablecalendarmobile  tr{
    border-bottom:1px solid #CCC;
}
.textMenutop {
    display: inline-block;
    margin-top: 1px;
    padding-left: 25px;
}
.mobilefont
{
    font-size:8px;
}
.activeFooter
{
    color:red;
}
.time-input-list {
    z-index: 100000 !important;
}

.withH .picker__holder {
    width: 110px !important;
}
.header_top_menu {
    width: 100%;
    overflow: hidden;
}
.info_box_event ul li{
    margin-bottom:20px;
}
.modal-dialog {
     
    margin-top: 80px !important;
}
#ModalDate .modal-dialog {
    margin-top: 50px !important;
}
span.bb {
    color: red;
    position: absolute;
    right: 0;
    margin-top: -22px;
    margin-right: 9px;
}

.byear{
    background: #FFF;
    padding-bottom: 20px !important;
    padding-top: 5px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.pd-0{
    padding:0px !important;
}
.hidem
{
    display:none;
}
.yeartb {
    min-height: 305px;
}
.menuCl .closem
{
    display:block !important;
}
.menuCl .defaultsidebar {
    display: none;
}
.iconhome i {
    font-size: 18px;
    margin-top: 5px;
    color: #B6BEC8;
}
.menu2 {
    text-align: center;
    color: #B6BEC8;
}
.activeFooter i, .activeFooter .menu2 {
    color: red;
}
.llist
{
    padding:0;
    margin-top:20px;
    margin-bottom:20px;
}
.llist li {
    list-style: none;
    float: none;
    color:white;
    line-height:35px;
}
    .llist li img {
        margin-right: 10px;
        width: 20px;
    }
img.img_profile {
    border-radius: 50%;
    height: 20px;
    width: 20px;
}
.sund .body_event_desktop_all
{
    color:red;
}
.CheckDV li a {
    padding-top: 5px;
    font-size: 12px;
    text-transform: none;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-left: 5px;
}
.CheckDV li {
    line-height: 20px;
    border: 1px solid #CCC;
}
.cad {
    margin-right: 10px;
}
.box_right_ti_content_day
{
    cursor:pointer;
}
.disabled-link {
    pointer-events: none;
}
.navbar-top {
     padding-right: 0px !important;
}
.modal-addEvent {
    position: relative;
    padding: 20px;
}
.modal-editEvent {
    position: relative;
    padding: 20px;
}
.text-black{
    color:black;
}
.text-red
{
    color:red;
}
.styleIcon {
    width: 15px;
    margin-right: 0;
    margin-top: -3px;
    margin-left: 1px;
}
.time_box_event  img{
    width:18px !important;
}
span#FullNameDisplay {
    margin-left: 10px;
    margin-top: 2px;
    display: inline-block;
}

/*body{
    height: 100vh;
}

.page-container.bglogin{
    height: 100%;
}

.page-content {
    height: 100%;
}

.content-wrapper {
    height: 100%;
}*/

.boxlef_login {
    color: #000;
    font-size: 8rem;
    font-weight: bold;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

/*.text-power {
            color: #ffdc00;
        }

        .text-home {
            color: #ffdc00;
        }

        .text-hd {
            color: #be1128;
        }

        .text-bank {
            color: #464646;
        }

        .text-hdbank {
            display: flex;
        }*/

.brand-image {
    width: 100%;
}

.loading-all {
    position: fixed;
    overflow: hidden;
    background: url(../../../imges/loader.gif) no-repeat center;
    opacity: 0.8;
    z-index: 1039;
    height: 100%;
    width: 100%;
    border: 40px 40px;
    display: none;
}

html{
    font-size: 16px;
}