*.disabled[disabled] {
    cursor: not-allowed;
    opacity: .65;
}


body{
    font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}


.a_blue {
    /*color: #3390f5;*/
    color: #337ab7;
}


a, select, input[type="radio"], input[type="checkbox"], option, input[type="checkbox"] + label {
    cursor:pointer;
}


input[type="checkbox"] + label {
    /*margin-left:5px;*/
    font-weight: 400;
    font-size: 13px;
}


.block {
    display:block;
}


.inline_block {display:inline-block;}


ul.bar_tabs>li a, ul.bar_tabs>li.active a, .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    cursor:pointer;
}

ul.bar_tabs>li.active
{
    border-right-color:#089ad3;
}




/*=======================================================================
	menu horizontal
 ========================================================================*/


ul.bar_tabs.bar_small > li
{
    margin-top: -6px;
}


ul.bar_tabs.bar_small>li a
{
    line-height: 30px;
    box-sizing: border-box;
    height: 30px;
    padding: 0px;
    padding-left: 10px;
    padding-right: 10px;
}


/*=======================================================================
	bootstrap alerts
 ========================================================================*/

.alert{
    width: 100%;
    display: block;
}


.alert-danger {
    /*color: #a94442!important;
    background-color: #f2dede;
    border-color: #ebccd1;*/
}


.alert-success {
    color: #3c763d;
    /*background-color: #dff0d8;
    border-color: #d6e9c6;*/
    background-color: #D4F684;
    border-color: #739f1d;
}


.alert-warning {
    color: #8a6d3b;
    background-color: #FEFFC8;
    border-color: #F1AA2D;
}




/*=======================================================================
	Font
 ========================================================================*/

.fs_11px{
    font-size: 11px;
}


.fs_12px{
    font-size: 12px;
}


.fs_13px{
    font-size:13px;
}


/*=======================================================================
	picker date JqueryUi
 ========================================================================*/

.ui-widget {
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    font-size: 1.1em;
    font-size: 13px!important;
}





/*=======================================================================
	width
 ========================================================================*/
.w_100px{width:100px;}

.w_200px{width:200px;}

.min-width-155px{min-width: 155px;}

.min-width-200px{min-width: 200px;}

.min-width-250px{min-width: 250px;}


/*=======================================================================
	float
 ========================================================================*/

.f_right{
    float:right;
}





/*=======================================================================
	grid
 ========================================================================*/

.mygrid tr, .mygrid tr td{
    color: #666;
}


.mygrid td, .mygrid th {
    border-color: #e5e5e5;
}


.mygrid th {
    padding: 4px;
}


.mygrid td {
    /*padding: 4px;*/
    padding-left:4px;
    padding-right:4px;
}


.mygrid tr.pager_style a, .mygrid tr.pager_style span {
    display: inline-block;
    background-color: white;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    border-radius: 3px;
    line-height: 19px;
}


.mygrid tr.pager_style a {
    color: black!important;
}


.mygrid tr.pager_style span {
    background-color: #31b0d5;
    color:white;
}




/*=======================================================================
	margin
 ========================================================================*/
.m_0, .no-margin
{
    margin:0px!important;
}

/*margin top*/
.mt_5px {margin-top:10px;}

.mt_10px {margin-top:10px;}

.mt_15px {margin-top:15px;}

.mt_20px {margin-top:20px;}

.mt_30px {margin-top:30px;}

.mt_50px {margin-top:50px;}

/*margin right*/
.mr_5px {margin-right:5px;}

/*margin left*/
.ml_5px{margin-left:5px;}

.ml_15px{margin-left:15px;}

.ml_20px{margin-left:20px;}

.ml_40px{margin-left: 40px;}

/*margin bottom*/
.mb_0px {margin-bottom: 0px!important;}

.mb_5px {margin-bottom: 5px!important;}

.mb_10px {margin-bottom: 10px!important;}

.mb_15px {margin-bottom: 15px!important;}

.mb_20px {margin-bottom: 20px!important;}

.mb_30px {margin-bottom: 30px!important;}




/*=======================================================================
	padding
 ========================================================================*/
.padding_left_right_20px{padding-left:20px; padding-right:20px;}

.pt_3px{
    padding-top:3px;
}

.pt_10px{
    padding-top:10px;
}

.pt_20px{
    padding-top:20px;
}

.pt_25px{
    padding-top:25px;
}

.pt_30px{
    padding-top:30px;
}

.pb_3px{
    padding-bottom:3px;
}








/*=======================================================================
	text align
 ========================================================================*/
.ta_right{
    text-align:right;
}


.vertical_middle{
    vertical-align:middle!important;
}



/*=======================================================================
	clients -> price
 ========================================================================*/
.price_r{
    position: absolute;
    right: 17px;
    top: 27px;
}


.price_l {
    position: absolute;
    top: 27px;
    left: 14px;
}





/*=======================================================================
	position
 ========================================================================*/
.p_relative{
    position:relative;
}


.p_abr {
    position:absolute;
    bottom:0;
    right:0;
}




/*=======================================================================
	menu
 ========================================================================*/

#sidebar-menu li li ul.child_menu{display:none!important;}

#sidebar-menu li.active > ul.child_menu, #sidebar-menu li li.active ul.child_menu{
    display:block!important;
}

/*.nav.side-menu>li.current-page, .nav.side-menu>li.active {
    border-left: 5px solid #1ABB9C;
}*/






ul.widget_tally .month {
    width: 50%;
    float: left;
}


ul.widget_tally .count {
    width: 50%;
    float: left;
    text-align: right;
}