/* Add here all your CSS customizations */
/*
.theme-darkblue .btn.btn-primary {
  color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #ff6633;
	background-repeat: repeat-x;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    background-image: linear-gradient(to bottom, #e76c1c, #ff6633);
    border-left-color: #ff6633;
    border-right-color: #ff6633;
    border-top-color: #ff6633;
    border-bottom-color: #ff9900;
}
*/

.theme-darkblue .btn.btn-primary {
    color: #ffffff !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #154573;
	background-repeat: repeat-x;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    background-image: linear-gradient(to bottom, #3771a9, #154573);
    border-left-color: #154573;
    border-right-color: #154573;
    border-top-color: #154573;
    border-bottom-color: #154573;
    text-decoration:none;
}
.theme-darkblue .coco_label_col1 .btn.btn-satgreen, .theme-darkblue .btn.btn-satgreen {
  color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #66b460;
	background-repeat: repeat-x;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    background-image: linear-gradient(to bottom, #6d8b15, #66b460);
    border-left-color: #66b460;
    border-right-color: #66b460;
    border-top-color: #66b460;
    border-bottom-color: #66b460;
       text-decoration:none;
}

.theme-darkblue .btn.btn-satblue, .theme-darkblue .coco_label_col1 .btn.btn-primary{
  color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #154573;
	background-repeat: repeat-x;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    background-image: linear-gradient(to bottom, #3771a9, #154573);
    border-left-color: #154573;
    border-right-color: #154573;
    border-top-color: #154573;
    border-bottom-color: #154573;
}

.theme-darkblue .mobile-sidebar-toggle {
  color: #fff;
}
.theme-darkblue #navigation .dropdown-menu {
  border: 1px solid #cccccc;
  background-color:#eeeeee;
  text-transform:uppercase !important;
 -webkit-box-shadow: 2px 5px 5px rgba(204,204,204,0.8);
   box-shadow: 2px 5px 5px rgba(204,204,204,0.8);
}
.theme-darkblue #navigation .dropdown-menu > li.dropdown-submenu .dropdown-menu {
  border-top: 2px solid #3771a9;
  
}
.theme-darkblue #navigation .dropdown-menu > li.dropdown-submenu:hover > a, .theme-darkblue #navigation .dropdown-menu > li.dropdown-submenu:focus > a {
  background: #3771a9;
}
.theme-darkblue #navigation .dropdown-menu > li
{
    border-bottom: 1px solid #cccccc;
}
.theme-darkblue #navigation .dropdown-menu > li > a:hover {
  background: #3771a9;
}
.theme-darkblue .datepicker.datepicker-dropdown .datepicker-days .active, .theme-darkblue .datepicker.datepicker-dropdown .datepicker-years .active, .theme-darkblue .datepicker.datepicker-dropdown .datepicker-months .active {
  background: #3771a9;
}
.theme-darkblue .datepicker.datepicker-dropdown .datepicker-days .active:hover, .theme-darkblue .datepicker.datepicker-dropdown .datepicker-years .active:hover, .theme-darkblue .datepicker.datepicker-dropdown .datepicker-months .active:hover {
  background: #6d3700;
}
.theme-darkblue .form-wizard .wizard-steps li.active .single-step .title {
  background: #3771a9;
}

.btn {
  color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #bbbbbb;
	background-repeat: repeat-x;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    background-image: linear-gradient(to bottom, #999999, #bbbbbb);
    border-left-color: #bbbbbb;
    border-right-color: #bbbbbb;
    border-top-color: #bbbbbb;
    border-bottom-color: #bbbbbb;
       text-decoration:none !important;
}

    .btn.btn-primary, .btn.btn-primary:visited {
        color: #ffffff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        background-color: #154573;
        background-repeat: repeat-x;
        border-radius: 4px !important;
        -webkit-border-radius: 4px !important;
        -moz-border-radius: 4px !important;
        background-image: linear-gradient(to bottom, #3771a9, #154573);
        border-left-color: #154573;
        border-right-color: #154573;
        border-top-color: #154573;
        border-bottom-color: #3771a9;
        text-decoration: none !important;
    }

        .btn.btn-primary:hover {
            color: #cccccc;
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
            background-color: #154573;
            background-repeat: repeat-x;
            border-radius: 4px !important;
            -webkit-border-radius: 4px !important;
            -moz-border-radius: 4px !important;
            background-image: linear-gradient(to bottom, #3771a9, #154573);
            border-left-color: #154573;
            border-right-color: #154573;
            border-top-color: #154573;
            border-bottom-color: #3771a9;
            text-decoration: none !important;
        }

.btn.btn-default, .btn.btn-default:visited {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #f2941f;
    background-repeat: repeat-x;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    background-image: linear-gradient(to bottom, #f2941f, #f2941f);
    border-left-color: #f2941f;
    border-right-color: #f2941f;
    border-top-color: #f2941f;
    border-bottom-color: #f2941f;
    text-decoration: none !important;
}
.note-btn.btn.btn-default, .note-btn.btn.btn-default:visited {
    color: #000000;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #eeeeee;
    background-repeat: repeat-x;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    background-image: linear-gradient(to bottom, #eeeeee, #eeeeee);
    border-left-color: #000000;
    border-right-color: #000000;
    border-top-color: #000000;
    border-bottom-color: #000000;
    text-decoration: none !important;
}

.btn.btn-default:hover {
    color: #cccccc;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #fa6808;
    background-repeat: repeat-x;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    background-image: linear-gradient(to bottom, #fa6808, #fa6808);
    border-left-color: #fa6808;
    border-right-color: #fa6808;
    border-top-color: #fa6808;
    border-bottom-color: #fa6808;
    text-decoration: none !important;
}
.note-btn.btn.btn-default:hover {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #cccccc;
    background-repeat: repeat-x;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    background-image: linear-gradient(to bottom, #cccccc, #cccccc);
    border-left-color: #cccccc;
    border-right-color: #cccccc;
    border-top-color: #cccccc;
    border-bottom-color: #cccccc;
    text-decoration: none !important;
}
.btn.btn-satgreen {
  color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #6d8b15;
	background-repeat: repeat-x;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    background-image: linear-gradient(to bottom, #6d8b15, #6d8b15);
    border-left-color: #6d8b15;
    border-right-color: #6d8b15;
    border-top-color: #6d8b15;
    border-bottom-color: #6d8b15;
}


.theme-darkblue.login {
 background-image:url(../img/loginbg.jpg);
  background-position: center center;
  background-repeat:no-repeat;
 
}
.theme-darkblue.login .wrapper
{
    border:0px solid #999999;
    padding:0px !important;
}
.theme-darkblue.login .wrapper .login-body
{
    padding:0px 40px 0px 0px;
}
.theme-darkblue.login .wrapper .login-body h3 {
  font-weight: 300;
  color: #333;
  font-size: 20px;
  padding: 0px 30px 5px 30px;
}
.theme-darkblue.login .wrapper .login-body h2
{
    text-align:center;
    margin-top:0px !important;
}

.theme-darkblue #logo
{
    padding:20px;
 
}


.theme-darkblue a {
  color: #3771a9;
}
.theme-darkblue .btn {
  color: #333;
}

    .theme-darkblue .btn.btn-inverse, .theme-darkblue .btn.btn-success, .theme-darkblue .btn.btn-danger,  .btn.btn-danger {
        color: #fff;
    }
.theme-darkblue.locked {
  background: #3771a9 !important;
}
.theme-darkblue.locked .pull-left a {
  background: #3771a9;
  background-color:rgba(56,43,34,0.7);
}
.theme-darkblue.locked .pull-left a:hover {
  background: #201000;
}
.theme-darkblue #navigation {
  background-image:none; 
   background-repeat:repeat-x;
    text-transform:uppercase !important;
}
.theme-darkblue #navigation .toggle-mobile {
  background: #3771a9;
  background-color:rgba(56,43,34,0.7);
}
.theme-darkblue #navigation .mobile-nav.open {
  background: #3771a9;
}
.theme-darkblue #navigation .mobile-nav.open > li.active > a {
  background: #201000;
}
.theme-darkblue #navigation .mobile-nav.open > li.active > ul {
  background: #201000;
}
.theme-darkblue #navigation .mobile-nav.open > li > a {
  background: #3771a9;
  background-color:rgba(56,43,34,0.7);
}
.theme-darkblue #navigation .mobile-nav.open > li > ul {
  background: #3771a9;
  background-color:rgba(56,43,34,0.7);
}
.theme-darkblue #navigation .main-nav > li.active > a:hover {
  background: #e0ccb1;
  background-color:rgba(255,255,255,0.2);
}
.theme-darkblue #navigation .main-nav > li.active.open > a {
  /*background-color: #ffffff !important;*/
  background-color:rgba(255,255,255,0.2);
  color:#ffffff;
}
.theme-darkblue #navigation .main-nav > li.active > a {
 /* background-color: #ffffff !important;*/
  background-color:rgba(255,255,255,0.2);
  color:#ffffff;
}

.theme-darkblue #navigation .main-nav > li.open > a {
  background: #3771a9;
  background-color:rgba(56,43,34,0.7);
}
.theme-darkblue #navigation .main-nav > li > a:hover {
  background: #3771a9;
  background-color:rgba(56,43,34,0.7);
}
.theme-darkblue #navigation .user .icon-nav > li > a:hover {
  background: #3771a9;
  background-color:rgba(56,43,34,0.7);
}
.theme-darkblue #navigation .user .dropdown.open {
  background: #3771a9;
  background-color:rgba(56,43,34,0.7);
}
.theme-darkblue #navigation .user .dropdown > a:hover {
  background: #3771a9;
  background-color:rgba(56,43,34,0.7);
}
.theme-darkblue #navigation .dropdown-menu {
  border-color: #cccccc;
}
.theme-darkblue #navigation .dropdown-menu > li > a:hover {
  background-color: #cccccc;
	background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #bbbbbb, #cccccc);
}
.theme-darkblue .search-form .search-pane button[type="submit"] {
  background: #3771a9;
}
.theme-darkblue .messages > li.insert .submit button {
  background: #3771a9;
}
.theme-darkblue .messages > li.right .name {
  color: black;
}
.theme-darkblue .messages > li.right .message {
  background: #ffb66d;
}
.theme-darkblue .messages > li.right .message p {
  color: #070300;
}
.theme-darkblue .messages > li.right .message .time {
  color: #070300;
}
.theme-darkblue .messages > li.right .message .caret {
  border-left: 7px solid #ffb66d;
}
.theme-darkblue .letterbox .letter > li.active {
  background: #3771a9;
}
.theme-darkblue .calendar .fc-content .fc-event .fc-event-inner {
  background: #3771a9;
}
.theme-darkblue .calendar .fc-button.fc-state-active {
  background: #3771a9;
}
.theme-darkblue .calendar .fc-button.fc-state-active:hover {
  background: #3771a9;
}
.theme-darkblue .table.table-user tr.alpha td.alpha-val span {
  background: #3771a9;
}
.theme-darkblue .tagsinput#textfield_tagsinput .tag, .theme-darkblue .ms-container .multi-custom-header, .theme-darkblue .slider .ui-slider-handle, .theme-darkblue .form-wizard .wizard-steps li.active .single-step .title, .theme-darkblue .user-list h4, .theme-darkblue .nav.nav-pills > li.active > a, .theme-darkblue .nav.nav-list > li.active > a, .theme-darkblue .table.table-colored-header thead th, .theme-darkblue .table.table-colored-header thead td, .theme-darkblue .dataTables_wrapper .dataTables_paginate > span > a.paginate_active, .theme-darkblue .elfinder-navbar .ui-state-active, .theme-darkblue .pagination.pagination-custom li.active a:hover, .theme-darkblue .pagination.pagination-custom li.active a {
  background: #3771a9;
}
.theme-darkblue .elfinder-navbar .ui-state-active {
  border-color: #3771a9;
}
.theme-darkblue #main .box .box-title .tabs > li.active > a {
  background: #3771a9;
}

.theme-darkblue #main .box.box-color .box-title .tabs > li.active > a {
  background: #fff;
  color: #3771a9;
}
.theme-darkblue #main .box.box-color .box-title .tabs > li > a:hover {
  color: #3771a9;
}
ul > li.lightgrey, ul > li.satgreen, ul > li.lightred
{
    min-height:50px;
}

ul > li.lightgrey, .label-lightgrey 
{
   
  background-color:#999999;
}

ul > li.satgreen, .label-satgreen 
{
  background-color:#66b460;
 
}

ul > li.lightred, .label-lightred 
{
   background-color:#5d2f88;
  
}
ul > li.cocolightgrey
{
    background-color: #3771a9;
    min-height: 50px;
}
.box-title h3
{
    color:#154573 !important;
    text-transform:uppercase !important;
    font-weight:bold;
}
.label-grey,
.badge-grey {
  background-color: #999999;
}

.label-orange,
.badge-orange {
    background-color: #f2941f;
}

.theme-darkblue #main .box .box-title
{
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 1px dashed #154573;
}

.theme-darkblue #main .box.box-color .box-title
{
    background-color: #ffffff !important;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 1px dashed #154573;
}
.theme-darkblue #main .box.box-bordered.box-color .box-title
{
    border-bottom: 1px dashed #154573;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
}
.theme-darkblue #main .box.box-bordered.box-color .box-content
{
    border: 0px solid #cccccc;
  
}
.gradientgrey h3
{
    color: #125895 !important;
    text-transform: none !important;
}
.theme-black #main .box.box-bordered.box-color .box-content-noborder
{
    border: 0px;
    padding: 10px 0px;
}
.theme-darkblue  #main .box.box-bordered.box-color .box-content a
{
    text-decoration:none;
    color:#154573;
}
.errormessage
{
  margin-top:5px;
 border:1px solid #ff0000;
 padding:5px;
 background-color:#f0d4d8;
 color:#ff0000;  
  margin-bottom:5px; 
   font-size:14px;
}

.validmessage
{
  margin-top:5px;
 border:1px solid #669900;
 padding:5px;
 background-color:#e9efca;
 color:#336600;   
  margin-bottom:5px;
  font-size:14px;
}


.coco_label_col1,.coco_label
{
    clear:both;
    margin-bottom:5px;
    margin-top:5px;
}

.coco_text
{
    clear:both;
    
}
.coco_text2
{
    clear:both;
    padding:0px 10px;
}
table.optional
{
  
   padding:10px !important;
   width:100%;
   border:0px solid #eeeeee;
}
table.optional td
{
     padding:10px;
}


div.popUpmsg
{
    position: relative;
    top: 10px;
    text-align: center;
    width: 300px !important;
}
div.popUpmsgButton
{
    position: absolute;
    bottom: 0;
    margin-bottom: 10px;
    width: 100px;
    margin-left: 30%;
}
div.popUpmsgWrapper
{
    border: 10px solid #666666;
}
.theme-darkblue .btn.btn-green 
{
    background-color:#66b460;
}
.theme-darkblue .lavender
{
    background-color:#e6e6fa;
}
label
{
    cursor:default;
}

.theme-darkblue .coco_text2 {
    clear: both;
    padding: 10px 0px;
}

.theme-darkblue .lightgreen
{
    background-color:#ade0a3;
}
table.cpdheader th, table.cpdheader td
{
    text-align:center;
    vertical-align:middle;
}
 table.cpdheader td.catdesc {
       text-align:left !important;
    }
 textarea
 {
     line-height:18px;
 }
 .whitebg
 {
     background-color:#ffffff !important;
 }
 input 
 {
     border-radius:5px;
     /*min-height:20px;*/
 }
button.btn:active,  button.btn:visited, button.btn {
    background-color: #f2941f !important;
    color:#ffffff;
    background-image: linear-gradient(to bottom, #f2941f, #f2941f);
}
 button.btn:hover {
    background-color: #fa6808 !important;
    color: #cccccc;
    background-image: linear-gradient(to bottom, #fa6808, #fa6808);
}


#cocoPopupPanel .modal-body
{
    height:80vh;
    overflow-y: auto;
}
#cocoPopupPanel .modal-dialog { 
    overflow-y: initial !important;
}

.badge-earth {
    background-color: #e6b800;
    color:#ffffff;
}
.badge-brown {
    background-color: #e67300;
    color: #ffffff;
}
.badge-lime {
    background-color: #99cc00;
    color: #ffffff;
}

/* Ajax Loader*/
.ajaxloading {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    background-color: #fff;
    opacity: .85;
    z-index: 9999999;
}

.ajaxloading-image {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    z-index: 999;
}

.ajaxloadingmsg {
    color: #eeeeee;
    position: absolute;
    top: 45%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    z-index: 999;
}

div.coco_draganddropimg {
    width: 100px;
    padding: 0px 10px;
}

div.coco_padding_textbox {
    background-color:#eeeeee;
}

.theme-orange #cocoactionemnu ul.nav li.dropdown ul.dropdown-menu {
    border: 0px solid #cccccc;
}

.theme-orange #cocoactionemnu ul.nav li.dropdown ul.dropdown-menu > li {
    color: #333333;
    background-color: #ffffff;
    border: 1px solid #cccccc;
}

.theme-orange #cocoactionemnu ul.nav li.dropdown ul.dropdown-menu > li > a {
    color: #333333;
    background-color: #ffffff;
}

.theme-orange #cocoactionemnu ul.nav li.dropdown ul.dropdown-menu > li > a:hover {
    background-color: #f2941f;
    color: #ffffff;
}

.coconoborder {
    border: 0px !important;
}

img.cocoProfileImg {
    border-radius: 75px;
}
.pricing-tables {
    *zoom: 1;
}

.pricing-tables:after {
content: "";
display: table;
clear: both;
}

.pricing-tables .pricing {
list-style-type: none;
margin-top: 30px;
float: left;
}

.pricing-tables .pricing.highlighted {
margin-top: 0;
}

.pricing-tables .pricing.highlighted > li {
    background: #f6f6f6;
}

.pricing-tables .pricing.highlighted > li:nth-child(odd) {
    background: #fff;
}

.pricing-tables .pricing > li {
background: #ddd;
border-top: 1px solid #bbb;
padding: 8px 12px;
text-align: center;
}

.pricing-tables .pricing > li:first-child {
    border-top: 0;
}

.pricing-tables .pricing > li:nth-child(odd) {
    background: #e3e3e3;
}

.pricing-tables .pricing > li.head {
    background: #888;
    color: #fff;
    padding: 0;
    position: relative;
}

.pricing-tables .pricing > li.head .info {
    background: #4c9ae3;
    padding: 5px 0;
}

.pricing-tables .pricing > li.head .name {
    background: #666;
    padding: 8px 0;
    font-size: 16px;
   
}

.pricing-tables .pricing > li.head .price {
    font-size: 16px;
    padding: 15px 0;
    color: #000000;
}

    .pricing-tables .pricing > li.head .price span {
        display: block;
        margin-top: 5px;
        font-size: 12px;
    }

.pricing-tables .pricing > li.button {
    background: #fff;
}

    .pricing-tables .pricing > li.button .help-text {
        font-size: 11px;
        margin-top: 5px;
        color: #888;
    }



.statistic-big .top {
    *zoom: 1;
}

    .statistic-big .top:after {
        content: "";
        display: table;
        clear: both;
    }

    .statistic-big .top .left {
        float: left;
    }

    .statistic-big .top .right {
        float: right;
        font-size: 24px;
        line-height: 31px;
    }

        .statistic-big .top .right .fa-arrow-circle-up {
            color: #339933;
        }

        .statistic-big .top .right .fa-arrow-circle-right {
            color: #f8a31f;
        }

        .statistic-big .top .right .fa-arrow-circle-down {
            color: #e63a3a;
        }
/*for chart*/

/*@media only screen and (min-width: 768px) and (max-width: 991px) {
     .header-right {
       position:fixed !important;
        top: 0px;
        right: 60px;
        margin-top:12px !important;
    }
   
}*/

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-right {
        position: fixed !important;
        top: 0px;
        right: 60px;
        margin-top: 13px !important;
    }
    /*.cocosearchbox {
        width:50%;
        float:left !important;
    }*/
    /*.input-search {
        display: none;
    }*/
   .userbox{
        float:right;
        margin-right:50px
    }
    .cocorecentview2 {
        float: right !important;
        margin-top: 10px;
        margin-right: 10px;
    }
}

@media only screen and (max-width: 767px) {
    .header .header-right {
       /* background: #FFF;*/
      /* float: none !important;*/
        height: 60px;
        margin-top: 60px;
        width: 100%;
        position: fixed !important;
    }
    .input-search {
        float: right !important;
    }
    .cocorecentview{
        display:block !important;
        float:right !important;
        background-color:#ff0000;
    }
    .cocorecentview2 {
       float: right !important;
        margin-top: 10px;
        margin-right:10px;
    }
    .userbox {
        float: right;
        margin-right: 50px
    }
}