@font-face {
    font-family: AvenirLTStd-book;
    src: url(font/AvenirLTStd-Book_0.otf);
    
}
@font-face {
    font-family: AvenirLTStd-Heavy;
    src: url(font/AvenirLTStd-Heavy.otf);
    
}
@font-face {
    font-family: AvenirLTStd-Medium;
    src: url(font/AvenirLTStd-Medium.otf);    
}
@font-face {
    font-family: AvenirLTStd-Light;
    src: url(font/AvenirLTStd-Light_0.otf);   
}
@font-face {
    font-family: AvenirLTStd-Roman;
    src: url(font/AvenirLTStd-Roman_0.otf);   
}
@font-face {
    font-family: AvenirLTStd-black;
    src: url(font/AvenirLTStd-Black.otf);   
}
@font-face {
    font-family: AvenirLTStd-BookOblique;
    src: url(font/AvenirLTStd-BookOblique.otf);   
}
@font-face {
    font-family: Acens;
    src: url(font/Acens.ttf);   
}



body
{
    font-family: AvenirLTStd-book !important;
}

body.verify_verify
{
    display : block;    /* special case for Safari */
}

table td a{
    color : #4dffff;
   
}

table td a:hover{
    color : #0068e8;
    border-bottom : 0px dotted #4dffff;
    text-decoration : none;
}


.main_bg
{
    background: url(images/main_bg.jpg);
    margin-bottom: 0 !important;
}
.m-header--fixed .m-body
{
    padding-top: 80px!important;
    padding-left: 100px !important;
   
}
.header_bg
{
    background: #011638 !important;
}
.logo_div
{
    display: flex;
    align-items: center;
}
.logo_div .m-brand__logo
{
    padding: 0 22px;
}
.m-aside-left--minimize .m-aside-left
{
    width: 100px !important;
    box-shadow: none;
}
.m-aside-left--minimize .m-aside-menu .m-menu__nav
{
    padding: 80px 0 40px 0;
}
.m-brand {
    height: 80px;
    background: #011638 !important;
}
.m-brand__logo
{
    color:#4dffff;
    font-size: 28px;
}
.m-brand__logo:hover
{
    color:#4dffff;
    text-decoration: none;
}
.home_page
{
    padding: 20px !important;
}
.m-header
{
    padding-left: 0px !important;
}
.my_header
{
    height: 80px;
    z-index: 1024 !important;
}
.header_search
{
    margin-top: 15px;
}
.header_search .m-input
{
    padding: 4px 4px 4px 7px !important;
    background-color: #042555;
    color: #fff;
    border-color: #0068e8;
    border-radius: 0;
}
.header_search .m-input::placeholder {
    color: #fff;
    opacity: 1; /* Firefox */
  }
  
.header_search .m-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #fff;
  }
  
.header_search .m-input::-ms-input-placeholder { /* Microsoft Edge */
   color: #fff;
  }
.header_search  i
{
    color:#fff !important;
    margin-top: 5px;
}
.page_title
{
    color:#fff;
    font-size: 18px;
    padding-left: 20px;
}
.left_menu>li
{
    height: auto !important;
}
.left_menu>li>a
{
    position: relative;
}
.left_menu>li>a::after
{
    content: '';
    height: 100%;
    width: 5px;
    left: 0;
    top: 0;
    background: #0068e8;
    position: absolute;
   display: none;
}
.left_menu>li:hover>a::after
{
    display: block;
}
.left_menu>li.active>a::after
{
    display: block;
}

.left_menu>li:hover>a
{
    background: transparent !important;
}
.left_menu>li>a .image_hover
{
    display: none;
}
.left_menu>li:hover>a
{
    background: transparent !important;
    
}

.left_menu>li:hover>a .image_hover
{
    display: inline-block;
}
.left_menu>li.active>a .image_hover
{
    display: inline-block;
}
.left_menu>li:hover>a .image_original
{
    display: none;
}
.left_menu>li.active>a .image_original
{
    display: none;
}
.user_name
{
    text-align: right !important;
    padding-right: 10px;
}
.user_name>span:nth-child(1)
{
    color:#fff;
    font-size: 16px;
    text-transform: capitalize;
}
.user_name>span:nth-child(2)
{
    color:#4dffff;
    font-size: 20px;
    text-transform: capitalize;
    font-family: AvenirLTStd-Heavy;
}
.m-header-head.header_bg
{
    display: flex !important;
    justify-content: space-between;
}
.date_time_regian
{
    display: flex;
    align-items: center;
}
.date_time_regian .m-menu__item>img
{
    margin-top: -6px;
    margin-right: 10px;
}
.date_time_regian .date_details
{
    font-size: 18px;
    color:#fff;
}
.date_time_regian>ul
{
    display: flex;
    justify-content: space-between;
    list-style-type: none;
}
.date_time_regian>ul>li:nth-child(2) {
    padding: 0 20px;
}
/* device status */
.device_div_border
{
    border:1px solid #175c7f; 
    padding:28px 20px 20px;
    margin-top: 25px;
    position: relative;
}
.over_border_text
{
    position: absolute;
    color: #4dffff;
    font-family: Acens;
    letter-spacing: 1px;
    font-size: 20px;
    top: -14px;
    left: -1px;
    background: #001229;
    padding-left: 20px;
    padding-right: 20px;  
}
.over_border_text::after
{
    content:'';
    height: 8px;
    width: 8px;
    background: #4dffff;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    right: 0;
}
.over_border_text::before
{
    content:'';
    height: 8px;
    width: 8px;
    background: #4dffff;
    border-radius: 50%;
    position: absolute;
    bottom: 0px;
    left: -3px;
}
.devices_div
{
    background: url(../new_assets/images/online_device.png) no-repeat;
    background-size: 94% 100%;
    padding: 65px 0px 65px 38px;
    position: relative;
    margin: 10px 0 17px 0;
}
.svg_div_deshbord
{
    position: absolute;
    height: 190px;
    width: 190px;
    right: 0;
    top: -5px;
}
.progress_div
{
    margin-right: 200px;
}
.progres_bar {
    width: 100%;
    height: 50px;
    background: #fff;
    border-radius: 30px;
    
}
.use_device
{
    float: left;
    height: 50px;
    background: url(images/progress.png);
    border-radius: 30px;
    font-size: 25px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color:#000;
    font-family: AvenirLTStd-black;
}
.remain_device
{
    float: left;
    height: 50px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    font-size: 25px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color:#000;
    font-family: AvenirLTStd-black;
}
.circle_progress_device
{
    position: absolute;
    right: -18px;
    top: -3px;
}

/* chart css */
.day_status_border
{
    border:1px solid #175c7f; 
    padding: 20px 20px 40px 20px;
    margin-top: 60px;
    position: relative;
    clear: both;
    float: left;
    width: 100%;
}
.top_title
{
    color: #fff;
    font-family: Acens;
    letter-spacing: 1px;
    font-size: 22px;
    padding:15px 0; 
}
.chart_div
{
    position: relative;
    background: url(../new_assets/images/chartbox.png) no-repeat;
    background-size: 100% 100%;
}
.chart_box
{
    height: 530px;
    width: 94%;
    padding-top: 46px;   
    right: 0;    
    margin: 0 auto;
}
.chart_block {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    height: 70%;
    border-bottom: 2px solid #277cf4;
}
.chart_block>div {
    display: flex;
    align-items: flex-end;
}
.chart_block>div>.total_sale_stock
{
    height: 100%;
    width: 5px;
    background: #32eaea;
    display: inline-block;
    margin-right: 10px;
    position: relative;
}
.chart_block>div>.total_tex_stock
{
    height: 100%;
    width: 5px;
    background: #fcb73c;
    display: inline-block;
    position: relative;
}
/* tooltip */
/* .chart_block>div>.total_sale_stock::after */
.total_sale_stock_amt_after
{
   
    position: absolute;
    top: -45px;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgb(50, 234, 234);
    box-shadow: 0px 0px 24px 0px rgb(0, 106, 255);
    padding: 6px 8px;
    border-radius: 5px;
    color:#000000;
    font-family: AvenirLTStd-black;
    font-size: 15px;
    display: none;
    z-index: 11;

}

/* .chart_block>div>.total_sale_stock::before */
.total_sale_stock_amt_before
{
    width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
    border-top:5px solid rgb(50, 234, 234);
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    top: -11px;
    z-index: 111;
    display: none;
}
.chart_block>div>.total_sale_stock:hover::after
{
    display: block;
}
.chart_block>div>.total_sale_stock:hover::before
{
    display: block;
}

/* .chart_block>div>.total_tex_stock::after */
.total_tax_amt_after
{
    content: "$599";
    position: absolute;
    top: -45px;
    left: 50%;
    transform: translateX(-50%);
    
    background-color: rgb(252, 183, 60);
    box-shadow: 0px 0px 24px 0px rgb(0, 106, 255);
    padding: 6px 8px;
    border-radius: 5px;
    color:#000000;
    font-family: AvenirLTStd-black;
    font-size: 15px;
    display: none;

}

/* .chart_block>div>.total_tex_stock::before */
.total_tax_amt_before
{
    content: '';
    width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
    border-top:5px solid rgb(252, 183, 60);
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    top: -11px;
    z-index: 111;
    display: none;
}
.chart_block>div>.total_tex_stock:hover::after
{
    display: block;
}
.chart_block>div>.total_tex_stock:hover::before
{
    display: block;
}

.chart_hours
{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-top: 15px;
}
.chart_hours>div
{
    text-align: center;
}
.chart_hours>div>span
{
    font-size: 14px;
    text-transform: uppercase;
    color:#4dffff;
    
}
.chart_bottom_text
{
    
    margin: 15px auto;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    color: #4dffff;    
}


/* four box  */
.total_box
{
    clear: both;
    float: left;
    width: 100%;
}
.four_box
{
    position: relative;
    width: 48%;
}
.box_text
{
    
    top: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    padding-left: 50px;
    padding: 35px 0 35px 50px;
}
.box_text h2
{
    font-size: 38px;
    font-family: AvenirLTStd-black;
    margin-bottom: 0;
}
.box_text p
{
    font-size: 18px;
    margin: 0;
    color:#fff;
    font-family: AvenirLTStd-Medium;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.t_sale
{
    background: url(../new_assets/images/box1.png) no-repeat;
    background-size: 100% 100%;
    
}
.t_sale h2
{
    color:#4dffff;
}
.t_tex
{
    background: url(../new_assets/images/yellowbox.png) no-repeat;
    background-size: 100% 100%;
   
}

.t_tex h2
{
    color:#fcb73c;
}
.t_transacton
{
    background: url(../new_assets/images/whitebox.png) no-repeat;
    background-size: 100% 100%;
   
}

.t_transacton h2
{
    color:#fff;
}
.t_refund
{
    background: url(../new_assets/images/redbox.png) no-repeat;
    background-size: 94% 100%;    
    margin-top: 16px;
}
.t_refund h2
{
    color:#e74c3c;
}

/* month statistic  */
.month_statistics .chart_div
{
    background: url(../new_assets/images/monthstaticsbox.png) no-repeat;
    background-size: 100% 100%;
}
.month_statistics .chart_block
{
    height: 75%;
    border-bottom: 2px solid #3cd5af;
    
}
.month_statistics .chart_box
{
    width: 96%;
}
.month_statistics .chart_hours>div>span
{
    text-transform: capitalize;
    color: #ffffff;
}
.month_statistics .chart_bottom_text
{
    color:#fff;
}
.month_statistics .chart_block>div>.total_sale_stock
{
    background: #ffaf7b;
}
.month_statistics .chart_block>div>.total_tex_stock
{
    background: #b3d25a;
}
.month_statistics .chart_block>div>.total_sale_stock::after
{
    background-color: rgb(255, 175, 123);
    box-shadow: 0px 0px 24px 0px rgb(254, 131, 51);
}
.month_statistics .chart_block>div>.total_sale_stock::before
{
    border-top: 5px solid rgb(255, 175, 123);
}
.month_statistics .chart_block>div>.total_tex_stock::after
{
    background-color: rgb(168, 205, 66);
    box-shadow: 0px 0px 24px 0px rgb(183, 249, 0);
}
.month_statistics .chart_block>div>.total_tex_stock::before
{
    border-top: 5px solid rgb(168, 205, 66);
}
.mt_sale
{
    background: url(../new_assets/images/brownbox.png) no-repeat;
    background-size: 100% 100%;
}
.mt_sale h2
{
    color: #ffaf7b;
}
.mt_tex
{
    background: url(../new_assets/images/greenbox.png) no-repeat;
    background-size: 100% 100%;
}

.mt_tex h2
{
    color:#acce4c;
}
.mt_transacton
{
    background: url(../new_assets/images/skybluebox.png) no-repeat;
    background-size: 100% 100%;
}
.mt_refund
{
    background: url(../new_assets/images/redbox2.png) no-repeat;
    background-size: 94% 100%;
}
.midal_time_details
{
    clear: both;
    float: left;
    width: 100%;    
    margin-top: 45px;
}
.midal_time_details .date_time_regian
{
    justify-content: center;
    padding: 20px 0;
    background: #001e5a;
    border: 1px solid #0f5575;
    
}
.footer_div
{
    background: #011638;
    border-top: 1px solid #0f5575;
    text-align: center;
    color:#fff;
    margin-top: 30px;
    clear: both;
    float: left;
    width: 100%;
    padding: 30px 0;
}

/* map page  */
.box_over_map
{
    position: fixed;
    left: 115px;
    top: 100px;
    z-index: 99999; 
    width:100%;
}
.total_device_box_map
{
    position: relative;
    float: left;
}
.total_device_box_map .box_text h2
{
    color:#4dffff;
}
.active_device_over_map .box_text h2
{
    color:#0068e8;
}

.gm-style .gm-style-iw-c
{
    background-color: transparent !important;
    padding: 0 !important;

    box-shadow: none;
    
}
.gm-style-iw-d
{
    overflow: auto !important;
}
.gm-style .gm-style-iw-t::after
{
    display: none !important;
}
.green_box
{
    background-image: url(images/details_bg_green.png) !important;
    background-size: contain;
    background-repeat: no-repeat;
    width: 450px;
    height: 195px;							
}
.red_box
{
    background-image: url(images/details_bg_Red.png) !important;
    background-size: contain;
    background-repeat: no-repeat;
    width: 450px;
    height: 195px;							
}
.yellow_box
{
    background-image: url(images/details_bg_yello.png) !important;
    background-size: contain;
    background-repeat: no-repeat;
    width: 450px;
    height: 195px;							
}
.pin_info
{
    display: flex;
    align-items: center;
    padding: 0 30px;
}
.pin_info table
{
    margin-bottom: 0;
}
.pin_info table tr td
{
    color: #fff;
    font-family: AvenirLTStd-Heavy;
    font-size: 18px;
}
.pin_info .table td, .pin_info .table th
{
    padding: 3px 3px;
    border: none;
}
.pin_info table tr td:nth-child(1)
{
    text-align: left;
}
.pin_info table tr td:nth-child(3)
{
    text-align: left;
    padding-left: 5px
}

/* transaction page  */
.main_space
{
    padding: 20px;
}
.transaction_box_filter
{
    position: relative;
}
.filter_box.transacton_box {
    background: url(../new_assets/images/transaction_list_defoult.png) no-repeat;
    background-size: 100% 100%;
}
.filter_box.transacton_box.active {
    background: url(../new_assets/images/transaction_list_active.png) no-repeat;
    background-size: 100% 100%;
}
.filter_box.transacton_box.active .filter_box_text h2 {
    color: #fff;
}
.filter_box.transacton_box.active .filter_box_text p {
    color: #fff;
    display: block;
}
.invoice_billow tr td
{
    padding: 2px 5px;
}
.invoice_billow tr td:nth-child(2)
{
    border: 1px solid gray;
}
.biil_to_div h5
{
    background: #012c66;
    color:#fff;
    text-transform: uppercase;
    padding: 5px 5px 5px 15px;
}
.left_div_space>div
{
    padding-left: 15px;
}
.invoice_html h2
{
    text-transform: uppercase;
    font-family: AvenirLTStd-black;
    color:#012c66;
}
.invoice_main_table thead th
{
    background: #012c66;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    padding: 5px;    
    font-size: 17px;
}
.invoice_html
{
    font-size: 16px;
    color:#000;
}
.invoice_main_table
{
    border: 1px solid #000;
    margin-bottom: 0;
}
.invoice_main_table tbody td:nth-child(2)
{
    text-align: center;
    border-left:1px solid #000;
    border-right:1px solid #000;
}
.invoice_main_table tbody td:nth-child(3)
{
    text-align: right;
}
.invoice_main_table thead th:nth-child(2)
{
    width: 50px;
    padding-left:20px;
    padding-right: 20px;
}
.invoice_main_table thead th:nth-child(3)
{
    width: 50px;
    padding-left: 25px;
}
.invoice_totle_table tr td 
{
    padding: 5px;
}
.invoice_totle_table tr td:last-child
{
    text-align: right;
}
.invoice_totle_table tr:last-child td
{
    border-top: 1px solid #000;
}
.invoice_comment
{
    border: 1px solid gray;
    margin-top: 15px;
    height: 80%;
}
.invoice_comment h5
{
    background:#012c66;
    color:#fff;
    text-transform: uppercase;
    padding: 6px 6px 6px 15px;
}
.invoice_comment>div
{
    padding-left: 15px;
}
.invoice_thanks_text
{
    margin-top: 15px;
    margin-bottom: 40px;
}
.invoice_thanks_text h5
{
    font-size: 20px;
    font-weight: 700;
    margin-top: 15px;

}
.creditnote_html h2
{
    color: red;
}
.creditnote_html .invoice_main_table thead th
{
    background: red;
}
.creditnote_html .biil_to_div h5
{
    background: red;
}
.creditnote_html .invoice_comment h5
{
    background: red;
}
/* table content */
.table_div
{
    position: relative;
}
.table_content
{
    background: url(../new_assets/images/table_image.png) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    padding-bottom: 40px;
}
.table_content .table
{   
    border-collapse: separate;
    border-spacing: 0 7px;
    padding:0 3px;
}

.table_content .table thead tr th,
.table_content .table thead tr th a
{
    color:#4dffff;
    font-family: AvenirLTStd-Heavy;
    font-size: 16px;
    text-align: left;
    vertical-align: middle;
    padding:4px;
}
.table_content .table thead tr th:nth-child(1)
{
    padding-left: 50px;
}
.table_content .table tbody tr
{
    background: #051f48;
}
.table_content .table tbody tr:hover
{
    box-shadow: 0px 0px 15px 0px rgb(45, 100, 180) !important;
}
.table_content .table tbody tr:hover
{
    outline: 2px solid #4dffff;
}
.table_content .table tbody tr td
{
    vertical-align: middle;
    color:#fff;
    font-size: 15px;
    font-family: AvenirLTStd-book;
    padding: 6px 4px;
   
}
.table_content .table tbody tr td:nth-child(1)
{
    padding-left: 50px;

}
.receipt_td a
{
    color:#f1c40f !important;
}
.receipt_td a:hover
{
    text-decoration: none;
}
.invoice_td a
{
    color:#2ecc71 !important;
}
.invoice_td a:hover
{
    text-decoration: none;
}
.creditnote_td a
{
    color:#e74c3c !important;
}
.creditnote_td a:hover
{
    text-decoration: none;
}
.total_amount td
{
    color: #4dffff !important;
    font-size: 20px !important;
    font-family: AvenirLTStd-Heavy !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}
.pager-container .pagination .page-item
{
    margin: 0 8px;
}
.pager-container .pagination .page-item .page-link
{
   
    background: url(../new_assets/images/pagination_active.png) no-repeat;
    background-size: 100% 100%;
    border:none;
    color: #fff;
    font-family: AvenirLTStd-Heavy;
    padding: 15px 20PX;
    font-size: 20PX;
}
.pager-container .pagination .page-item.active .page-link
{
   
    background: url(../new_assets/images/pagination.png) no-repeat;
    background-size: 100% 100%;
    color:#4dffff;
}
.pager-container .pagination .page-item:first-child .page-link
{
    background: url(../new_assets/images/next_privius.png) no-repeat;
    background-size: 100% 100%;
    color:#a3a7b2;
    font-family: AvenirLTStd-book;
    padding: 15px 25PX;
}
.pager-container .pagination .page-item:last-child .page-link
{
    background: url(../new_assets/images/next_privius.png) no-repeat;
    background-size: 100% 100%;
    color:#a3a7b2;
    font-family: AvenirLTStd-book;
    padding: 15px 25PX;
}
/* drop down css  */
.my_drop_down
{
    width: 350px;
    left: -86px !important;
    font-size: 18px;
    font-family: AvenirLTStd-book;  
    background:rgba(1,22,56,0.8) !important;
    color:#fff;
    border: 1px solid #0068e8;
    max-height: 400px;
}
.my_drop_down>ul
{
    list-style-type: none;
    list-style-position: inside;
    padding: 0 5px;
}
.my_drop_down>ul>li
{
    margin: 2px 0;
    padding: 8px 10px;
    border-bottom: 1px solid #0068e8;
}
.my_drop_down>ul>li:last-child
{
    border-bottom:none;
    margin-bottom: 0;
}
.my_drop_down a
{
    color:#fff !important;
    
}
.my_drop_down a:hover, .my_drop_down a:focus
{
   text-decoration: none;
   background: transparent !important;
}
/* popup css */

.modal
{
    background: rgba(0,0,0,0.6);
}
.modal .modal-content
{
    background: transparent;
}
.small_popup
{
    background: url(../new_assets/images/small_popup_transaction.png) no-repeat;
    background-size: 100% 100%;
    padding: 40px 50px;
}
.big_popup
{
    background: url(../new_assets/images/big_popup_transaction.png) no-repeat;
    background-size: 100% 100%;
    padding: 40px 50px;
}
.popup_title
{
    color:#ffffff;
    font-family: AvenirLTStd-Heavy;
    font-size: 25px;
}
.popup_search .m-input
{
    padding: 15px;
    color:#333333;
    font-size: 18px;
    font-family: AvenirLTStd-Roman;
}
.popup_search .m-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #333333 !important ;
    opacity: 1;
}
.popup_search .m-input::-moz-placeholder { /* Firefox 19+ */
    color: #333333 !important;
    opacity: 1;
}
.popup_search .m-input:-ms-input-placeholder { /* IE 10+ */
    color: #333333 !important;
    opacity: 1;
}
.popup_search .m-input:-moz-placeholder { /* Firefox 18- */
    color: #333333 !important;
    opacity: 1;
}
.checkbox_popup .m-checkbox>span
{
    height: 22px;
    width: 22px;
    border: 1px solid #fff;
}
.checkbox_popup .m-checkbox>input:checked~span
{
    background: #4dffff;
}
.checkbox_popup  .m-checkbox>span:after
{
    border: solid #00132d;
    margin-left: -4px;
    margin-top: -9px;
    width: 8px;
    height: 14px;
}
.checkbox_popup .m-checkbox
{
    color:#fff;
    font-size: 16px;
    font-family: AvenirLTStd-book;
    margin-bottom: 16px;
}
.cancel_popup
{
    font-size: 20px;
    color:#fff;
    font-family: AvenirLTStd-Heavy;
    background: transparent;
    border:2px solid #0068e8;
    padding: 10px 25px;
}
.apply_popup
{
    font-size: 20px;
    font-family: AvenirLTStd-Heavy;
    color:#01060e;
    padding: 10px 25px;
    background: #4dffff;
}
.close_popup
{
    position: absolute;
    right: 0;
    top: 0;
}

/* date range picker  */
.cf-hidden
{
    visibility: hidden !important;
}
.ui-datepicker
{
    width: 100% !important;
    background: transparent !important;
    border:none !important;
    margin-bottom: 15px !important;
}
.ui-datepicker .ui-datepicker-header
{
    margin-top: -15px !important;
    background: transparent !important;
    border:none !important;
    color:#fff !important;
}
.ui-datepicker-header >a
{
    background:  #fff !important;
}
.ui-datepicker-header>a.ui-state-hover
{
    border:none !important;
    background:  #fff !important;
}
.ui-datepicker .ui-datepicker-next-hover {
    right: 2px !important;
    top: 2px !important;
}
.ui-datepicker .ui-datepicker-prev-hover {
    left: 2px !important;
    top: 2px !important;
}

.ui-datepicker .ui-datepicker-title
{
    margin:  0 auto !important;
}
.ui-datepicker td a
{
    text-align: center !important;
    background: transparent !important;
    border:none !important;
    color: #fff !important;

}
.ui-datepicker td span
{
    text-align: center !important;
    background: transparent !important;
    border:none !important;
    color: #fff !important;
}
.dp-highlight .ui-state-default {
	background: #4dffff !important;
	color: #012451 !important;
}
.ui-datepicker-calendar
{
    width: 100%;
    padding-bottom: 25px;
}

.ui-datepicker-calendar
{
    text-align: center;
}
.ui-datepicker-calendar td
{
    padding: 10px 0;
}
.ui-datepicker-calendar .date-range-selected .ui-state-default
{
   background: #4dffff;
   display: block;
   color:#012451;
}
.ui-datepicker-calendar thead th
{
    color:#4dffff;
    font-size: 18px;
}
.ui-datepicker-calendar .ui-state-default
{
    color:#faffff;
    font-size: 18px;
}
.ui-datepicker-header
{
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    margin-top: 15px;
}
.ui-datepicker-prev 
{
    order: 1;    
    -webkit-order:1;
}
.ui-datepicker-next 
{   
    order: 3;
    -webkit-order:3;
}
.ui-datepicker-title
{
    order:2;
    -webkit-order:2;
}
.ui-datepicker-prev span,.ui-datepicker-next span
{
    color:#faffff;
    font-size: 18px;
    cursor: pointer;
}
.ui-datepicker-title select
{
    font-size: 18px !important; 
    border:none;
}

/* recept_popup */
.receipt_left_text
{
    color:#fff;
    font-size: 18px;
    margin-bottom: 10px;
}
.receipt_right_text
{
    color:#4dffff;
    font-size: 18px;
    text-align: right;
    margin-bottom: 10px;
}
.border_dotted
{
    border-bottom: 2px dotted #4dffff;
    padding: 20px 0 10px;
}

/* audit log page  */
.filter_text
{
    color: #4dffff;
    font-family: AvenirLTStd-Heavy;
    font-size: 22px;
    height: 100%;
    display: flex;
    align-items: center;
}
.no_effects:hover
{
    text-decoration: none;;
}
.filter_box
{
    height: 100px;
}

.filter_box.audit_log
{
    background: url(../new_assets/images/audit_log_filter.png) no-repeat;
    background-size: 100% 100%;
}
.filter_box_text
{
    display: flex;
    align-items: center;
    height: 100%;
    padding-left: 20px;
}
.filter_box_text h2
{
    font-size: 27px;
    font-family: AvenirLTStd-black;
    margin-bottom: 0;
    color: #4dffff;;
}
.filter_box_text p
{
    color: #fff;
    font-family: AvenirLTStd-Medium;
    font-size: 18px;
    margin:0;
    margin-bottom: 5px;
    display: none;
}
.filter_box.audit_log.active
{
    background: url(../new_assets/images/audit_log_filter_active.png) no-repeat;
    background-size: 100% 100%;
}
.filter_box.audit_log.active .filter_box_text h2
{
    color:#fff;
}
.filter_box.audit_log.active .filter_box_text p
{
    color:#fff;
    display: block;
}

/* audit log table */
.audit_log_table .table thead tr th:nth-child(1)
{
    padding-left: 100px;
}
.audit_log_table .table tbody tr td:nth-child(1) {
    padding-left: 100px;
}
.audit_log_table .table thead tr th
{
    padding: 12px 0;
    font-size: 18px;
}
.details_user
{
    color:#a7a7a7;
}
.general_td a
{
    color:#f39c12;    
}
.process_td a
{
    color:#3eb1fe;
}
.warning_td a
{
    color: #f1c40f;
}
.error_td a
{
    color:#e74c3c;
}
.security_td a
{
    color:#2ecc71;
}

/* message page */
.new_msg_btn
{
    display: flex;
    align-items: center;
    height: 100%;
}
.new_msg_btn button
{
    color:#00122c;
    background: #4dffff;
    border-radius: 0;
    font-size: 17px;
    font-weight: 600;
    border:none;
    width: 100%;
    text-align: center;
    padding: 9px 1px;
    cursor: pointer;
}
.msg_status i
{
    font-size: 11px;
}
.msg_status.pending
{
    color:#e74c3c !important;
}
.msg_status.received
{
    color:#2ecc71 !important;
}

/* system resources page  */
.system_resorurce_box
{
    background: url(../new_assets/images/system_resource_top_box.png) no-repeat;
    background-size: 100% 100%;
    height: 120px;
}
.system_resorurce_text
{
    display: flex;
    align-items: center;
    height: 100%;
    padding-left: 25px;
}
.system_resorurce_text h2 {
    font-size: 35px;
    font-family: AvenirLTStd-black;
    margin-bottom: 0;
    color: #4dffff;
}
.system_resorurce_text p {
    font-family: AvenirLTStd-Medium;
    font-size: 18px;
    margin-bottom: 5px;
    color: #fff;
    text-transform: uppercase;
}

.system_resource_table .table thead tr th
{
    padding: 14px 4px;
}
.system_resource_table .table tbody tr td
{
    padding:17px 4px;
}
.system_resource_table .table thead tr th:nth-child(1)
{
    padding-left: 100px;
}
.system_resource_table .table tbody tr td:nth-child(1)
{
    padding-left: 100px;
}
.s_r_table_tital
{
    color: #4dffff;
    font-family: Acens;
    letter-spacing: 1px;
    font-size: 20px;
    padding-left: 15px;
}
.connected_net
{
    color:#2ecc71 !important;
}
.disconnected_net
{
    color:#e74c3c !important;
}
.active_net
{
    color:#f39c12 !important;
}
.slow_net
{
    color:#3498db !important;
}
.m-topbar .m-topbar__nav.m-nav
{
    margin: 0;
}
.m-badge--accent
{
    background: #e13535 !important;
    margin-left: 0px !important;
    top: 14px !important;    
}
.ststem_use_info_text
{
    color:#ffffff;
    font-size: 18px;
    font-family: AvenirLTStd-Medium;
    margin: 15px 0 0 0;
}
.system_border
{
    border: 1px solid #175c7f;
    position: relative;
    padding: 25px 10px 20px;
}
/* login page  */
.login_title_text
{
    color: #4dffff;
    font-family: AvenirLTStd-Heavy;
    font-size: 30px;
    text-align: center;
    margin-bottom: 40px;
}
.login_div
{
    background: url(../new_assets/images/small_popup_transaction.png) no-repeat;
    background-size: 100% 100%;
    padding: 40px 50px;
    margin-bottom: 25px;
}
.login_div input[type=text],
.login_div input[type=password],
.login_div input[type=number],
.login_div input[type=file],
.login_div input[type=date],
.login_div select,
textarea
{
    height: 75px !important;
    padding-top: 30px;
    background: #042555;
    border:1px solid #0068e8;
    border-radius: 0;
    color:#fff;
    font-size: 21px;
    font-family: AvenirLTStd-book !important;
}
.login_div textarea
{
    background: #042555;
    border:1px solid #0068e8;
    border-radius: 0;
    color:#fff;
    font-size: 21px;
    padding-top: 30px;
    font-family: AvenirLTStd-book !important;
}
.login_div input:focus, .login_div select:focus, .login_div textarea:focus
{
    background: #042555;
    border:1px solid #0068e8;
    border-radius: 0;
    color:#fff;
}
.login_div i
{
    color:#fff !important;
    font-size: 21px !important;
}
.login_div .m-input-icon
{
    margin-bottom: 15px;
}
.login_div .tital
{
    position: absolute;
    left: 15px;
    top: 12px;
    color: #4dffff;
    font-size: 13px;
    font-family: AvenirLTStd-book !important;
}
.login_div ::-webkit-input-placeholder { /* Edge */
    color: #fff;
  }
  
  .login_div  :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
  }
  
  .login_div ::placeholder {
    color: #fff;
  }
.login_div button
{
    padding: 15px 0;
    font-size: 20px;
    background: #4dffff;
    color: #00153c;
    font-family: AvenirLTStd-black;
    margin-top: 10px;

}
.login_div button i
{
    color: #00153c !important;
}
.footer_div.login_screen
{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}
.register_link
{
    color:#fdfdfd;
    font-size: 18px;
    margin-bottom: 80px;
    text-align: center;
}
.register_link a
{
    color:#4dffff;
}
.login_div p
{
    color:#fff;
    font-size: 14px;
    text-align: center;
    margin: 10px 0 0 0 ;
}
/* create massege popup  */
.new_msg_popup
{
    background: none;
    padding: 0;
}
/* responsive css */
@media (max-width: 1200px){
/* index page  */

.chart_box
{
    width: 95%;
}
.chart_hours>div>span
{
    font-size: 12px;
}
.chart_block>div>.total_sale_stock
{
    margin-right: 5px;
}
.box_text h2
{
    font-size: 28px;
}
.box_text p
{
    font-size: 15px;
}
.day_status_border
{
    padding: 10px 10px 55px 10px;
}

/* index page done  */
.date_time_regian>ul>li:nth-child(2)
{
    padding: 0 5px;
}
.date_time_regian .date_details {
    font-size: 15px;
}
.date_time_regian .m-menu__item>img {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 2px;
    height: 30px;
}
.m-nav__link-icon img
{
    width: 25px;
}
.m-badge--accent
{
    top: 7px !important;    
}


}
@media (max-width: 1024px){
.m-header--fixed-mobile .m-topbar {
    margin-top: 0;
    top: 0px;
    background: transparent;
    width: auto !important;
}
.m-header
{
    padding-left: 0 !important;
}
.m-header--fixed .m-body
{
    padding-left: 0 !important;
}

.date_time_regian>ul>li
{
    /* display: flex;
    flex-wrap: wrap; */
    justify-content: center;
}
.date_time_regian .m-menu__item>img {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 2px;
    height: 25px;
}
.date_time_regian .date_details
{
    font-size: 13px;
}
.date_time_regian>ul>li:nth-child(2)
{
    padding: 0 2px;
}
.page_title
{
    padding-left: 0;
}
.m-brand__logo
{
    padding: 0 17px;
    font-size: 23px;
}
.page_title
{
    font-size: 14px;
}
.m-topbar
{
    padding: 0;
    padding-right: 10px;
}

.user_name>span:nth-child(1)
{
    font-size: 14px;
}
.user_name>span:nth-child(2)
{
    font-size: 14px;
}
.m-nav__link-icon img
{
    width: 25px;
}
.m-header--fixed .m-body
{
    padding-top: 60px !important;
}
.m-aside-left {
    padding-top: 0px;
}
.m-aside-left--minimize .m-aside-menu .m-menu__nav {
    padding: 60px 0 40px 0;
}
.m-aside-left--minimize .m-aside-left {
    width: 80px !important;
    background: #011638 !important
}
.m-aside-menu .m-menu__nav>.m-menu__item>.m-menu__link {
    padding: 13.5px 25px;
    height: auto;
}
/* .left_menu>li.active>a img
{
    height: 25px;
} */
.table_content .table thead tr th
{
    font-size: 13px;
}
.table_content .table tbody tr td
{
    font-size: 12px;
}
}
@media (max-width: 992px){
.home_page
{
    padding: 5px !important;
}
.small_box_svg
{
    height: 150px;
    width: 150px;
}
.date_time_regian .date_details {
    font-size: 11px;
}
.date_time_regian .m-menu__item>img {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 2px;
    height: 17px;
}
.box_text
{
    padding: 25px 0 25px 20px;
}
.current_systemload .svg_animation
{
    height: 250px;
    width: 250px;
    margin: 0 auto;
}

}
@media (max-width: 992px){
.modal-dialog {
    max-width: 750px;
}
}


/* for circle charts */
.outer_circle_anim
{                
	stroke-dashoffset: 1002;
	transition: stroke-dashoffset 1s linear;
}
.percentage_text
{
	font-size: 40px;
	font-weight: bold;
}
.circul_inner_animation{
animation: circul_inner 1s 1s linear;
transform-origin: 50% 50%;
}
@keyframes circul_inner {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(-360deg);
	}
}

.noRecordFound
{
	text-align : center;
	font-weight : bold;
}

.receipt_preview
{
	background : #ffffff;
	padding : 10px;
	width: 350px;
	font-family : 'courier new','courier';
}

.xml_receipt_preview
{
	background : #ffffff;
	padding : 10px;
	/*width: 350px;*/
	font-family : 'courier new','courier';
}

.text-muted
{
	color:#f1f1f1 !important;
	font-size : 12px;
}

.del-icon
{
	font-size : 1.5em !important;
	color: #ce2c1a;
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip-container,
.leaflet-popup-close-button
{
	background  : transparent !important;
	box-shadow : none !important;
}

.leaflet-popup-tip-container,
.leaflet-popup-close-button
{
	display : none !important;
}
.pin_info .transViewer
{
	cursor : pointer;
	text-decoration : underline;
}

/* For Verify Page */

.bg-gradient-primary {
  background: -webkit-gradient(linear, left top, right top, from(#66BDEA), to(#1291D2)) !important;
  background: linear-gradient(to right, #66BDEA, #1291D2) !important; }

.bg-gradient-secondary {
  background: -webkit-gradient(linear, left top, right top, from(#e7ebf0), to(#868e96)) !important;
  background: linear-gradient(to right, #e7ebf0, #868e96) !important; }

.bg-gradient-success {
  background: -webkit-gradient(linear, left top, right top, from(#84d9d2), to(#07cdae)) !important;
  background: linear-gradient(to right, #84d9d2, #07cdae) !important; }

.bg-gradient-info {
  background: -webkit-gradient(linear, left top, right top, from(#90caf9), color-stop(99%, #047edf)) !important;
  background: linear-gradient(to right, #90caf9, #047edf 99%) !important; }

.bg-gradient-warning {
  background: -webkit-gradient(linear, left top, right top, from(#f6e384), to(#ffd500)) !important;
  background: linear-gradient(to right, #f6e384, #ffd500) !important; }

.bg-gradient-danger {
  background: -webkit-gradient(linear, left top, right top, from(#ffbf96), to(#fe7096)) !important;
  background: linear-gradient(to right, #ffbf96, #fe7096) !important; }

.bg-gradient-light {
  background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#e4e4e9)) !important;
  background: linear-gradient(to bottom, #f4f4f4, #e4e4e9) !important; }

.bg-gradient-dark {
  background: linear-gradient(89deg, #5e7188, #3e4b5b) !important; }
 
 .flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important; }
  
.flex-grow {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }

  
  .container-fluid {
  width: 100%;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto; }

  
 .page-body-wrapper {
  min-height: calc(100vh - 70px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  padding-left: 0;
  padding-right: 0; }
  .page-body-wrapper.full-page-wrapper {
    width: 100%;
    min-height: 100vh; }
	
.content-wrapper {
 background-image: linear-gradient(to left top, #66bdea, #9fcaf3, #c8daf8, #e8ebfb, #ffffff);
  padding: 2.75rem 2.25rem;
  width: 100%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }
  
  .d-flex, .page-header, .loader-demo-box {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important; }
  
  .align-items-center, .page-header {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important; }
  
  
.text-center {
  text-align: center !important; }
  
  .error-page h1 {
  font-size: 12rem; }
  @media (max-width: 991px) {
    .error-page h1 {
      font-size: 8rem; } }
  
   .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important; }
	
	
	.verify_header {
  font-size: 2.5rem; }
  
  
  table-bordered {
  border: 1px solid #dadada; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #dadada; }
  .table-bordered thead th,
  .table-bordered thead td {
    border-bottom-width: 2px; }
	
	
  /* Cards */
.card {
  border: 0;
  background: #fff;
color : #000;  }
  .card .card-body {
    padding: 2.5rem 2.5rem; }
    .card .card-body + .card-body {
      padding-top: 1rem; }
  .card .card-title {
    color: #343a40;
    margin-bottom: 0.75rem;
    text-transform: capitalize;
    font-family: "ubuntu-medium", sans-serif;
    font-size: 1.125rem; }
  .card .card-subtitle {
    font-family: "ubuntu-regular", sans-serif;
    margin-top: 0.625rem;
    margin-bottom: 0.625rem; }
  .card .card-description {
    color: #76838f;
    margin-bottom: 1.5rem;
    font-family: "ubuntu-regular", sans-serif; }
  .card.card-outline-success {
    border: 1px solid #1bcfb4; }
  .card.card-outline-primary {
    border: 1px solid #66BDEA; }
  .card.card-outline-warning {
    border: 1px solid #fed713; }
  .card.card-outline-danger {
    border: 1px solid #fe7c96; }
  .card.card-rounded {
    border-radius: 5px; }
  .card.card-faded {
    background: #b5b0b2;
    border-color: #b5b0b2; }
  .card.card-circle-progress {
    color: #ffffff;
    text-align: center; }
  .card.card-img-holder {
    position: relative; }
    .card.card-img-holder .card-img-absolute {
      position: absolute;
      top: 0;
      right: 0;
      height: 100%; }
  .card.bg-blue-gradient {
    background: -webkit-gradient(linear, left top, right top, from(#065efd), color-stop(#3169fd), to(#6f79fc));
    background: linear-gradient(to right, #065efd, #3169fd, #6f79fc);
    color: #fff; }
  .card.bg-orange-gradient {
    background: -webkit-gradient(linear, left top, right top, from(#ff7f2e), to(#fe7452));
    background: linear-gradient(to right, #ff7f2e, #fe7452);
    color: #fff; }
  .card.bg-green-gradient {
    background: -webkit-gradient(linear, left top, right top, from(#24e8a6), to(#09cdd1));
    background: linear-gradient(to right, #24e8a6, #09cdd1);
    color: #fff; }
  .card.card-no-shadow {
    -webkit-box-shadow: none;
    box-shadow: none; }

.card-inverse-primary {
  background: rgba(182, 109, 255, 0.2);
  border: 1px solid #a764eb;
  color: #8a53c2; }

.card-inverse-secondary {
  background: rgba(195, 189, 189, 0.2);
  border: 1px solid #b3aeae;
  color: #949090; }

.card-inverse-success {
  background: rgba(27, 207, 180, 0.2);
  border: 1px solid #19bea6;
  color: #159d89; }

.card-inverse-info {
  background: rgba(25, 138, 227, 0.2);
  border: 1px solid #177fd1;
  color: #1369ad; }

.card-inverse-warning {
  background: rgba(254, 215, 19, 0.2);
  border: 1px solid #eac611;
  color: #c1a30e; }

.card-inverse-danger {
  background: rgba(254, 124, 150, 0.2);
  border: 1px solid #ea728a;
  color: #c15e72; }

.card-inverse-light {
  background: rgba(248, 249, 250, 0.2);
  border: 1px solid #e4e5e6;
  color: #bcbdbe; }

.card-inverse-dark {
  background: rgba(62, 75, 91, 0.2);
  border: 1px solid #394554;
  color: #2f3945; }
  
/* Verify Page ends here */

.btn
{
    font-family  : AvenirLTStd-Heavy;
}

/* Report Settings CSS */

#report_view
{
   
}

#report_contents
{
    width :  90%;
    margin : 0px auto;
    background : #fff;
    border : 1px solid #000;
    box-shadow: 10px 10px 10px #000000;
}

#report_body
{
    padding : 20px;
}
#report_title
{
    text-align : center;
    margin-bottom : 35px;
}

#report_header
{
    height : 40px;
    background : #0068e8;
    text-align : right;
    padding : 0px 10px;
}

#report_header a,
#report_header i
{
    color : #fff;
    font-size : 26px;
}

/* Report Settings CSS ends here  */

/* Styles for Breadcrumbs */

.breadcrumb
{
    background : none !important;
    font-size : 0.90em;
    margin:0px;
}

.breadcrumb-item
{
   
}

.breadcrumb-item.active
{

}

.breadcrumb-item + .breadcrumb-item::before  {
    content: "\25b6";
}

/* Styles for Breadcrumbs end here */

/* Tab Classes */

.nav-tabs
{
    border-bottom-width : 0px !important;
   
}

.nav.nav-tabs
{
    margin-bottom : 10px;
    background : rgba(1,22,56,0.7);
}

.nav-item
{

}

.nav-link
{
    font-size : 1.2em;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active 
{
    background-color : transparent;
    border-color : transparent;
    border : 0px solid transparent;
    border-bottom : 5px solid #0068e8;
    color :#0068e8;
}

.nav-link:hover{
    border-width : 0px;
    border-bottom : 5px solid #fff;
    color : #fff;
}
/* Tab classes ends here */

/* Info Table */

.table-info-data .key
{
    width : 20%;
    text-transform : uppercase;
    color : #187a8a !important;
}

/* Info Table ends here */


 /* CSS SPINNER STYLES */
 #smvt_loader
 {
     display:none;
     position: fixed;
     top: 45%;
     left: 50%;
     z-index: 99999999;
 }
 #smvt_loader h3
 {
     margin-top : 10px;
     margin-left : -120px;
     width : 350px;
     text-shadow : 1px 1px #dadada;
     background : rgba(255,255,255,0.8);
     border : 1px solid #dadada;
     text-align : center;
 }
 
 .nb-spinner {
     width: 75px;
     height: 75px;
     margin: 0;
     background: transparent;
     border-top: 4px solid #4dffff;
     border-right: 4px solid transparent;
     border-radius: 50%;
     -webkit-animation: 1s spin linear infinite;
     animation: 1s spin linear infinite;
     transform: translate(-45%, -45%);
     z-index : 100000;
 }
     
 @-webkit-keyframes spin {
     from {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
     }
     to {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
     }
 }
           
 @keyframes spin {
     from {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
     }
     to {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
     }
 }
 
 
 /* CSS SPINNER STYLES END HERE */

 /* List Group */

 .list-group
 {
    height : 100%;
    /*border-right : 1px solid #0068e8; */
    border-radius: 0px;
 }

 .list-group-item {
     background : transparent;
     border-width : 0px;
     border : 1px solid #0068e8;
     margin-left:1px;
     color : #808b9c;
 }

 .list-group-item:hover
 {
     background : transparent;
     color : #4dffff;
 }

 .list-group-item.active
 {
     border-right : 1px solid #01132b;
     background : transparent;
    
     color : #0068e8;
 }

 .list-group-item:first-child, 
 .list-group-item:last-child {
    border-top-left-radius: 0;
    border-top-right-radius : 0;
    border-bottom-left-radius : 0;
    border-bottom-right-radius : 0;
 }

 /* List Group style ends here */

 /* Report Selector Cards */

 .report_selector .card{
     background : rgba(1,22,56,0.8) !important;
     color : #808b9c !important;
 }

 .report_selector .card-title{
     text-transform : uppercase;
     color : #fff;
 }
 /* Report Selector Cards end here */


 .page-header h3
 {
     color : #808b9c;
 }

.table-data-entry
{
    color : #fff;
    padding : 0px !important;
}

.table-data-entry tr{
    padding : 0px !important;
    margin : 0px !important;
}

.table-data-entry td{
    padding : 3px !important;
    background : #042555 !important;
}


/* The report dashboard squares */
.data_square
{
    padding : 5px;
    border : 1px solid #012451;
    text-align:  center;
    background : rgba(0, 0, 0, 0.5);
}

.data_square h5{
    text-transform: uppercase;
    color : #7c7c7c;
    font-size : 11px;
}
.data_square h3{
    color: #4dffff;
    font-size : 16px;
}

.csid_expity
{
    color: rgb(219, 137, 137);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
}

.textarea_big
{
    width: 100% !important;
    height: 125px !important;
    padding-top: 30px;
    background: #042555;
    border:1px solid #0068e8;
    border-radius: 0;
    color:#fff;
    font-size: 21px;
    font-family: AvenirLTStd-book !important;
}