/* Dashboard CSS */
.dashboard-nav-icons {
    float: right;
    display:flex;
    width:100%;
}

/*.dashboard-nav-icons > div {
    display: inline-block;
    min-width: 23%;
    margin-bottom:15px;
    cursor: pointer;
}*/
.dashboard-nav-icons > div {
    display: inline-block;
    min-width: 28%;
    margin-bottom: 15px;
    cursor: pointer;
}

.dashboard-icon .dashboard-icon-round  {
    float: left;
}

/*.dashboard-icon-round {
    padding: 10px 17px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    font-size:30px;
    width: 63px;
}*/
.dashboard-icon-round {
    padding: 8px 16px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 101%;
    font-size: 28px;
    width: 58px;
}
.dashboard-icon-round .fa-pencil-square-o {
    position: relative;
    left:2px;
    top:2px;
}

/*.dashboard-icon-content {
    padding-left: 70px;
    color: #787878;
    position: relative;
    top: 5px;
}*/
.dashboard-icon-content {
    padding-left: 64px;
    color: #787878;
    position: relative;
    top: 5px;
    margin-right: 8px;
}

.dashboard-icon-content-header {
    /*font-size: 23px;*/
     font-size: 22px;
    font-weight: 600;
}
.dashboard-icon-content-subtext {
    padding-left:2px;
}

.icon-red-bg {
    background: #d95950;
    color: #FFFFFF;
}

.icon-green-bg {
    background: #65a942;
    color: #FFFFFF;
}

.icon-blue-bg {
    background: #519dd9;
    color: #FFFFFF;
}

.icon-orange-bg {
    background: #daa638;
    color: #FFFFFF;
}

.icon-light-blue-bg {
    background: #77c2ae;
    color: #FFFFFF;
}
.icon-light-orange-bg {
    background: #e09a5f;
    color: #FFFFFF;
}

.font-light-blue {
    color: #77c2ae;
}

.font-light-orange-bg {
     color: #e09a5f;
}

#content-body article.dashboard-article {
    padding: 0px;
}

#content-body article.dashboard-article .nav-tabs2 > li > a {
    background: #f5f5f5;
    color: #222222;
    border-bottom: 1px solid #bfbfbf;
}
#content-body article .nav-tabs2>li.active>a, #content-body article .nav-tabs2>li.active>a:focus, #content-body article .nav-tabs2>li.active>a:hover
{
    background: #FFFFFF;
   /* border-top-width: 4px;
    border-top-color: #bfbfbf;*/
        border-top: 4px solid #e0e0e0 !important;
    border-bottom-color: transparent;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
#content-body article.dashboard-article .nav-tabs2.nav-justified > li > a {
    text-align: left;
}
.gray-bg {
    /*background:  #fcfcfc;*/
}
#content-body article.dashboard-article .nav-tabs2.nav-justified > li > a > div {
    float: left;
}
.tab-button-group {
    padding-left: 15px; 
}
.tab-button-group .tab-head {
    font-size: 18px;
    font-weight: 600;
}
.tab-button-group .btn-group {
    margin-top:5px;
}
.tab-button-group .btn-group .btn-default {
    background: #f4f4f4;
    font-size: 11px;
    font-weight: 600;
    padding: 5px 17px;
}
.tab-button-group .btn-group .btn-default.active {
    background: #e9e9e9;
}
#content-body article.dashboard-article .nav-tabs2.nav-justified > li > a > div.checkbox-holder {
    float: right;
}
.checkbox-holder .checkbox {
    margin-top:0px;
}
.checkbox-holder label{
    font-size: 12px;
    padding-right: 15px;
}
.checkbox-holder label input{
    position: relative;
    top:0px;
    background: #FFF;
}
.font-purple {
    color: #69043c
}
.font-light-grey {
    color: #a8a8a8;
}

.fa-plane, .fa-file-text {
    position: relative;
    left:2px;
}

#content-body article.dashboard-article .tab-pane {
    background-color:#fcfcfc; 
}
.change-layout-expander {
    margin-bottom: 10px;
    display: none;
}
.change-layout-expander button.btn-default {
    padding: 2px 5px;
}

.report-table  > table{
    background: #FFFFFF;
}
.report-table .table>thead>tr>th {
    vertical-align: middle;
    text-align: center;
} 
.report-table .table>thead>tr>th.text-left{
    text-align: left;
}
.report-table .table>tbody>tr>td {
     vertical-align: middle;
}
.task-raised, .task-raised > span{
    display: block;
    font-size: 11px;
    width: 100%;
}
.task-raised {
    padding: 5px;
    min-height: 40px;
    cursor: pointer;
    line-height: 16px;
    font-weight: 700;
    /*word-break: break-all;*/
}

.icon-green {
    color: #7fbd40;
}
.icon-blue {
    color: #0258a3;
}
.icon-orange {
    color: #e66104;
}
.icon-dark-yellow {
    color: #efd248;
}
.icon-pink {
    color: #d8184b;
}
.icon-grey {
    color: #eaeaea;
}
.bg-green {
background: rgba(240,255,232,1);
background: -moz-linear-gradient(top, rgba(240,255,232,1) 0%, rgba(174,191,118,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(240,255,232,1)), color-stop(100%, rgba(174,191,118,1)));
background: -webkit-linear-gradient(top, rgba(240,255,232,1) 0%, rgba(174,191,118,1) 100%);
background: -o-linear-gradient(top, rgba(240,255,232,1) 0%, rgba(174,191,118,1) 100%);
background: -ms-linear-gradient(top, rgba(240,255,232,1) 0%, rgba(174,191,118,1) 100%);
background: linear-gradient(to bottom, rgba(240,255,232,1) 0%, rgba(174,191,118,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0ffe8', endColorstr='#aebf76', GradientType=0 );
border-radius:4px;
padding:10px;
    width: auto !important;
}

.bg-red {
background: rgba(255,235,235,1);
background: -moz-linear-gradient(top, rgba(255,235,235,1) 0%, rgba(255,163,163,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,235,235,1)), color-stop(100%, rgba(255,163,163,1)));
background: -webkit-linear-gradient(top, rgba(255,235,235,1) 0%, rgba(255,163,163,1) 100%);
background: -o-linear-gradient(top, rgba(255,235,235,1) 0%, rgba(255,163,163,1) 100%);
background: -ms-linear-gradient(top, rgba(255,235,235,1) 0%, rgba(255,163,163,1) 100%);
background: linear-gradient(to bottom, rgba(255,235,235,1) 0%, rgba(255,163,163,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffebeb', endColorstr='#ffa3a3', GradientType=0 );
border-radius:4px;
padding:10px;
width: auto !important;
}

.bg-blue {
    /*background: #0258a3;
        color: #FFF;*/
    background: #addefe;
    background: -moz-linear-gradient(top, #addefe 0%, #89cafd 100%);
    background: -webkit-linear-gradient(top, #addefe 0%,#89cafd 100%);
    background: linear-gradient(to bottom, #addefe 0%,#89cafd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#addefe', endColorstr='#89cafd',GradientType=0 );
    color: #000;
    font-size: 12px;
    text-align: center;
    padding:10px;
    margin: 4px;
    border-radius: 4px;
    width: auto !important;
}

.bg-orange {
    background: #e66104;
    color: #FFFFFF;
}

.bg-dark-yellow {
    background: #efd248;
    color: #FFFFFF;
}

.bg-purple {
    background: #69053b;
    color: #FFFFFF;
}
.bg-grey {
    background: #929292;
    color: #FFFFFF;
}
.btn-default.bg-grey, .btn-default.bg-grey {
    background: #929292;
    color: #FFFFFF;
}
.btn-default.bg-purple.active, .btn-default.bg-purple:active{
    background: #69053b;
    color: #FFFFFF;
}

.table-row-icon {
    padding: 5px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    color: #FFF;
    background-color: #b4b4b4;
    margin-right: 5px;
}
.table-row-icon > .fa {
    position: relative;
    top:1px;
}
.alert-icon {
    float: right;
}
.alert-icon > .fa {
    color: #d52929;
    font-size: 20px;  
    cursor: pointer
}
.warning-bg {
    background-color: #fbe399;
    margin-bottom:5px;
    padding:5px;
}
.alert-bg {
    background-color: #ffb7b8;
    margin-bottom:5px;
    padding:5px;
}

#content-body article.dashboard-article .tab-content>.active {
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
}

#content-body article.dashboard-article .tab-pane {
    padding: 10px 0px; 
}
.legal-text-table > span {
    margin-right: 10px;
    font-size: 11px;
}

.sidebar-form {
	background: #FFFFFF;
	position: fixed;
    -webkit-box-shadow: -6px 1px 14px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: -6px 1px 14px -8px rgba(0,0,0,0.75);
    box-shadow: -6px 1px 14px -8px rgba(0,0,0,0.75);
}


.sidebar-form-vertical {
	width: 260px;
	height: 100%;
	z-index: 1000;
    top: 50px;
    padding-bottom: 60px;
    border-top:1px solid #d3d3d3;
}

.sidebar-form-right {
	right: -280px;
    -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}


.sidebar-form-right.sidebar-form-open {
	right: 0px;
    -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.sidebar-form-header {
    padding:15px;
    border-bottom: 1px solid #d3d3d3;
}
.sidebar-form-header h5{
    margin:0px;
    padding-right:30px;
    font-weight: 600;
    font-size: 13px;
}

.sidebar-form-header i{
    float: right;
    margin-top: -15px;
    font-size: 15px;
}
.table-borderless.table>tbody>tr>th, .table-borderless.table>tbody>tr>td {
      border: none;
}

.sidebar-form-block {
    font-size:12px;
    padding: 15px 10px;     
}

.sidebar-form-block  input.form-control{
    height: 28px;
    padding: 6px 6px;
}

.form-checkbox {
    margin: 0px;
    margin-bottom:5px;
}
.form-checkbox input {
    top:-2px;
    position: relative;
}
.fa-window-close {
    cursor: pointer;
}
.popover {
    min-width : 200px;
    border-radius:0px; 
}
.popover-title {
    padding-left: 12px;
    border-radius:0px;

    
}
.popover .fa-window-close {
    cursor: pointer;
    position: absolute;
    top: 8px;
    right: 8px;
}



.k-grid-content table tbody tr.k-state-selected:hover{color:#333; background-color: #00b0ff !important;}

.icon-lightGreen-bg{background: #07C1B2;
    color: #FFFFFF;}

.content-header h3 {
    margin: 0px 0px 0px 0px;
    font-weight: 700;
}