/* 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;
}
*/

/*
Change Quick Sidebar Width
*/

/*
.page-quick-sidebar-wrapper {
  right: -370px;
  width: 370px;
}

.page-quick-sidebar-open.page-quick-sidebar-push-content .page-sidebar-wrapper {
  margin-left: -370px;
}

.page-quick-sidebar-open.page-quick-sidebar-push-content .page-footer {
  margin-right: 370px;
  margin-left: -370px;
}

.page-sidebar-reversed.page-quick-sidebar-open.page-quick-sidebar-push-content .page-sidebar-wrapper {
  margin-right: 370px;
}

.page-quick-sidebar-open.page-quick-sidebar-push-content.page-quick-sidebar-full-height .page-header {
  margin-left: -370px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-list {
  width: 370px !important;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item {
  width: 370px !important;
  margin-left: 370px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list {
  margin-left: -370px;
}
*/

#group_tree .badge{
    color: inherit;
    background-color: #f7f7f7;
    display: inline-block;
    margin-right: 10px;
}

#group_tree .badge.host{
    font-weight: bold;
}

#group_tree .badge.group{
    font-weight: bold;
    background-color: #70D3FF;
}

#group_tree .sub-group:before{
    content: "Sub-groups:";
}

#group_tree .sub-host:before{
    content: "Sub-hosts:";
}

#group_tree .badge-danger{
    color: #FFFFFF !important;
    background-color: #F3565D !important;

}
/***************************************************************/
.my_select2_optgroup_selected {
    background-color: #ddd;
}
.my_select2_optgroup_hovered {
    color: #FFF;
    background-color: #5897fb !important;
    cursor: pointer;
}
strong.select2-results__group {
    padding: 0 !important;
}
.my_select2_optgroup {
    display: block;
    padding: 6px;
}
/***************************************************************/
.select2-results li{
    font-weight: bold;
}

.select2-results li.sub-option{
    padding-left:15px;
    font-weight: normal;
}

#tasks_archive h5.fail,#tasks_archive tr.fail, #tasks_archive tr.fail > td{
    background: #f2dede;
    color: #333333;
}
#tasks_archive h5.warning,#tasks_archive tr.warning, #tasks_archive tr.warning > td{
    background: #f7de79;
    color: #333333;
}
#tasks_archive h5.success,#tasks_archive tr.success, #tasks_archive tr.success > td{
    background: #96e1e8;
    color: #333333;
}
#tasks_archive h5{
    padding: 3px 5px;
    margin: 0px;
    border-top: 1px solid #333333;
}
#tasks_archive tr > td{
    padding: 2px;
}

#tasks_archive.table>tbody>tr>td, #tasks_archive.table>tbody>tr>th, #tasks_archive.table>tfoot>tr>td,
#tasks_archive.table>tfoot>tr>th, #tasks_archive.table>thead>tr>td, #tasks_archive.table>thead>tr>th{
    padding: 2px;
    font-size: 12px;
}

/****************************/
.cheker, .radio > input.form-control[disabled], input.form-control[readonly], fieldset[disabled] .form-control{
    cursor: not-allowed;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{
    opacity: 0.5;
}
/****************************/

.gray.btn:hover, .gray.btn:focus, .gray.btn:active, .gray.btn.active {
    color: #FFFFFF;
    background-color: buttonface;
}

.gray.btn {
    color: #FFFFFF;
    background-color: buttonface;
}

.dataTable td a:not(.btn), .tableStyle td a:not(.btn){
    color: #00aeef;
    font-weight: bold;
}

.pin_form h3{
    margin-top: 0;
    margin-bottom: 5px;
}

.dataTable tbody tr.even,
.dataTable thead tr,
.table-striped>tbody>tr:nth-of-type(even),
.table-striped>thead>tr
{
    /*background-color: #E5F6FD;*/
    /*background-color: #f9fefd;*/
    background-color: #f3f7ff;
}

.dataTable tbody tr.odd,
.table-striped>tbody>tr:nth-of-type(odd)
{
    background-color: #FFFFFF;
}

.page-bar{
    /*background-color: #00aeef;*/
    background-color: #0177B4;
    color: #ffffff;
}
.page-bar .page-breadcrumb > li > a,
.page-bar .page-breadcrumb > li > i,
.page-bar .page-breadcrumb > li > span{
    color: #ffffff;
    font-weight: bold;
}

.page-toolbar .btn{
    line-height: 26px;
}

.portlet.light.bordered {
    /*border: 1px solid #00aeef !important;*/
    /*border: 1px solid #3fd5c0 !important;*/
    border: 1px solid #0177B4 !important;
}

.green.btn{
    background-color: #2EB661;
}

.green.btn:hover{
    background-color: #009E3B;
}

.red.btn {
    background-color: #FF2C00;
}

.red.btn:hover {
    background-color: #A61D00;
}

.red.btn:hover {
    background-color: #A61D00;
}

.yellow.btn{
    background-color: #FFC840;
}

.yellow.btn:hover {
    background-color: #FFB600;
}

.blue.btn {
    background-color: #00ADEF;
}

.blue.btn:hover {
    background-color: #2D8EB3;
}
.pagination>li>a, .pagination>li>span,
.pagination .active > a, .pagination .active > a:hover,
.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover,
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    border-color: #00aeef;
}

.pagination>li>a{
    color: #00aeef;
}

.dataTable, .dataTable tr, .dataTable th,
.dataTable tbody tr td, .dataTable thead tr th,
.tableStyle, .tableStyle tr, .tableStyle th,
.tableStyle tbody tr td, .tableStyle thead tr th,
.table-scrollable
{
    /*border-color: #00aeef;*/
    /*border-color: #3fd5c0;*/
    border-color: #c3c1c7;
}


.pass_reset label.control-label{
    text-align: left !important;
    padding-left: 0px !important;
    padding-right: 5px !important;
}

.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: #2EB661;*/
    /*background: #00aeef;*/
    background: #08557A;
}

.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: #009E3B;*/
    /*background: #0ba2da;*/
    background: #08557A;
}

.page-sidebar .page-sidebar-menu > li.active > a > i, .page-sidebar .page-sidebar-menu > li.active.open > a > i {
    color: #ffffff !important;
}
.portlet.box > .portlet-title > .tools > a.map-fullscreen {
    text-decoration: none;
    line-height: 34px;
    font-size: 20px;
}

.portlet.box > .portlet-title > .tools > a.map-fullscreen:hover {
    text-decoration: none;
}

input.error, select.error, textarea.error{
    border-color: #c23f44;
}

label.error{
    color:#c23f44;
}

#location_map{
    height: 300px;
    min-height: 300px;
}

.dataTables_length,
.dataTables_filter{
    display: inline-block;
}
.dataTables_filter{
    float:right;
}
.view-orange {
    background: #FB6D25;
    color: #FFFFFF;
}

.view-orange:hover {
    background: #dc6427;
    color: #FFFFFF;
}
.dt-buttons .dt-button{
    /*background: #00ADEF;*/
    /*border: #00ADEF;*/
    background: #0177B4;
    border: #0177B4;
    color: #ffffff;
    font-size: 1em !important;
}

.dt-buttons .dt-button:hover{
    /*background: #2D8EB3 !important;*/
    /*border: #2D8EB3 !important;*/
    background: #746198 !important;
    border: #746198 !important;
}

table.dataTable thead .sorting:after {
    color: #00ADEF;
    opacity: 0.5;
}

table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after{
    color: #00ADEF;
    opacity: 0.8;
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i, .page-sidebar .page-sidebar-menu > li > a > i {
    color: #636466 !important;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {color: #FFFFFF !important;}
.login .content .form-actions {border-bottom: unset !important;}
.effect2 { position: relative; }
.effect2:before, .effect2:after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #2c2c2c;
  -webkit-box-shadow: 0 20px 10px #2c2c2c;
  -moz-box-shadow: 0 20px 10px #2c2c2c;
  box-shadow: 0 20px 10px #2c2c2c;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after {
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}
/*.login-form {text-align: center; }*/
.form-title-icon {
    text-align: center;
    color: #ffffff !important;
    background: #008fd6;
    border-radius: 50%;
    width: 87px;
    height: 87px;
    margin: 0 auto;
    line-height: 100px;
    position: relative;
    top: 10px;
    left: 1%;
    margin-bottom: 40px !important;
}
.form-title-icon>i.fa {font-size: 50px;}
.auth-icon {color: #0080c3 !important;}
div.copyright {margin-top: 40px !important;}
a.frgt-pwd {padding:0px !important;}
button.login-btn {float: right;}

/*TODO TASK CSS*/
.todo-content,
.todo-task-history > li > .todo-task-history-desc {
    overflow: hidden;
}
.todo-sidebar {
    float: left;
    width: 230px;
    margin-right: 20px;
}
.todo-tasklist-item-border-green {
    border-left: #3faba4 2px solid;
}
.todo-tasklist-item-border-blue {
    border-left: #4c87b9 2px solid;
}
.todo-tasklist-item-border-purple {
    border-left: #8877a9 2px solid;
}
.todo-tasklist-item-border-red {
    border-left: #d05454 2px solid;
}
.todo-tasklist-item-border-yellow {
    border-left: #d4ad38 2px solid;
}
.padding-top-10px {
    padding-top: 15px;
}
.todo-userpic {
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
    border: 1px solid #cedae1;
}
.todo-text-color {
    color: #45535b;
}
.todo-projects-config {
    padding: 6px 9px 3px !important;
}
.todo-projects-config > i {
    font-size: 14px !important;
}
.todo-tasklist {
    padding: 0;
}
.todo-project-list ul li a {
    font-size: 14px !important;
    padding: 8px 10px;
}
.todo-project-list .nav li a .badge {
    float: right;
    margin-top: 1px !important;
}
.todo-project-list .nav > li.active > a {
    color: #3f444a;
    background-color: #f1f4f7 !important;
}
.todo-task-history {
    padding: 0;
    margin: 0;
}
.todo-task-history > li {
    padding: 5px 0;
}
.todo-task-history > li > .todo-task-history-date {
    font-size: 12px;
    float: right;
    width: 150px;
    margin-left: 10px;
    text-align: right;
    color: #999;
}
.todo-tasklist-item {
    border: 1px solid #bec2ca;
    background: #f3f7ff;
    padding: 10px;
    margin-bottom: 15px;
    overflow: hidden;
    box-shadow: 10px 10px 5px -3px rgba(203,203,203,0.75);
    -webkit-box-shadow: 10px 10px 5px -3px rgba(203,203,203,0.75);
    -moz-box-shadow: 10px 10px 5px -3px rgba(203,203,203,0.75);
}
.todo-tasklist-item:last-child {
    margin-bottom: 0;
}
div .todo-tasklist-item:hover {
    cursor: pointer;
    background-color: #edf7f9;
}
.todo-tasklist-item img {
    margin: 0 10px 10px 0;
}
.todo-tasklist-item-title {
    font-size: 16px;
    color: #2b4a5c;
    font-weight: 600;
    padding-top: 3px;
    padding-bottom: 10px;
    letter-spacing: 3px;
}
.todo-tasklist-item-title > a { color: #2b4a5c; }
.todo-tasklist-item-text {
    font-size: 13px;
    color: #577688;
    padding-bottom: 5px;
}
.todo-tasklist-item ul {
    margin: 5px 0 0;
}
.todo-tasklist-item li {
    color: #577688;
    font-size: 13px;
    margin-right: 10px;
    margin-bottom: 5px;
    padding: 0 !important;
}
.todo-tasklist-item li i {
    color: #b3bfcb;
    font-size: 15px;
}
.todo-tasklist-controls {
    margin: 5px 0px;
}
.todo-tasklist-date {
    color: #45697e !important;
    margin-right: 12px;
    font-weight: 600;
}
.todo-tasklist-date i {
    color: #abbfca !important;
    margin-right: 5px;
}
.todo-tasklist-date .pca {
    font-size: 14px;
    letter-spacing: 3px;
}
.todo-taskbody-tasktitle {
    font-size: 18px;
    color: #778d96;
}
.todo-taskbody-taskdesc {
    font-size: 14px;
    color: #778d96;
}
.todo-username {
    font-size: 16px;
    color: #2b4a5c;
    font-weight: 600;
    padding: 15px 0 0 15px;
}
.todo-comment-head {
    padding-top: 3px;
}
.todo-comment {
    position: relative;
}
.todo-comment:hover > .todo-comment-btn {
    display: block;
}
.todo-comment-btn {
    display: none;
    position: absolute;
    top: 1px;
    right: 0;
    font-size: 12px;
    color: #566e7c;
    border-color: #a2aeb5;
}
.todo-comment-btn:hover {
    color: #fff;
    background-color: #a1b6c2;
    border-color: #a1b6c2;
}
.todo-comment-username {
    font-size: 14px;
    color: #2b4a5c;
    font-weight: 600;
}
.todo-comment-date {
    font-size: 12px;
    color: #2b4a5c;
    font-weight: 400;
}
.todo-username-btn {
    margin: 14px 0 0 15px;
    color: #566e7c;
    border-color: #a2aeb5;
}
.todo-username-btn:hover {
    color: #fff;
    background-color: #a1b6c2;
    border-color: #a1b6c2;
}
.form .form-actions.todo-form-actions {
    padding-top: 10px;
    border: 0;
    margin: 0 0 20px;
}
@media (max-width: 991px) {
    .todo-sidebar {
        float: none;
        width: 100%;
        margin: 0;
    }
    .todo-sidebar > .portlet {
        margin-bottom: 20px;
    }
    .todo-sidebar > .portlet .portlet-title .tools {
        margin-left: 5px;
    }
    .todo-content {
        overflow: visible;
    }
}
.todo-tasklist-devider {
    display: none;
}
@media (max-width: 767px) {
    .hide_on_pda {display: none;}
    .todo-tasklist-devider {
        display: block;
        height: 20px;
        margin: 20px -10px;
        background: #f1f3fa;
    }
    .todo-task-history > li {
        padding: 9px 0;
    }
    .todo-task-history > li > .todo-task-history-date {
        width: 100px;
        font-size: 11px;
    }
}
ul.nav.nav-stacked>li { margin: 10px 0; }
ul.nav.nav-stacked>li>.form-control, .lic_search_field { border: 1px solid #aaa !important; }
span.todo-userpic.pull-left {
    padding: 5px 10px 0px 0px;
    border: none;
}
span.todo-userpic.pull-left>i {
    font-size: 50px;
    color: #b8b8b8;
    margin: 20px 0 5px;
}
.todo-tasklist-item.todo-tasklist-item-border-exp.focus {
    background: #C3EBEF;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
    color: #FFF;
}

/*RIBBON CSS*/
.mt-element-ribbon{padding:10px;position:relative;margin-bottom:30px}.mt-element-ribbon .ribbon.ribbon-shadow.ribbon-right,.mt-element-ribbon .ribbon.ribbon-shadow.ribbon-vertical-right{box-shadow:-2px 2px 7px rgba(0,0,0,.4)}.mt-element-ribbon .ribbon.ribbon-color-exp{background-color:#88a2eb;color:#fff}.mt-element-ribbon .ribbon.ribbon-right{left:auto;right:-2px}.mt-element-ribbon .ribbon{position:absolute;top:-10px;left:-2px;padding:.5em 1em;z-index:5}.mt-element-ribbon .ribbon.ribbon-vertical-right{top:-2px;left:auto;right:15px;padding-top:1em;padding-bottom:1em}.uppercase{text-transform:uppercase!important}
.mt-element-ribbon .ribbon {color: #FFF;}
.mt-element-ribbon .ribbon > i {font-size: 1.5em; margin-top: 10px;}
.mt-element-ribbon .ribbon.draft { background: #769CD6; }
.mt-element-ribbon .ribbon.reviewed { background: #BF55EC; }
.mt-element-ribbon .ribbon.approved { background: #50D8BF; }
.mt-element-ribbon .ribbon.confirmed { background: #89D676; }
.mt-element-ribbon .ribbon.used { background: #58A9B7; }
.mt-element-ribbon .ribbon.deactivated { background: #393939; }
.mt-element-ribbon .ribbon.rejected { background: #B7585C; }
.mt-element-ribbon .ribbon.archived { background: #595959; }
.page-content {
    background-color: #E5E5E5 !important;
}
.portlet.box.purple-intense > .portlet-title {
    background-color: #0177B4 !important;
}
.portlet-title .actions .btn-group .btn.purple { background-color: #0177B4 !important; }
.portlet-title .actions .btn-group .btn.purple-light { color: #FFFFFF; background-color: #5F84D4 !important; }
.purple.btn {
    color: #FFFFFF;
    background-color: #0177B4;
}
/*DASHBOARD STATS*/
.bg_bluemadison {
  background-color: #8861E0 !important;
}
.dashboard-stat.blue-madison {
  background-color: #8861E0 !important;
}
.dashboard-stat.blue-madison .more {
  background-color: #8861E0 !important;
}
.dashboard-stat.red-intense {
  background-color: #19D895 !important;
}
.dashboard-stat.red-intense .more {
  background-color: #19D895 !important;
}
.dashboard-stat.green-haze {
  background-color: #2196F3 !important;
}
.dashboard-stat.green-haze .more {
  background-color: #2196F3 !important;
}
.dashboard-stat.purple-plum {
  background-color: #FFAF00 !important;
}
.dashboard-stat.purple-plum .more {
  background-color: #FFAF00 !important;
}


/*Dash Widget Stats*/
.widget-thumb.bordered {
    border: 1px solid #0177B4;
    box-shadow: 10px 10px 5px -3px rgba(130,130,130,0.75);
    -webkit-box-shadow: 10px 10px 5px -3px rgba(130,130,130.75);
    -moz-box-shadow: 10px 10px 5px -3px rgba(130,130,130,0.75);
}
.widget-thumb {
    padding: 20px;
    border-radius: 4px !important;
}
.widget-bg-color-white {
    background: #0177B4;
}
.widget-thumb .widget-thumb-heading {
    font-size: 15px;
    font-weight: 700;
    color: #FFFFFF;
    margin: 0 0 20px;
    letter-spacing: 3px;
}
.widget-thumb .widget-thumb-wrap {
    overflow: hidden;
}
.widget-thumb .widget-thumb-wrap .widget-thumb-icon {
    float: left;
    width: 60px;
    height: 60px;
    display: inline-block;
    font-size: 30px;
    line-height: 41px;
    color: #fff;
    text-align: center;
    padding: 10px;
    margin-right: 15px;
    border-radius: 5px;
    opacity: 0.6;
}
.widget-thumb .widget-thumb-body {
    overflow: hidden;
}
.widget-thumb .widget-thumb-body .widget-thumb-subtitle {
    padding-top: 2px;
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #8e9daa;
}
.widget-thumb .widget-thumb-body .widget-thumb-body-stat {
    display: block;
    font-size: 30px;
    font-weight: 600;
    color: #fafafa;
}
::-moz-selection {
  color: #FFFFFF;
  background: #89D676;
}

::selection {
  color: #FFFFFF;
  background: #89D676;
}