--- AdminBSB template ---*/ @import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic);

@font-face {
    font-family: 'Zawgyi-One Regular';
    src: url('ZawgyiOne.ttf');
}

body {
    /*font-family: 'Poppins', sans-serif;*/
    /*font-family: 'Source Sans Pro', 'Zawgyi-One Regular', 'Bree Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;*/
    /*font-family: 'Helvetica', 'Arial', 'sans-serif' !important;*/
    /*background-color: rgb(248, 250, 251);*/
    /*background-color: whitesmoke;*/
    background-color: transparent;/*#E7EBEE;*/
    color:#808080;
}

section.content {
    margin: 51px 15px 0 65px;
}.no-border {
    border: 0;
    box-shadow: none; /* You may want to include this as bootstrap applies these styles too */
}

a.navbar-brand {
    height: 30px;
    padding: 5px 15px;
}

.ls-closed .bars:after,
.ls-closed .bars:before {
    top: 8px;
}

.sidebar {
    top: 43px;
    height: calc(100vh - 40px);
    font-family: "Roboto", 'Source Sans Pro', 'Zawgyi-One Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.sidebar,
.navbar {
    z-index: 1010!important;
}

.collapse.navbar-collapse .nav li {
    color: #B3B8BF;
    /*#fff*/
    font-size: 13px;
}

.collapse.navbar-collapse .nav li.timestamp {
    margin-right: 15px;
}

.indicator-val {
    font-size: 25px;
    font-weight: bold;
    text-shadow: 1px 0px 0px #000;
}


.no-border {
    border: 0;
    box-shadow: none; /* You may want to include this as bootstrap applies these styles too */
}




/*------------------------ for Myanmar Dashboard -----------------------------*/

.right-sidebar {
    top: 50px;
}




/*----- for card ------*/

.card-widget {
    /*border: 1px solid #ccc;*/
}

.card-widget .card-widget-head h3 {
    margin-top: 0px;
    font-size: 15px;
    margin-left: 15px;
    margin-bottom: 10px;
    color: #434854;
    /*#333*/
    font-weight: normal;
    padding-top: 10px;
}


.card-widget-body {
    /*margin-top: 20px;*/
    background-color: #ffffff03;
}

.card-widget-head {
    border-bottom: 1px solid #ccc;
}

.card .body.card-widget-container {
    padding: 2px;
}

.card .body .card-widget-body .col-xs-4 {
    margin-bottom: 10px;
}

.card {
    background: #ffffff;
    /*03*/
    min-height: 50px;
    box-shadow: 0 0px 2px 1px #CFCFCF/*0 0px 6px 0px #252d3a*/
    ;
    position: relative;
    margin-bottom: 30px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
}

.card.login-box {
    background: #ffffff;
}



/* Highcharts */

.highcharts-background {
    fill: #ffffff03;
}




/*---------  for Navbar ---------*/

.navbar {
    min-height: 40px;
    background-color: #ffffff !important;
    /*#238cbb !important;*/
}

.navbar-header {
    padding: 0 7px;
}

.navbar-header {
    padding-top: 8px;
}

ul.nav.navbar-nav.navbar-right li {
    padding-top: 15px;
}

.nav.navbar-nav>li>a.logout {
    margin-top: -8px;
    cursor: pointer;
}

.collapse.navbar-collapse .nav li {
    margin-right: 20px;
}

.nav.navbar-nav.navbar-right li i.fa {
    font-size: 17px;
}

.nav.navbar-nav>li>a.logout i {
    font-size: 23px!important;
}

.collapse.navbar-collapse .nav .menu.tasks li {
    color: #000;
}

.collapse.navbar-collapse .nav .menu.tasks li {
    margin-right: 0;
}

.change-language .slimScrollDiv,
.change-language .slimScrollDiv ul {
    height: 70px!important;
}

.change-language .dropdown-menu li.body {
    margin-right: 0;
    padding-top: 0px !important;
}

li.dropdown.change-language {
    padding-top: 9px !important;
}

.navbar-nav .dropdown-menu {
    margin-top: 0px !important;
}





/*--------- for card -------------*/

.card .body .col-xs-12 {
    margin-bottom: 10px;
}





/*---------- for themewise -----------*/

.theme-light-blue .sidebar .menu .list li.active > :first-child i, .theme-light-blue .sidebar .menu .list li.active > :first-child span{
    color:#F0566F
}

.sidebar .menu .list li.active {
    /*background-color: rgba(61, 101, 183, 0.53)!important;*/
    /*background-color: rgb(35, 140, 187)!important;*/
    background-color: #2C2C2C !important;
    color: #F0566F !important;
    /*box-shadow: 0px 0px 1px 0px #FFFFFF;*/
}

.theme-red .card .header {
    background-color: #F44336 !important;
    color: #fff !important;
}

.theme-red .card .header h2 {
    color: #fff;
}

.theme-red table tr th {
    background-color: #F44336 !important;
    color: #fff;
}

.theme-red button.btn-primary {
    background-color: #F44336 !important;
}

.theme-pink .card .header {
    background-color: #E91E63 !important;
    color: #fff !important;
}

.theme-pink .card .header h2 {
    color: #fff;
}

.theme-pink table tr th {
    background-color: #E91E63 !important;
    color: #fff;
}

.theme-pink button.btn-primary {
    background-color: #E91E63 !important;
}

.theme-purple .card .header {
    background-color: #9C27B0 !important;
    color: #fff !important;
}

.theme-purple .card .header h2 {
    color: #fff;
}

.theme-purple table tr th {
    background-color: #9C27B0 !important;
    color: #fff;
}

.theme-purple button.btn-primary {
    background-color: #9C27B0 !important;
}

.theme-deep-purple .card .header {
    background-color: #673AB7 !important;
    color: #fff !important;
}

.theme-deep-purple .card .header h2 {
    color: #fff;
}

.theme-deep-purple table tr th {
    background-color: #673AB7 !important;
    color: #fff;
}

.theme-deep-purple button.btn-primary {
    background-color: #673AB7 !important;
}

.theme-indigo .card .header {
    background-color: #3F51B5 !important;
    color: #fff !important;
}

.theme-indigo .card .header h2 {
    color: #fff;
}

.theme-indigo table tr th {
    background-color: #3F51B5 !important;
    color: #fff;
}

.theme-indigo button.btn-primary {
    background-color: #3F51B5 !important;
}

.theme-blue .card .header {
    background-color: #2196F3 !important;
    color: #fff !important;
}

.theme-blue .card .header h2 {
    color: #fff;
}

.theme-blue table tr th {
    background-color: #2196F3 !important;
    color: #fff;
}

.theme-blue button.btn-primary {
    background-color: #2196F3 !important;
}

.theme-light-blue .card .header {
    background-color: #238cbb !important;
    color: #fff !important;
}

.theme-light-blue .card .header h2 {
    color: #fff;
}

.theme-light-blue table tr th {
    background-color: #238cbb !important;
    color: #fff;
}

.theme-light-blue button.btn-primary {
    background-color: #cfa448 !important;
    /*#238cbb*/
}

.theme-cyan .card .header {
    background-color: #00BCD4 !important;
    color: #fff !important;
}

.theme-cyan .card .header h2 {
    color: #fff;
}

.theme-cyan table tr th {
    background-color: #00BCD4 !important;
    color: #fff;
}

.theme-cyan button.btn-primary {
    background-color: #00BCD4 !important;
}

.theme-teal .card .header {
    background-color: #009688 !important;
    color: #fff !important;
}

.theme-teal .card .header h2 {
    color: #fff;
}

.theme-teal table tr th {
    background-color: #009688 !important;
    color: #fff;
}

.theme-teal button.btn-primary {
    background-color: #009688 !important;
}

.theme-green .card .header {
    background-color: #4CAF50 !important;
    color: #fff !important;
}

.theme-green .card .header h2 {
    color: #fff;
}

.theme-green table tr th {
    background-color: #4CAF50 !important;
    color: #fff;
}

.theme-green button.btn-primary {
    background-color: #4CAF50 !important;
}

.theme-light-green .card .header {
    background-color: #8BC34A !important;
    color: #fff !important;
}

.theme-light-green .card .header h2 {
    color: #fff;
}

.theme-light-green table tr th {
    background-color: #8BC34A !important;
    color: #fff;
}

.theme-light-green button.btn-primary {
    background-color: #8BC34A !important;
}

.theme-lime .card .header {
    background-color: #CDDC39 !important;
    color: #fff !important;
}

.theme-lime .card .header h2 {
    color: #fff;
}

.theme-lime table tr th {
    background-color: #CDDC39 !important;
    color: #fff;
}

.theme-lime button.btn-primary {
    background-color: #CDDC39 !important;
}

.theme-yellow .card .header {
    background-color: #ffe821 !important;
    color: #fff !important;
}

.theme-yellow .card .header h2 {
    color: #fff;
}

.theme-yellow table tr th {
    background-color: #ffe821 !important;
    color: #fff;
}

.theme-yellow button.btn-primary {
    background-color: #ffe821 !important;
}

.theme-amber .card .header {
    background-color: #FFC107 !important;
    color: #fff !important;
}

.theme-amber .card .header h2 {
    color: #fff;
}

.theme-amber table tr th {
    background-color: #FFC107 !important;
    color: #fff;
}

.theme-amber button.btn-primary {
    background-color: #FFC107 !important;
}

.theme-orange .card .header {
    background-color: #FF9800 !important;
    color: #fff !important;
}

.theme-orange .card .header h2 {
    color: #fff;
}

.theme-orange table tr th {
    background-color: #FF9800 !important;
    color: #fff;
}

.theme-orange button.btn-primary {
    background-color: #FF9800 !important;
}

.theme-deep-orange .card .header {
    background-color: #FF5722 !important;
    color: #fff !important;
}

.theme-deep-orange .card .header h2 {
    color: #fff;
}

.theme-deep-orange table tr th {
    background-color: #FF5722 !important;
    color: #fff;
}

.theme-deep-orange button.btn-primary {
    background-color: #FF5722 !important;
}

.theme-brown .card .header {
    background-color: #795548 !important;
    color: #fff !important;
}

.theme-brown .card .header h2 {
    color: #fff;
}

.theme-brown table tr th {
    background-color: #795548 !important;
    color: #fff;
}

.theme-brown button.btn-primary {
    background-color: #795548 !important;
}

.theme-grey .card .header {
    background-color: #9E9E9E !important;
    color: #fff !important;
}

.theme-grey .card .header h2 {
    color: #fff;
}

.theme-grey table tr th {
    background-color: #9E9E9E !important;
    color: #fff;
}

.theme-grey button.btn-primary {
    background-color: #9E9E9E !important;
}

.theme-blue-grey .card .header {
    background-color: #607D8B !important;
    color: #fff !important;
}

.theme-blue-grey .card .header h2 {
    color: #fff;
}

.theme-blue-grey table tr th {
    background-color: #607D8B !important;
    color: #fff;
}

.theme-blue-grey button.btn-primary {
    background-color: #607D8B !important;
}

.theme-black .card .header {
    background-color: #000000 !important;
    color: #fff !important;
}

.theme-black .card .header h2 {
    color: #fff;
}

.theme-black table tr th {
    background-color: #000000 !important;
    color: #fff;
}

.theme-black button.btn-primary {
    background-color: #000000 !important;
}

.theme-white .card .header {
    background-color: #ffffff !important;
    color: #fff !important;
}

.theme-white .card .header h2 {
    color: #fff;
}

.theme-white table tr th {
    background-color: #ffffff !important;
    color: #fff;
}

.theme-white button.btn-primary {
    background-color: #ffffff !important;
}






/*------ for table --------*/

table.dataTable tbody tr td {
    font-size: 13px;
}

table.dataTable thead>tr>th {
    padding: 8px 10px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    background-color: #0e4a65 !important;
}

.table-hover>tbody>tr:hover {
    /*background-color: #b8cdd6;*/
    background-color: #bbbbf3;
    color: #181d1f;
    font-weight: bold;
}

.table-hover>tbody>tr:hover td a {
    text-decoration: underline;
    color: #181d1f!important;
}






/*------ for All Cards -----------------*/

label {
    font-weight: 600;
}

.card .header,
.card .body {
    padding: 10px 20px;
    color: #07171f;
}

.highcharts-contextmenu hr {
    margin-top: 10px;
    margin-bottom: 10px;
}





/*-------- for All Modal ------------*/

.modal-dialog .modal-header .modal-title {
    padding: 0px 5px;
}

.modal .modal-header {
    padding: 10px 25px 5px 25px;
}






/*---------------- for All Swal --------------*/

.sweet-alert.showSweetAlert.visible {
    background: beige;
}

.sweet-overlay {
    z-index: 1120;
}

.swal2-modal .swal2-title {
    font-size: 20px;
}





/*------- for menubar --------*/

.sidebar .menu .list a {
    padding: 2px 10px;
}

.sidebar .menu {
    height: 100vh;
}

.show-on-hover {
    display: none;
    /*-webkit-transition: display 1s;  For Safari 3.1 to 6.0 */
    /*transition: display 1s;*/
}

.sidebar li a i.fa {
    font-size: 22px;
    /*margin-left: 4px;*/
    margin-top: 4px;
}

.navbar-header .navbar-brand {
    height: 30px;
    padding: 0;
    margin-left: 15px!important;
    margin-top: 5px;
    color: #252D3A !important;
    /*#ffffff*/
    font-size: 16px;
}

.navbar-header .navbar-brand:active,
.navbar-header .navbar-brand:hover,
.navbar-header .navbar-brand:focus {
    color: #252D3A !important;
}

@media (min-width: 320px) and (max-width: 767px) {
    .navbar-header .navbar-brand {
        margin-left: 40px!important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar-header .navbar-brand {
        margin-left: 30px!important;
    }
}

@media (min-width: 992px) {
    .sidebar {
        width: 50px;
    }
    .sidebar i.material-icons {
        font-size: 32px;
        margin-left: 5px;
    }
    .sidebar li a:hover+div>span.show-on-hover {
        display: block;
    }
    .sidebar li a i.fa {
        font-size: 25px;
        /*margin-left: 8px;*/
        margin-top: 10px;
    }

    aside#leftsidebar:hover {
        width: 130px;
    }
    aside#leftsidebar:hover li a span {
        display: block!important;
    }
    .navbar-header .navbar-brand {
        margin-left: 40px!important;
    }
}

.main-sidebar #leftsidebar .menu .list img {
    width: 30px;
    height: 30px;
}

.main-sidebar #leftsidebar .menu .list a span {
    color: #f5f5f5;
    margin-top: 5px;
    font-size: 12px;
    font-weight: 100;
}

.main-sidebar #leftsidebar .menu .slimScrollDiv ul.list {
    background-color: #2C2C2C;
    /*#202020*/
}

.open-menubar i {
    vertical-align: -webkit-baseline-middle;
    color: #252D3A;
    /*#fff*/
    font-size: 17px;
    cursor: pointer;
}

.sidebar .user-info {
    padding: 13px 15px 0 11px;
    height: 75px;
    background: none;
    background-color: #69cbf7;
}

.sidebar i.home {
    color: #ffa204;
}

.sidebar i.rmap {
    color: #16d449;
}

.sidebar i.nearme {
    color: #178eb3;
}

.sidebar i.userlist {
    color: #2196f3;
}

.sidebar i.alerts {
    color: #ff0101;
}

.sidebar i.broadcast {
    color: #09b39d;
}

.sidebar i.setting {
    color: #453c67;
}

.sidebar i.logout {
    color: #0a0a0a;
}

.toggleMenubar {
    width: 300px;
}

.toggleMenuLinks {
    display: block!important;
}

.sidebar .menu .list a span {
    padding: 9px 0 7px 12px;
    margin: 0px 0 0px 12px;
}


.theme-light-blue .sidebar .menu .list li:hover a {
    color:#03A9F4;
}



/*-------------------- indicator ------------------------*/

.indicator-rectangle {
    background: #e23327;
    padding: 10px;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
}

.indicator-circle {
    padding: 15px;
    background: #ea3e32;
    color: #fff;
    border-radius: 50px;
    vertical-align: top;
}

.indicator-circle,
.indicator-rectangle {
    display: inline-block;
}






/*------- for Message Broadcast ----------*/

.btn-group.bootstrap-select.show-tick.messagelist.form-control {
    border: 1px solid #ddd !important;
}






/*------------ for Dashboard Page -----------*/

#dashboard .bootstrap-select button.btn.dropdown-toggle {
    padding-right: 10px;
    padding-top: 9px;
}

#dashboard .bootstrap-select .dropdown-menu li.selected a {
    padding-top: 2px;
    padding-bottom: 2px;
}

#dashboard .subrecipient button.btn.dropdown-toggle.btn-default {
    padding-top: 10px;
}

#dashboard .info-box-3 {
    border: 3px solid #fff;
}

#dashboard .header-title {
    padding-top: 5px;
}

#dashboard .card-widget-head-chart {
    /*background-color: #0b97d6;    */
}

#dashboard .card-widget-head-chart h3 {
    color: #333;
    font-weight: 600;
    font-size: 18px;
}

#dashboard .form-group.form-float {
    margin-bottom: 5px;
}

#dashboard .info-box-3 .icon i {
    font-size: 60px;
    border: 2px solid #fff;
    border-radius: 53px;
}

#dashboard i.material-icons:hover {
    color: aliceblue;
}

#dashboard input,
#dashboard select {
    padding-left: 10px;
    height: 30px;
}



/*#dashboard .highcharts-title {
    fill: #434348;
    font-weight: bold;
    font-size: 3em;
}*/

#dashboard .block-header .header-title h2 {
    font-size: 30px;
    font-weight: 600;
    /*color: #171515 !important;*/
    color: #73879C !important; /*#333*/
}

.leaflet-popup-content-wrapper .card .header,
.leaflet-popup-content-wrapper .card .body {
    padding: 10px 5px;
}

.leaflet-popup-content-wrapper .card .header span,
.leaflet-popup-content-wrapper .card .body div {
    margin: 2px 0;
}

.leaflet-popup-content-wrapper .card {
    margin-top: 8px;
    margin-bottom: 10px;
    box-shadow: none;
}

#dashboard .card .header h2 {
    color: #fff!important;
}

#dashboard .card .header h2>i {
    vertical-align: text-bottom;
}

.dashboard-filter-area {
    padding-left: 0;
    padding-right: 0;
}

#dashboard .genderwise-chart h3.genderchart-subtitle {
    margin-bottom: 0;
    color: rgb(85, 85, 85);
    margin-top: 2px;
}

@media (max-width: 767px) {
    #dashboard .dashboard-filter-area {
        margin-top: 20px;
    }
    #dashboard .commodity-chart img {
        width: 80%;
        margin: 0 auto;
    }
    button#filterChart {
        /*margin-top: 24px;*/
    }
    #dashboard .genderwise-chart .card-widget-body>div {
        height: 250px;
    }
    #dashboard .filterbtn-container {
        padding-top: 0px!important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #dashboard .select-year label {
        display: block;
    }
    .commodity-title {
        font-size: 15px;
    }
    #dashboard .genderwise-chart h3.genderchart-subtitle {
        font-size: 14px;
    }
}

#dashboard .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}

.leaflet-popup-content-wrapper {
    border-radius: 0;
}

#dashboard .card .header {
    /*background-color: #da291c !important;*/
    margin-top: 20px;
}

#dashboard .commodity-chart h4.value {
    color: #cc0066;
    font-size: 24px;
    margin: 0 auto;
}

#dashboard .commodity-chart .col-xs-3,
#dashboard .genderwise-chart .col-xs-3 {
    margin-bottom: 0;
}

#dashboard .commodity-chart .card-widget-body>div,
#dashboard .genderwise-chart .card-widget-body>div {
    padding-top: 10px;
    height: 200px;
    /*background-color: #d9d9fb;*/
}

#dashboard .commodity-chart img.img-responsive,
#dashboard .genderwise-chart img.img-responsive {
    width: 60%;
    margin: 0 auto;
}

#filterChart {
    padding-top: 4px;
    padding-bottom: 4px;
}

#dashboard h4.commodity-title,
#dashboard .genderwise-chart .card-widget-body h3 {
    font-size: 18px;
    color: #1f364f;
}

.genderwise-chart h4 {
    font-size: 20px;
    color: #cc0066;
    padding-top: 10px;
    margin-bottom: 0;
}

#registlisttable tbody tr td,
#registNReachedlisttable tbody tr td {
    padding: 8px 10px;
}

#registlisttable_wrapper .row,
#registlisttable_wrapper .row .col-sm-6 {
    margin:0px;
}


@media (min-width: 767px) and (max-width: 1030px) {
    .genderwise-chart h4 {
        font-size: 24px;
    }
}

.orws-client-count-map {
    background: #d81994;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    position: relative;
    top: -28px;
    left: 40px;
    font-size: 18px;
    padding-top: 2px;
    color: #fff;
    box-shadow: 1px 1px 5px 2px rgba(236, 160, 209, 0.98);
}

.card .card-widget button.btn.btn-sm.btn-warning.resetmap-hotspot {
    padding: 2px 12px;
    line-height: 1.8em;
    float: right;
    position: relative;
    top: -5px;
    right: 10px;
}

@media (max-width: 767px) {
    #dashboard .genderwise-chart .card-widget-body>div {
        height: 250px;
    }
}





/*------------- Alert Page ----------------*/

.alert-table tbody tr td {
    padding: 3px 3px;
    border-bottom: 1px solid #90c9e2;
}

.card .body #alertData-container .col-sm-6 {
    margin-bottom: 10px;
}

#alerts .card i.material-icons {
    vertical-align: text-bottom;
}

#alerts .page-title {
    margin: 0 !important;
    color: #666 !important;
    font-weight: normal;
    font-size: 22px;
}

#alerts div#alertData-container {
    margin-top: 20px;
}





/*#userlist .card-widget {
    background: rgba(237, 244, 247, 0.64);
}*/


/*-------------- Userlist Page ----------*/

#userlisttable tbody tr td {
    padding: 8px 10px;
}

.card-widget-head .btn-toolbar.pull-right {
    padding-top: 5px;
    margin-right: 10px;
}

.card-widget-head .btn-toolbar.pull-right a,
.card-widget-head .btn-toolbar.pull-right a.btn-default:hover,
.card-widget-head .btn-toolbar.pull-right a.btn-default:active,
.card-widget-head .btn-toolbar.pull-right a.btn-default:focus {
    background: #cfa448;
    /*#0e4a65*/
    border: 1px solid #cfa448;
    /*#0e4a65*/
    color: #ffffff;
}





/*#userlist .card-widget {
    background: rgba(237, 244, 247, 0.64);
}*/

#userlisttable tbody tr td a {
    color: #337ab7;
}

.card .body #list-container .col-sm-6 {
    margin-bottom: 10px;
}

#userlist .card i.material-icons {
    vertical-align: text-bottom;
}

tr td .btn:not(.btn-link):not(.btn-circle) i {
    font-size: 13px;
    top: 1px;
}

#userlisttable_length .btn.dropdown-toggle.btn-default {
    border-bottom: 1px solid #ddd;
    padding-right: 10px;
    padding-top: 9px;
}

#user_form .modal-body .card .body .col-xs-6,
#user_form .modal-body .card .body .col-sm-6,
#user_form .modal-body .card .body .col-md-4,
#user_form .modal-body .card .body .col-lg-4 {
    margin-bottom: 10px;
}

.modal .header h2 i {
    vertical-align: text-bottom;
}

#userlist .header h2 i {
    vertical-align: text-bottom;
}





/*--- for createnewuser forms -----*/

#createNewUser .form-group .form-control {
    padding: 0;
    height: 22px;
    font-size: 12px;
    font-weight: bold;
}

#createNewUser .form-group {
    margin-bottom: 20px;
}

.card .body #createNewUser .col-xs-6,
.card .body #createNewUser .col-xs-12,
.card #createNewUser .col-xs-5,
.card #createNewUser .col-sm-5,
.card #createNewUser .col-md-5,
.card #createNewUser .col-lg-5 {
    margin-bottom: 0;
}

#createNewUser .bootstrap-select>.dropdown-toggle {
    border-bottom: 1px solid #ddd;
    padding-top: 0;
}

#createNewUser label.error {
    font-size: 12px;
    display: block;
    margin-top: 5px;
    /*font-weight: normal;*/
    color: #F44336;
}





/*------- for bootstrap select ------------*/

.bootstrap-select>.dropdown-toggle {
    padding-right: 10px;
    padding-top: 9px;
}





/*-------- for datepicker ---------*/

.datepicker table tr td,
.datepicker table tr th {
    border-radius: 30px;
}

.datepicker.dropdown-menu th,
.datepicker.dropdown-menu td {
    padding: 6px 5px;
}





/*------ for trend table --------*/

td.less20 {
    background-color: #f0f6fd;
}

td.less40 {
    background-color: #cbe2f7;
}

td.less60 {
    background-color: #a7cdf2;
}

td.less80 {
    background-color: #7fb6ec;
}

td.less100 {
    background-color: #0081ff;
}

.background-index {
    /*background: url("../../img/bg.jpg") no-repeat;*/
    background-size: cover;
    position: absolute;
    width: 100%;
    height: calc(100vh);
    opacity: 0.5;
}





/*--- for header ------*/

section#userlist>h2,
section#alerts>h2 {
    font-size: 19px;
    color: #666;
    font-weight: 300;
}

section#userlist>h2 i,
section#alerts>h2 i {
    vertical-align: text-bottom;
}




/*------------ for highcharts --------*/


/*.highcharts-background {
    fill: #d9d9fb;
}*/

.highcharts-axis-labels {
    font-weight: bold;
}




/*------------- for Mapping Facility / Hotspot ---------*/

.show-data {
    padding-left: 0;
    background-color: rgba(243, 242, 255, 0.52);
    border-radius: 5px;
    /*box-shadow: 4px 4px 5px -2px rgba(138, 219, 255, 0.55);*/
}

.show-data>div {
    padding: 5px 10px;
}

#orwlist.table-bordered tbody tr td,
#orwlist.table-bordered tbody tr th {
    padding: 5px;
}

#orwlist.table-bordered tbody tr td button {
    padding: 2px 5px;
}

#facilityMappingModalContainer {
    font-family: 'Convergence', sans-serif;
}

#facilityMappingModalContainer .modal-header,
#hotspotMappingModalContainer .modal-header {
    border-bottom: 1px dashed #ccc;
}

.show-data label {
    color: #1d1111;
    margin-top: 7px;
    font-family: 'Convergence', sans-serif;
    font-weight: 100;
}

.show-data .col-sm-12.col-md-12.col-lg-12 {
    font-size: 12px;
}

#facilityMappingModalContainer .modal .modal-header {
    padding: 10px 25px 5px 10px;
}




/*-------- for select 2 -------------*/

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    color: #f5f4fd;
}

.select2-container {
    width: 100%!important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #18475a;
}




/*----------- add facility ---------*/

.card .body #addFacilityForm .col-xs-6,
.card .body #addFacilityForm .col-xs-12,
.card #addFacilityForm .col-xs-5,
.card #addFacilityForm .col-sm-5,
.card #addFacilityForm .col-md-5,
.card #addFacilityForm .col-lg-5 {
    margin-bottom: 0;
}

.card #addFacilityForm .form-group {
    /*margin-bottom: 10px;*/
}

.modal option {
    padding: 4px 10px;
    margin: 4px 0;
}




/*----------  create new organization ------------*/

.card .body #createNewOrganizationForm .col-xs-6,
.card .body #createNewOrganizationForm .col-xs-12,
.card #createNewOrganizationForm .col-xs-5,
.card #createNewOrganizationForm .col-sm-5,
.card #createNewOrganizationForm .col-md-5,
.card #createNewOrganizationForm .col-lg-5 {
    margin-bottom: 0;
}

.card #createNewOrganizationForm .col-sm-5.col-md-5.col-lg-5.col-xs-5 .form-group {
    margin-bottom: 15px;
}

.form-group label.error {
    font-weight: bold;
}





/*--------------- for hotspot map overview -------------*/

.table.table-bordered.table-striped.table-popup tr td,
.table.table-bordered.table-striped.table-popup tr th {
    padding: 10px 5px;
}

.popup-hotspotmap div.col-xs-6 {
    padding-left: 0;
    padding-right: 0;
}

#patientListtable tr td {
    padding: 5px;
}

.border-shape-marker {
    box-shadow: 1px 1px 11px 3px rgba(0, 0, 0, 0.78);
    /*--for markercluster --*/
    /*box-shadow: 0px 1px 10px 5px rgba(0, 0, 0, 0.2);*/
    /*--for marker --*/
}

@media (max-width: 767px) {
    .hotspotmap-container-card {
        margin-top: 15px;
    }
}

#hotspotmapoverview .nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:focus,
.nav-tabs.nav-justified>.active>a:hover {
    background-color: #fafdff!important;
}

#hotspotmapoverview table#hotspotlistoverviewtable tr td {
    padding: 5px;
}



/*--------- for userlist -------------*/

.swal2-container .btn-group.bootstrap-select.swal2-select {
    display: none;
}




/*------------ for key indicators --------------*/

.keyindicators-headings {
    background: #F5F6F8;
}




/*------------------ for All Main Page title ---------------*/

.main-page-title {
    background-color: lavender;
    padding: 10px 0 7px;
    margin-bottom: 0px;
    border-color: #ddd;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.form-group .form-control {
    letter-spacing: 0.8px;
    font-style: italic;
}

.home-page .input-group span.input-group-addon {
    border-radius: 5px 0 0 5px;
}

.home-page .input-group .input-group-addon {
    border-radius: 0;
    /* border-color: #3c8dbc; */
    background-color: #cfa448;
    /*#238cbb*/
    color: #fff;
    padding-left: 5px;
    padding-right: 5px;
}

.main-page-title h4 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 0;
}

.main-page-title .bootstrap-select>.dropdown-toggle {
    padding-top: 5px;
    padding-bottom: 3px;
}



/*------------- for key indicator ---------------*/

.box-widget {
    border: none;
    position: relative
}

.widget-user .widget-user-header {
    padding: 10px 10px;
    /*height: 79px;*/
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.widget-user .box-footer {
    padding-top: 0;
    padding-bottom: 0;
    border: 1px solid #ccc;
    box-shadow: 0px 1px 0px 1px #f5f5f5;
    background: #fffdfd;
}

.widget-user .widget-user-username {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 25px;
    font-weight: 300;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    color: #fff;
}

.widget-user .widget-user-desc {
    margin-top: 0
}

.widget-user .widget-user-image {
    position: absolute;
    top: 45px;
    left: 60%;
    margin-left: -45px;
    z-index: 1;
}

.widget-user .widget-user-image>img {
    width: 50px;
    height: auto;
    border: 3px solid #fff
}

.widget-user .box-footer {
    padding-top: 0;
    padding-bottom: 0;
}

.clientsListIndicator,
.clientsListIndicatorSelected {
    font-size: 20px;
    font-weight: bold;
    text-decoration: underline;
}

.clientsListIndicator {
    cursor: pointer;
    /*  border-bottom: 1px solid #fff;*/
}

.clientsListIndicatorSelected {
    /*margin-left: 35px;*/
    font-weight: bold;
    cursor: pointer;
    /*border-bottom: 1px solid #ccc;*/
}

.widget-user-2 .widget-user-header {
    padding: 20px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.widget-user-2 .widget-user-username {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 25px;
    font-weight: 300
}

.widget-user-2 .widget-user-desc {
    margin-top: 0
}

.widget-user-2 .widget-user-username,
.widget-user-2 .widget-user-desc {
    margin-left: 75px
}

.widget-user-2 .widget-user-image>img {
    width: 65px;
    height: auto;
    float: left
}

.bg-aqua-active,
.modal-info .modal-header,
.modal-info .modal-footer {
    background-color: #00a7d0 !important;
}

.box-footer {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top: 1px solid #f4f4f4;
    padding: 10px;
    background-color: #fff;
}

.description-block {
    display: block;
    margin: 10px 0;
    /*text-align: center*/
}

.description-block.margin-bottom {
    margin-bottom: 25px
}

.description-block>.description-header {
    margin: 0;
    padding: 0;
    font-weight: 600;
    font-size: 16px;
    border-bottom: 1px solid #ccc;
}

.description-block>.description-text {
    text-transform: uppercase
}

.dataDespHeader {
    margin: 0;
    padding: 0;
    font-weight: 600;
    font-size: 34px !important;
}

.blockUI h1 {
    font-size: 22px;
}

#referalChart .highcharts-button {
    stroke: none;
}



/*--------- Client List Table ---------*/

table#clientListTable,
#clientlist {
    font-family: 'Bree Serif', 'Zawgyi-One Regular'!important;
}

#clientlist .card-widget .card-widget-head h3 {
    font-weight: 500;
}

table#clientListTable.compact.dataTable tbody tr td,
table#clientListTable.compact.dataTable thead tr th {
    padding: 7px 5px;
}

table#clientListTable.compact.dataTable tbody tr td button {
    padding: 2px 5px;
}

i.compact-icon {
    color: #000;
    margin-right: 7px;
}

i.inactive-compact {
    color: #ccc;
}

table#clientListTable.dataTable thead>tr>th {
    background-color: #fdfbfb !important;
    color: #5a5656;
    border-right: none;
    border-top: none;
    border-left: none;
    border-bottom: 2px solid #aec5d0;
    box-shadow: 1px 0px 2px #ccc;
}

table#clientListTable.dataTable tbody>tr>td {
    color: #5a5656;
    font-size: 12px;
    border-left: none;
    border-right: none;
}

#clientListTable.table-hover>tbody>tr:hover {
    background-color: #e2e7e8;
    font-weight: 400;
}

#clientListTable.table-hover>tbody>tr:hover td {
    color: #000;
}

table#clientListTable tbody tr {
    cursor: pointer;
}

table#clientListTable strong {
    font-weight: 600;
    font-size: 12px;
    color: #1b333e;
    letter-spacing: 0.8px;
}

table#clientListTable tbody tr.table-row-data-container {
    cursor: inherit;
}

#clientlist table .switch label .lever {
    height: 10px;
    width: 30px;
}

#clientlist table .switch label .lever:after {
    width: 15px;
    height: 15px;
}

#clientlist .switch label input[type=checkbox]:checked+.lever:after {
    left: 24px;
}

table#clientListTable.dataTable thead tr th {
    font-weight: 600;
    color: #2a2f31;
}

.swal2-modal .swal2-styled {
    font-size: 15px;
    padding: 6px 30px;
}

.widget-user .description-text {
    font-weight: 800;
}

.indicator-container .indicator {
    position: relative;
    display: block;
    margin-bottom: 12px;
    border: 1px solid #E4E4E4;
    -webkit-border-radius: 5px;
    overflow: hidden;
    padding-bottom: 5px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 5px;
    -moz-background-clip: padding;
    border-radius: 5px;
    background-clip: padding-box;
    background: #FFF;
    transition: all 300ms ease-in-out;
    font-family: 'Helvetica Neue', 'Source Sans Pro', 'Zawgyi-One Regular', 'Bree Serif', Helvetica, Arial, sans-serif !important;
    box-shadow: 0px 1px 3px 1px #00000017;
}

.indicator-container .indicator .icon {
    width: 20px;
    height: 20px;
    color: #BAB8B8;
    position: absolute;
    right: 35px;
    top: 45px;
    z-index: 1;
}

.indicator-container .total-count .clientsListIndicator {
    position: relative;
    margin: 0;
    margin-left: 10px;
    z-index: 5;
    padding: 0;
    border-bottom: 1px solid #ccc;
    color: #7d6c6c;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.65857;
}

.indicator-container .total-count {
    color: #7d6c6c;
    font-weight: 600;
    line-height: 1.1;
    font-size: 18px;
}

.indicator-container .clientsListIndicatorSelected {
    margin-left: 10px;
    font-weight: bold;
    cursor: pointer;
    border-bottom: 1px solid #ccc;
    color: #7d6c6c;
    font-size: 20px;
}

.indicator-container .year-count .description-text {
    color: #7d6c6c;
    text-transform: capitalize;
    font-size: 18px;
    margin-left: 6px;
    font-weight: 600;
}

.indicator-container .desc-text h3 {
    margin: 0 0 0 0;
}

.indicator-container .desc-text h3 span {
    color: #73879C;
    font-weight: 500;
    line-height: 1.1;
    margin: 0 0 0 10px;
    font-size: 27px;
}

#caseHistoryModal .panel-group .panel-primary .panel-title {
    background-color: #0e4a65;
}

#caseHistoryModal .panel-primary>.panel-heading {
    background-color: #0e4a65;
}

#clienIndicatortListTable .btn-group-sm>.btn,
#clienIndicatortListTable .btn-sm {
    padding: 2px 7px;
}

#clienIndicatortListTable .switch label .lever {
    height: 11px;
}

#clienIndicatortListTable .switch label .lever:after {
    height: 17px;
}

#clienIndicatortListTable.table-bordered tbody tr td,
#clienIndicatortListTable.table-bordered tbody tr th,
.alert-table.table-bordered tbody tr td,
.alert-table.table-bordered tbody tr th,
.referral-table tbody tr th {
    padding: 5px;
}

.alert-table tbody tr td .btn:not(.btn-link):not(.btn-circle) {
    padding: 2px 7px;
}

#report .info-box {
    box-shadow: none;
    margin-bottom: 0;
    height: 45px;
}

.xls-link,
.pdf-link {
    float: right;
    padding-left: 10px;
    cursor: pointer;
}

/* Header */

.main_top_header {
    margin: -8px -15px;
    background:#E4E4E4;
    height: 60px;
    border-bottom: 1px solid #E4E4E4;
}


.dashboard .main_top_header {
    margin-bottom: 14px;
}

.dashboard .main-page-title {
    background-color:transparent;
    margin-bottom: 8px;
    border-color: transparent;
    box-shadow: none;
}




/* Header End */

/* indicator */

.indicator-container .col-md-15 {
    margin-bottom: 10px;
}


.indicator-title {}

.indicator-title h5 {
    padding: 9px 10px;
    margin: 0px;
    color: #ffffff;
    font-weight: normal;
    font-size: 16px;
    text-transform: uppercase;
    font-family: inherit;
}

.indicator-reached,
.indicator-reached .indicator-icon {
    background: #829621;
}

.indicator-referred,
.indicator-referred .indicator-icon {
    background: #318FCE;
}

.indicator-tested,
.indicator-tested .indicator-icon {
    background: #999;
}

.indicator-positive,
.indicator-positive .indicator-icon {
    background: #C13632;
}

.indicator-enrolled,
.indicator-enrolled .indicator-icon {
    background: #FF950D;
}



.indicator-icon {
    border-radius: 50%;
    position: absolute;
    right: 12px;
    top: 5px;
    padding: 6px;
}

.indicator-title img.img-circle {
    width: 32px;
    height: 32px;
}

.indicator-count span {
    cursor: pointer;
    font-weight: bold;
    font-size: 20px;
}



/*.indicator-count p:first-child
{
    padding-bottom: 0px;
}
.indicator-count p:nth-child(2)
{
    padding-bottom: 0px;
}*/

.indicator-count p {
    margin: 0px;
    padding: 10px 10px;
    color: #7d6c6c;
    font-weight: bold;
    line-height: 1.1;
    font-size: 16px;
    font-family: inherit;
}


.indicator-count {
    padding-top: 18px;
    background-color: #fff;
}

.indicator-count p span {
    color: #829621;
    font-weight: bold;
    margin-left: 10px;
}

.indicator-count {
    border: 1px solid #80808038;
    border-top: none;
    text-align: center;
}

.indicator-count p {
    margin: 0px;
    padding: 5px 10px;
    text-align: center;
}

#indicators h2 {
    text-align: left;
}

#indicators .tile_count {
    text-align: center;
    color: #73879C;
    padding-top: 10px;
}


#indicators .tile_count .tile_stats_count:first-child:before {
    border-left: 0;
}


#indicators .tile_count .tile_stats_count:before {
    content: "";
    position: absolute;
    left: 0;
    height: 65px;
    border-left: 2px solid #ADB2B5;
    margin-top: 10px;
}


#indicators .tile_count .tile_stats_count span {
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
}

#indicators .tile_count .tile_stats_count .count {
    font-size: 22px;
    line-height: 27px;
    font-weight: 600;
}

#indicators h2 {
    margin-top:0px;
}


#indicators .main-page-title h6 {
    text-align: left;
    font-size: 14px;
    font-weight: 600;
    margin-top: 7px;
}

#indicators .main-page-title > div {
    margin-left:0px;
}

#indicators .main-page-title {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
}


/* indicator end */


/* referral  */

.referral-table tbody tr td {
    padding: 3px 3px;
    border-bottom: 1px solid #90c9e2;
}



/* referral end */



/* orwmapping page */


#orw-container fieldset {

    min-width: 1px;
    padding: 0px 8px;
    margin: 1px;
    border: 1px solid #b3bed7;
    border-radius: 5px;
}

#orw-container legend {
    font-size:14px;
    font-weight:bold;
    border-bottom:0px;
    width: auto;
    padding: 0px 12px;
}


/* orwmapping page end */


/* qr code generator */

#nOfQRCode {
    width:100px;
}

#grcode_form .form-group {
    width: 100px;
}

/* qr code generator end */


/* highcharts colors */

.highcharts-color-0 {
    fill: #BAC3D2 !important;
    stroke: #BAC3D2 !important;
}

.highcharts-color-1 {
    fill: #60B1CC !important;
    stroke: #60B1CC !important;
}

.highcharts-color-2 {
    fill: #43AEA8 !important;
    stroke: #43AEA8 !important;
}

.highcharts-color-3 {
    fill: #CFA448 !important;
    stroke: #CFA448 !important;
}

.highcharts-color-4 {
    fill: #6C85BD !important;
    stroke: #6C85BD !important;
}

.highcharts-color-5 {
    fill: #FF4500;
    stroke: #FF4500;
}

.highcharts-color-6 {
    fill: #87CEEB;
    stroke: #87CEEB;
}

.highcharts-color-7 {
    fill: #FFA500;
    stroke: #FFA500;
}

.highcharts-color-8 {
    fill: #FFFFFF;
    stroke: #FFFFFF;
}

.highcharts-color-9 {
    fill: #2A3F54;
    stroke: #2A3F54;
}

.dashboard-block .panel{
    text-align:center;
    border-radius: 0px;
}

.dashboard-block .panel-custom{
    background-color:#F7F7F7;
    color:#fff;
}

.dashboard-block .panel-footer {
    font-size:12px;
    color: #fff;
    border-radius: 0px;
}

.dashboard-block .panel-default{
    border-color: #F7F7F7;
    border: 0px;
}

.count {
    font-size:25px;
    color:#4E4E4E;/*313443;/*#03A9F4;*/
}

.count-label{
    font-size:10px;
    text-transform: uppercase;
    color: #4E4E4E;
}

.in-img{
    margin-top:3px;
}

.br-right{
    border-right:1px dotted #e0e0e0;
}

.filter-block{
    height:50px;
    background-color:#F7F7F7;
    margin: -7px -15px;
}

.filter-btns{
    padding:8px 25px;
}

/*.filter-btn .btn{
    background-color: #FFCC00 !important;
    color: #fff;
    border-color: #FFCC00 !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12) !important;
}*/

/*.filter-btn{
    background-color: #FFCC00 !important;
    color: #fff;
    border-color: #FFCC00 !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12) !important;
}*/

.plZero{
    padding-left: 0px;
}

.nav-tabs>li.active>a{
    background-color: transparent !important;
    color: #000 !important;
}

.dashboard-block .nav-tabs{
   border-bottom: 1px solid #eee;
    margin: -8px -13px;
    font-size: 12px;
}

.dashboard-block .nav-tabs > li .active> a{
    color: #e4e4e4 !important;
}

.dashboard-block .nav-tabs + .tab-content {
    padding: 22px 0;
}
/* highcharts colors */

.inline-header .nav-pills>li>a {
    border-radius:0;
    color: #BFBFBF;
}

.inline-header .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
    border-bottom:3px solid #000;
    background-color:transparent;
    color:#000;
    
}

.dashboard-block .nav>li>a {
    padding: 16px 15px !important;
}
.nav-pills>li>a{
    padding: 16px 15px !important;
}

.dashboard-block .nav-tabs > li > a:before {
    border-bottom:2px solid #000;
}

.impact-box{
    height:100px;
    background-color: #03A9F4;
    color:#fff;
    text-align: center;
}
.impact-box-blue{
    height:100px;
    background-color: #03A9F4;
    color:#fff;
    text-align: center;
    color: #333333;
}
.impact-box-pink{
    height:100px;
    background-color: #ee5caaa8;
    color:#fff;
    text-align: center;
    color: #333333;
}
.box-border {
    border-style: solid;
    border-width: 1px;
    border-color: #03A9F4;
    margin-right: 10px;
    text-align: center;
    color:  #1a1a1a;

}
.bg-impact-pink{
    background-color: #ee5caaa8;
    border-style: solid;
    border-width: 1px;
    border-color: #03A9F4;
    margin-right: 10px;
    text-align: center;
    color:  #1a1a1a;
}
.bg-impact-blue{
    background-color: #03a9f4;
    border-style: solid;
    border-width: 1px;
    border-color: #03A9F4;
    margin-right: 10px;
    text-align: center;
    color:  #1a1a1a;
}
.pZero{
    padding:0px !important;
}

td{
    text-transform: capitalize;
}
table.dataTable thead tr {
  background-color: #E4E4E4;
}

table.dataTable thead>tr>th{
    background-color: #E4E4E4 !important;
    color:#3A3A3A;
}

.dataTables_wrapper .dt-buttons a.dt-button{
    color:#a6a6a8;
}

.modal-header{
    background-color: #E4E4E4 !important;
    color:#fff !important;
    border-bottom: 1px solid #e5e5e5 !important;
   
        
}

.cl-pink{
    color:#F0566F;
}

.cl-blue{
    color:#3071AC;
}

.cl-green{
    color:#339A40;
}

.bg-lightblue{
    background-color: #43ADE9 !important;
}

.bg-pink{
    background-color: #F0566F !important;
}

.bg-blue{
    background-color: #4E9EDA !important;
}

.bg-green{
    background-color: #5de097 !important;
    
}

.bg-darkgreen
{
    background-color: #28AD63
}

.bg-gray
{
    background-color: #b5b4b4 !important;
}
.br-right-lb{
    border-right:1px dotted #43ADE9;
}

.br-right-pink{
    border-right:1px dotted #F0566F;
}

.br-right-blue{
    border-right:1px dotted #4E9EDA;
}

.br-right-green{
    border-right:1px dotted #28AD63;
}

.arrow-color{
    color: #b5b4b4;
}
.apply{
    margin-top: 2px !important;
    /*border: 1px solid #ccc !important;*/
    border-radius: 6px !important;
    color: #3A3A3A !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16), 0 1px 1px rgba(0, 0, 0, 0.12) !important;
}


.filter-block select.no-radius{
    border:none !important;
    color:#3A3A3A !important;
}    

.filter-block select.form-control:not([multiple]) {
    border-radius: 20px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.16), 0 1px 1px rgba(0, 0, 0, 0.12);
    height: 32px;
    margin-top: 1px;
    padding: 2px 14px;
    -webkit-appearance:none;
    -moz-appearance: none;
    appearance: none;
    background-position: right 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%20%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%20%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2214px%22%20height%3D%2212px%22%20viewBox%3D%220%200%2014%2012%22%20enable-background%3D%22new%200%200%2014%2012%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Cpolygon%20points%3D%223.862%2C7.931%200%2C4.069%207.725%2C4.069%20%22/%3E%3C/svg%3E);
}

.table.dataTable {
    border: 1px solid #f7f7f7;
}


.options {
    background: #f2f2f2;
    position: absolute;
    top: 270px;
    z-index: 100;
    padding: 10px;
    border-radius: 2px;
    border-style: solid;
    border-color: #808080;
    border-width: 2px;
    left: 5px;
}

.checkbox {
    margin-top: 0px;
}