/* here you can put your own css to customize and override the theme */

/***
Rounded Portlets
***/
/*
.portlet {
        border-radius: 4px !important;
}

.portlet .portlet-title {
        border-radius: 4px 4px 0px 0px !important;
}

.portlet .portlet-body,
.portlet .portlet-body .form-actions  {
        border-radius: 0px 0px 4px 4px !important;
}
*/

@import url(http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);

body{
    font-family: 'Droid Arabic Naskh',"Open Sans", serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Droid Arabic Naskh',"Open Sans", serif;
    font-weight: 300;
}
.page-title{
    font-family: 'Droid Arabic Naskh',"Open Sans", serif;
}
.dropdown-menu{
    font-family: 'Droid Arabic Naskh',"Open Sans", serif;
}
.tooltip{
    font-family: 'Droid Arabic Naskh',"Open Sans", serif;
}
.select2-container-multi .select2-choices .select2-search-field input{
    font-family: 'Droid Arabic Naskh',"Open Sans", serif;
}
.mg-rg{
    margin-left: 5px;
}
.noborder{
    border: 0px !important;
}
.form-group.form-md-line-input .form-control.input-sm{
    padding: 0px;
}
.nopadding{
    padding: 0px !important;
}
.magtolft input[type="radio"]{
    margin-left: -8px !important;
}
.magtolft .fsmglft{
    margin-left: 10px;
}
.mg_top{
    margin-top: -3px;
}
.mg_top_8{
    margin-top: -4px  !important;
}
label.error{
    color: #DC0C0C !important;
    text-align: left;
    font-size: 11px;
}
.error{
    font-size: 11px;
}
.help-block-error{
    left: 0px;
}
.unread {
    background: #F5D6D6 !important;
}
.datepicker{
    width: 222px;
}

.blances .item{
    float: right;
    margin-right: 10px;
    border: 2px dashed #ccc;
    padding: 1px 10px;
    font-weight: 600;
}

#custom_tbl_dt_wrapper .row, #custom_tbl_dt_sec_wrapper .row, #custom_tbl_dt_third_wrapper .row, #custom_tbl_dt_fourth_wrapper .row{
    margin-bottom: 15px;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover, .page-sidebar {
    background-color: #3d3d3d;
}


.page-sidebar .page-sidebar-menu .sub-menu li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    display: block;
    font-size: 12px;
    font-weight: 300;
    margin: 0;
    padding: 5px 43px 5px 15px;
    text-decoration: none;
}
.page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a {
    border: medium none;
    font-size: 12px;
    text-shadow: none;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > i, .page-sidebar .page-sidebar-menu > li.active > a > i, .page-sidebar .page-sidebar-menu > li.active.open > a > i {
    color: white;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover, .page-sidebar .page-sidebar-menu > li.active > a:hover, .page-sidebar .page-sidebar-menu > li.active.open > a:hover {
    background: #0074a2;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a, .page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar .page-sidebar-menu > li.active.open > a {
    background: #0074a2;
    color: white;
}


.page-sidebar .page-sidebar-menu.page-sidebar-menu-compact > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-compact > li > a{
    min-height: 35px;
    padding: 10px 15px 10px 8px;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a, .page-sidebar .page-sidebar-menu > li > a {
    color: #f2f4f6;
    border-top: 1px solid #4d4d4d;
}
@media (min-width: 992px){
    .page-boxed .page-container {
        background-color: #3D3D3D;
    }
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li > a {
    font-size: 12px;
    font-weight: 300;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
    width: 145px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > .username {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
}
.page-logo a{
    color: #fff;
    padding: 17px 10px;
    font-size: 17px;
    text-decoration: none;
}
.page-header.navbar .page-logo {
    background: #4B77BE;
}

@media (min-width: 992px){
    .page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo a {
        display: none;
    }
}

@media (min-width: 992px){
    .page-sidebar .page-sidebar-menu {margin-top: 10px;
    }
}

#fastlinks{
    padding: 0px 5px;
}

a#loginlogo {
    color: #fff;
    text-decoration: none;
    font-size: 31px;
}

@media print{
    .buttons-copy,.buttons-print,.buttons-excel,table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:after{
        display: none !important;
    }

    .adddrugsall,.adddrugsall th {
        font-size: 10px !important;
    }
}

.clockface  {
    right: auto;
    font-family: "Open Sans", serif;
    direction: ltr;
}
.datepicker {
    right: auto;
}

.adddrugsall td , .adddrugsall th{
    text-align: center;
}

.vertical-text {
    transform: rotate(90deg);
    transform-origin: left top 0;
}
.vertical-text {
    float: left;
}

th.rotate {
    /* Something you can count on */
    height: 210px;
    white-space: nowrap;
}

th.rotate > div {
    transform: /* Magic Numbers */ translate(-17px, -19px) /* 45 is really 360 - 45 */ rotate(90deg);
    width: 19px;
}
th.rotate > div > span {
}