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



.portlet-body {
    cursor: default !important;
}



.function_table td {
    padding: 10px;
}

.marinL15 {
    margin-left: 15px;
    margin-bottom: 10px;
}

.sortable-list {
    background-color: #fff;
    list-style: none outside none;
    margin: 0;
    min-height: 60px;
    padding: 10px;
}

.sortable-item {
    background-color: #fff;
    border: none;
    display: block;
    font-weight: normal;
    margin-bottom: 5px;
    padding: 20px 0;
}




.dashboard-stat {
    margin-bottom: 0px !important;
}

#themePanel .themeTitle, #settingsPanel .themeTitle {
    color: #cfcfcf !important;
}

#themePanel .theme-options ul li.active a {
    color: #555555 !important;
}

.dashboard-stat .visual {
    height: auto;
    width: auto;
}









.tile-container ul {
    /*height: 100px;*/
     height: 85px;
}

.tile-container {
    height: 102px;
}

    .tile-container li {
        float: left;
    }

    .tile-container ul.ribbon-container li {
        background: #fff;
    }





#themePanel .theme-options {
    width: 303px !important;
}

.tile-container > .tiles {
    height: inherit !important;
    padding-left: 1px !important;
}

.tile-container ul#flexiselDemo1 li.ui-sortable-helper {
    z-index: 999999 !important;
}








.task-list p {
    font-weight: normal !important;
}

#sample_1_wrapper div, #sample_1_wrapper table td, #rec_adds div, #rec_adds3 span {
    font-weight: normal !important;
}

.tile-container .tools {
    display: none !important;
}

.portlet-drag-container .portlet-title {
    padding-right: 0px;
}

.portlet-drag-container .portlet-title {
    padding-right: 2px !important;
}

.active .themeTitle {
    background: #c4c4c4 !important;
}

.tile-container .tile {
    width: 96% !important;
    /*height: 100px;*/
     height: 100%;
    margin-right: 8px !important;
}


    .tile-container .tile .tile-body .fa {
        /*font-size: 2em !important;
  /* float: right; 
  color: #cbd4e0;
  top: 22px !important;
  position: absolute;
  right: 8px;*/
    }


    .tile-container .tile .tile-body i {
      /*color: #DADADA !important;*/
      color:#F1EEEE!important;
        width: 32px !important;
        position: absolute;
        left: 10px;
        /*top: 45px;*/
        top: 35px;
          font-weight: 300;
    }

.tile-container #iconwidgetclient .tile-body i {
    /*float: left;
    margin-left: 0px !important;*/
    /*margin-right:4px!important;*/
}

/*.tile-container ul li .fa {
    padding-left: 20px;
}*/

.tile-container ul li.sortable-item {
    margin-left: 0px !important;
}

.tile-container ul li {
    padding-top: 0px !important;
}

.tile-container ul li {
    height:100%;
}


.fa-times:before {
    content: "\f00d";
}




.fc-day-number {
    font-weight: normal;
}




ul.task-list span {
    font-weight: normal;
}

#themePanel .theme-options {
    right: 0px !important;
}




#themePanel .toggler-close {
    z-index: 9999;
}



.tile-container .tile .tile-object > .name {
    font-size: 11px !important;
    left: -3px !important;
}


ul.task-list span {
    font-weight: normal;
}

#themePanel .theme-options {
    right: 0px !important;
}

#themePanel .toggler-close {
    z-index: 9999;
}



.datesli:hover .datesli_ul {
    display: block;
}



.borderlessFilter:hover > i.fa {
    color: white !important;
}

.portlet-drag-container .portlet .portlet-title a.btn, .borderlessbutton {
    background-color: transparent !important;
    border: 1px solid transparent !important;
    color: white !important;
}

    .portlet-drag-container .portlet .portlet-title a.btn:hover, .borderlessbutton:hover {
        background-color: transparent !important;
        border: 1px solid #fff !important;
        color: white !important;
        opacity: 1 !important;
    }


.tile-container .tile .tile-object .number {
    font-weight: normal !important;
    font-size: 11px !important;
    right: -5px !important;
}

.tile-container .tile .toggleShow span {
    right: 15% !important;
    top: 40px;
}

.showContent {
    display: block !important;
}


.portlet-drag-container .portlet .portlet-title .tools {
    float: right;
}

    .portlet-drag-container .portlet .portlet-title .tools .fa-close {
        padding: 3px;
        font-family: "Lucida Console", Courier, monospace;
        cursor: pointer;
        vertical-align: top;
        padding: 0px;
        margin: 0;
        width: 15px;
        margin-top: 0px;
        text-align: right;
    }

.portlet-drag-container ul li.sortable-item {
    padding-top: 2px !important;
    padding-bottom: 3px !important;
    margin-right: 1% !important;
    margin-left: 0 !important;
}


.portlet-drag-container .sortable-list {
    height: 200px !important;
}

.ui-sortable-helper {
    z-index: 99999999 !important;
}


.portlet-drag-container .portlet.box, .draggableConainer .portlet.box {
    margin-right: 1% !important;
    display: block;
    margin-bottom: 1%;
}

.portlet-drag-container .sortable .portlet.box:last-child{
    margin-right:0 !important;

}

.tile.selected .corner:after {
    border-bottom: 26px solid transparent !important;
    top: -1px !important;
    right: -17px !important;
    border-right: 35px solid #ccc !important;
}

.portlet .fa-close {
    font-weight: normal;
}

.fa-close {
    text-transform: lowercase;
}

.page-sidebar .sidebar-toggler {
    margin-top: 3px !important;
}




body {    
    background-color: #C0C0C0;
}


.toggleShow span {
    text-transform: capitalize;
    position: absolute;
    right: 13px;
    top: 15px;
}




.scroller {
    max-height: 300px;
    min-height: 50px;
    height: 300px;
    overflow-y: hidden !important;
}


.modal .scroller {
    max-height: 550px;
    height: 550px;
}

#newsWidgetId .scroller {
    max-height: 425px;
    height: 425px;
}


/*#sortable1 >li >div.portlet,#sortable1 >li 
{
max-height: 800px ! important;
min-height:100px !important;


}*/

#portletTabID{
    margin-bottom: 0;

}

.portlet .tools a, .portlet .tools .remove, .portlet .actions .customiseButton, .portlet .caption i, .portlet .caption {
    color: #DCD8D8;
    font-weight: 100 !important;
    text-decoration: none !important;
}

.autoWidth {
    width: auto !important;
}

.autoHeight {
    height: auto !important;
}

.height100p {
    height: 100% !important;
}

.width100p {
    width: 100% !important;
}

.tile-container .tile .boderline {
    margin-top: -110px;
    background: #5C9BD1;
    height: 10px;
    /* width: 85%; */
    /* margin-left: 7%; */
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}






.marginR3 {
    margin-right: 3px;
}

.margin0 {
    margin: 0px !important;
}

.marginL5 {
    margin-left: 5px;
}

.paddingL0 {
    padding-left: 0px;
}

.inlineblock {
    display: inline-block;
}

.inlineshow {
    display: inline;
}

.pullLeft {
    float: left;
}

.font-default {
    font-weight: normal;
    font-size: 13px;
}

.bottomlayout {
    font-size: 13px;
    font-weight: normal;
    float: left;
    margin-left: -20px;
    color: #333 !important;
}

.maginT6 {
    margin-top: 6px;
}


.marginL8 {
    margin-left: 8px !important;
}

.paddingB10 {
    padding-bottom: 10px !important;
}

.marginT1 {
    margin-top: 1px !important;
}

.accd_news {
    margin: 10px;
}

.inner_row {
    padding: 10px;
}

.form-row-seperated .form-group {
    border-bottom: 0px !important;
}

.m5 {
    margin: 5px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.mt10 {
    margin-top: 10px !important;
}



.feeds div {
    font-weight: normal !important;
}

.paddingL6 {
    padding-left: 6px !important;
}

.portlet span.open {
    background-color: #ed4e2a;
}

.portlet span.closed {
    background-color: #28B779;
}

.number h3 {
    text-align: right;
}

.portlet-drag-container .tools a {
    text-align: right !important;
}
/*
.portlet-drag-container .tools div.remove
{
padding-top:10px !important;
}*/
.portlet-drag-container .portlet-title {
    padding-right: 3px !important;
}

.portlet-drag-container .tools a, .portlet-drag-container .tools div {
    margin: 0 !important;
    padding: 0 !important;
    width: 15px !important;
    vertical-align: top;
    height: auto !important;
    cursor: pointer;
}

.portlet-drag-container .actions i {
    color: #Fff !important;
    cursor: pointer;
}

.portlet-drag-container .tools {
    height: 20px !important;
}

.portlet-drag-container .actions {
    margin: 0 !important;
    width: 18px;
}

    .portlet-drag-container .actions .btn-group {
        vertical-align: top !important;
        margin-top: 0px !important;
    }

        .portlet-drag-container .actions .btn-group a.customiseButton {
            margin: 0 !important;
            padding: 0 !important;
            height: auto;
            vertical-align: top;
        }

.portlet-drag-container .tools .portlet-cancel {
    cursor: pointer;
    text-align: center !important;
    text-transform: uppercase !important;
}

/*.btn-group ul.dropdown-menu
{
    width: 180px !important;
}*/
/***
Page header and logo starts here
***/

.header.navbar .navbar-brand {
    width: 500px !important;
}

.bgimg {
    background-repeat: no-repeat;
    margin-left: 20px !important;
}

.header-inner .navbar-brand.bgimg img {
    margin: 0px 0px 0px -15px !important;
}

.bgimg span {
    font-family: inherit;
    font-weight: 800;
    color: gray !important;
    position: relative;
    top: 2px;
}



.layoutsLi {
    background: none repeat scroll 0 0 #f1f1f1 !important;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    display: none;
    position: absolute;
    z-index: 9999;
    top: 20px;
    left: -64px;
    list-style-type: none;
    background: #f5f5f5;
    width: 150px;
    text-align: left;
    padding: 0px;
}

    .layoutsLi li {
        padding-top: 4px;
        padding-bottom: 8px;
    }


        .layoutsLi li a:hover, .corner-bottom a:hover {
            text-decoration: none;
        }



.corner-icon, .corner-icon:before, .corner-icon:after {
    z-index: 9999 !important;
    background: transparent;
}


.corner-bottom i {
    font-size: 12px;
}

.corner-icon {
    margin-top: -2px;
}

    .corner-icon, .corner-icon i {
        display: inline-block;
    }

        .corner-icon i:before, .corner-icon i:after, .corner-icon i {
            z-index: -1 !important;
            background: transparent;
        }

.portlet-body ul.chats li .message {
    margin-left: 28px;
}

    .portlet-body ul.chats li .message h5 {
        font-weight: 500 !important;
    }


.portlet-body ul.chats li i.fa-list-alt {
    float: left;
    font-size: 18px;
    margin-top: 12px;
    color: rgb(66, 139, 202);
}


.layout-button:active {
    background: #D3D3D3;
}

.nbs-flexisel-inner {
    width: 94% !important;
    float: none !important;
    margin: 0 auto !important;
    border: 0 !important;
}

.portlet-drag-container .tools a {
    text-align: right !important;
}
/*
.portlet-drag-container .tools div.remove
{
padding-top:10px !important;
}*/
.portlet-drag-container .portlet-title {
    padding-right: 3px !important;
}

.portlet-drag-container .tools a, .portlet-drag-container .tools div {
    margin: 0 !important;
    padding: 0 !important;
    width: 15px !important;
    vertical-align: top;
    height: auto !important;
    cursor: pointer;
}

.portlet-drag-container .actions i {
    color: #Fff !important;
    cursor: pointer;
}

.portlet-drag-container .tools {
    height: 20px !important;
}

.portlet-drag-container .actions {
    margin: 0 !important;
    width: 18px;
}

    .portlet-drag-container .actions .btn-group {
        vertical-align: top !important;
        margin-top: 0px !important;
    }

        .portlet-drag-container .actions .btn-group a.customiseButton {
            margin: 0 !important;
            padding: 0 !important;
            height: auto;
            vertical-align: top;
        }

.portlet-drag-container .tools .portlet-cancel {
    cursor: pointer;
    text-align: center !important;
    text-transform: uppercase !important;
}

i.portlet-cancel:before {
    content: "X";
    font-style: normal;
    cursor: pointer;
    text-transform: uppercase !important;
    display: block;
    font-size: 14px;
}

.dropdown-menu li a:hover {
    text-decoration: none;
    background-image: none;
    background-color: #eee;
    color: #333;
    filter: none;
}

.portlet-drag-container div.portlet-title.ui-sortable-handle > div.tools a {
    width: 20px !important;
}

.portlet-drag-container .portlet .portlet-title .btn-group ul.dropdown-menu {
    width: 180px !important;
}
/***
Page header and logo ends here
***/

.sortable-box-placeholder {
    background: #CACACA !important;
}

.tile {
    display: block;
    z-index: 9999 !important;
}

    .tile .tile-body > i {
        font-size: 40px !important;
        
    }

   

        .tile .tile-body > i.percentage {
            position: absolute;
            
            left: 5px;
            /*top: 46px;*/
            top: 40px;
        }

.layout-label {
    text-align: left;
    padding: 0;
    width: 32%;
}

.layout-buttons a {
    margin-left: 2px !important;
}

.layout-buttons i {
    color: #6E6D6D;
}

.layout-button-container {
    text-align: right;
    padding-bottom: 4px;
    padding-right: 4%;
    cursor: pointer;
}

.layoutsLi :nth-last-child(2) i {
    visibility: visible !important;
}


.ui-dialog .popup_one_col {
    /*border: 1px solid #e5e5e5 !important;*/
}
#stackContainerconfirmDialogContainer {
    border:none!important;
}