/* Add here all your CSS customizations */
body
{
    font-family: 'Open Sans' , sans-serif, arial;
    font-family: arial, Helvetica, sans-serif;
    background-color: #000000;
}
body.theme-black
{
    font-family: 'Open Sans' , sans-serif, arial;
    background-color: #ffffff;
}
#bg { position: fixed; top: 0; left: 0; }
.bgwidth { width: 100%; }
.bgheight { height: 100%; }

.theme-black .btn.btn-primary, .theme-black .btn.btn-satblue
{
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #289087;
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #289087, #289087);
    border-left-color: #289087;
    border-right-color: #289087;
    border-top-color: #289087;
    border-bottom: 3px solid #0a544d;
    padding: 2px 5px;
}
.theme-black .btn.btn-white, .theme-black input.btn.btn-white
{
    color: #333333;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #ffffff !important;
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #ffffff, #cccccc);
    border: 1px solid #333333;
    font-family:arial !important;
    padding: 5px;
    font-size:12px;
}
.theme-black .btn.btn-satgreen
{
    border-bottom: 3px solid #99cc33;
    padding: 5px 5px;
}
.theme-black .btn.btn-cocogreen
{
    background-color: #99cc33;
    padding: 0px;
    height: auto;
    color: #ffffff;
}
.theme-black .btn.btn-danger
{
    border-bottom: 3px solid #990000;
    padding: 2px 5px;
}
.theme-black .mobile-sidebar-toggle
{
    color: #fff;
}

.theme-black .datepicker.datepicker-dropdown .datepicker-days .active, .theme-black .datepicker.datepicker-dropdown .datepicker-years .active, .theme-black .datepicker.datepicker-dropdown .datepicker-months .active
{
    background: #df1010;
}
.theme-black .datepicker.datepicker-dropdown .datepicker-days .active:hover, .theme-black .datepicker.datepicker-dropdown .datepicker-years .active:hover, .theme-black .datepicker.datepicker-dropdown .datepicker-months .active:hover
{
    background: #289087;
}
.theme-black .form-wizard .wizard-steps li.active .single-step .title
{
    background: #df1010;
}
.btn.btn-primary, input.btn.btn-primary
{
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #289087 !important;
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #289087, #289087);
    border-left-color: #289087;
    border-right-color: #289087;
    border-top-color: #289087;
    border-bottom: 3px solid #0a544d;
    margin-right: 3px;
    padding: 3px 5px  !important;
}

.btn.btn-warning, input.btn.btn-warning
{
    color: #ffffff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #ff0000;
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #ff0000, #ff0000);
    border-left-color: #ff0000;
    border-right-color: #ff0000;
    border-top-color: #ff0000;
    border-bottom: 3px solid #990000;
}

.theme-black.login
{
  
  background-color:#289087;
}
.theme-black.login .wrapper {
    top: 30%;
}
@media (max-width: 767px) {
    .theme-black.login .wrapper {
        top: 10%;
    }
}

.theme-black.login .wrapper .login-body {
    padding:15px;
    background-color: #ffffff;
}
.theme-black.login .wrapper .login-body h2
{
    text-align: center;
}
.theme-black.login .wrapper .login-body h3
{
    font-weight: 300;
    color: #289087;
    font-size: 20px;
    padding: 20px 30px 5px 30px;
    font-family: 'Oswald' , sans-serif, arial;
}
.theme-black #logo
{
    padding: 20px;
}
.theme-black a
{
    /*color: #289087;*/
    text-decoration:none;
    color: #669933;
    /*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #eeeeee;
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #eeeeee, #ffffff);
    border-left-color: #cccccc;
    border-right-color: #cccccc;
    border-top-color: #cccccc;
    margin-right: 3px;
    padding: 2px 5px !important;*/

}
.dxb-hb {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #289087 !important;
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #289087, #289087);
    border-left-color: #289087;
    border-right-color: #289087;
    border-top-color: #289087;
    border-bottom: 3px solid #0a544d;
    margin-right: 3px;
    padding: 2px 5px !important;
}
.theme-black .btn
{
    color: #333;
}
.btn-mini.btn-primary
{
    color: #ffffff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #669933 !important;
}
.theme-black .btn.btn-inverse, .theme-black .btn.btn-success, .theme-black .btn.btn-danger
{
    color: #fff;
}
.theme-black.locked
{
    background: #333333 !important;
}
.theme-black.locked .pull-left a
{
    background: #289087;
}
.theme-black.locked .pull-left a:hover
{
    background: #df1010;
}
.theme-black #navigation
{
    background-color: #333333;
    border-bottom: 3px solid #cccccc;
}
.theme-black #navigation .toggle-mobile
{
    background: #289087;
    background-color: rgba(56,43,34,0.7);
}
.theme-black #navigation .mobile-nav.open
{
    background: #333333;
    color: #fff;
}
.theme-black #navigation .mobile-nav.open > li.active > a
{
    background: #333333;
    color: #fff;
}
.theme-black #navigation .mobile-nav.open > li.active > ul
{
    background: #333333;
    color: #fff;
}
.theme-black #navigation .mobile-nav.open > li > a
{
    background: #333333;
    color: #fff;
    font-family: 'Oswald' , sans-serif, arial;
}
.theme-black #navigation .mobile-nav.open > li > a:hover
{
    background: #289087;
    color: #fff;
}
.theme-black #navigation .mobile-nav.open > li > ul
{
    background: #333333;
    color: #fff;
}
.theme-black #navigation .mobile-nav.open > li > ul > li
{
    border-bottom: 1px solid #666666;
    color: #fff;
}
.theme-black #navigation .mobile-nav.open > li > ul > li > a:hover
{
    border-bottom: 1px solid #666666;
    color: #fff;
    background: #289087;
}
.theme-black #navigation .main-nav
{
    font-family: 'Oswald' , sans-serif, arial;
}
.theme-black #navigation .main-nav > li.active > a:hover
{
    background: #289087;
}
.theme-black #navigation .main-nav > li.active.open > a
{
    background: #289087;
    color: #fff;
}
.theme-black #navigation .main-nav > li.active > a
{
    background: #289087;
    color: #fff;
}

.theme-black #navigation .main-nav > li.open > a
{
    background: #289087;
    color: #fff;
}
.theme-black #navigation .main-nav > li > a:hover
{
    background: #289087;
    color: #fff;
}
.theme-black #navigation .user .icon-nav > li > a:hover
{
    background: #289087;
}
.theme-black #navigation .user .dropdown.open
{
    background: #289087;
}
.theme-black #navigation .user .dropdown > a:hover
{
    background: #289087;
}

.theme-black #navigation .brandname
{
    font-family: 'Oswald' , sans-serif, arial;
    color: #289087;
}
.theme-black #navigation .dropdown-menu
{
    border-color: #cccccc;
    color: #ffffff !important;
    background-color: #333333;
    -webkit-box-shadow: 2px 5px 5px rgba(204,204,204,0.8);
    box-shadow: 2px 5px 5px rgba(204,204,204,0.8);
    font-family: 'Open Sans' , sans-serif, arial;
    font-size: 12px;
}

.theme-black #navigation .dropdown-menu > li.dropdown-submenu .dropdown-menu
{
    border-top: 2px solid #333333;
    color: #fff;
}
.theme-black #navigation .dropdown-menu > li.dropdown-submenu:hover > a, .theme-black #navigation .dropdown-menu > li.dropdown-submenu:focus > a
{
    background: #333333;
    color: #fff;
}
.theme-black #navigation .dropdown-menu > li
{
    border-bottom: 1px solid #666666;
    color: #ffffff;
    font-size: 12px;
}

.theme-black #navigation .dropdown-menu > li > a
{
    color: #ffffff;
}

.theme-black #navigation .dropdown-menu > li > a:hover
{
    background-color: #289087;
    color: #ffffff;
}
.theme-black .search-form .search-pane button[type="submit"]
{
    background: #289087;
}
.theme-black .messages > li.insert .submit button
{
    background: #289087;
}
.theme-black .messages > li.right .name
{
    color: black;
}
.theme-black .messages > li.right .message
{
    background: #666666;
}
.theme-black .messages > li.right .message p
{
    color: #ffffff;
}
.theme-black .messages > li.right .message .time
{
    color: #ffffff;
}
.theme-black .messages > li.right .message .caret
{
    border-left: 7px solid #df1010;
}
.theme-black .letterbox .letter > li.active
{
    background: #289087;
}
.theme-black .calendar .fc-content .fc-event .fc-event-inner
{
    background: #289087;
}
.theme-black .calendar .fc-button.fc-state-active
{
    background: #289087;
}
.theme-black .calendar .fc-button.fc-state-active:hover
{
    background: #289087;
}
.theme-black .table.table-user tr.alpha td.alpha-val span
{
    background: #289087;
}
.theme-black .tagsinput#textfield_tagsinput .tag, .theme-black .ms-container .multi-custom-header, .theme-black .slider .ui-slider-handle, .theme-black .form-wizard .wizard-steps li.active .single-step .title, .theme-black .user-list h4, .theme-black .nav.nav-pills > li.active > a, .theme-black .nav.nav-list > li.active > a, .theme-black .table.table-colored-header thead th, .theme-black .table.table-colored-header thead td, .theme-black .dataTables_wrapper .dataTables_paginate > span > a.paginate_active, .theme-black .elfinder-navbar .ui-state-active, .theme-black .pagination.pagination-custom li.active a:hover, .theme-black .pagination.pagination-custom li.active a
{
    background: #289087;
}
.theme-black .elfinder-navbar .ui-state-active
{
    border-color: #289087;
}
.theme-black #main .box .box-title .tabs > li.active > a
{
    background: #289087;
}

.theme-black #main .box.box-color .box-title .tabs > li.active > a
{
    background: #fff;
    color: #289087;
}
.theme-black #main .box.box-color .box-title .tabs > li > a:hover
{
    color: #289087;
}
ul > li.cocolightgrey
{
    background-color: #cccccc;
    min-height: 45px;
}
ul > li.lightgrey, ul > li.satgreen, ul > li.lightred, ul > li.vhpaBlue
{
    min-height: 45px;
}
ul > li.vhpaBlue .icon-fire
{
    color: #000000;
}
ul > li.vhpaBlue .icon-calendar
{
    color: #000000;
}
ul > li.vhpaBlue .details span
{
    color: #000000 !important;
}
ul > li.vhpaBlue, .label-vhpaBlue
{
    background-color: #ffffff;
    border: 3px solid #289087;
    color: #000000 !important;
}

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

ul > li.satgreen, .label-satgreen
{
    background-color: #99cc33;
}

ul > li.lightred, .label-lightred
{
    background-color: #cd6e9a;
}

.box-title h3
{
    color: #289087 !important;
    font-family: 'Oswald' , sans-serif, arial;
    margin-top:0px !important
}
.label-grey, .badge-grey
{
    background-color: #999999;
}
.grey-border
{
    background-color: #ffffff;
    border: 1px solid #d3d3d3 !important;
}
.theme-black #main .box .box-title
{
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 1px dashed #289087;
    margin-top: 0px;
}

.theme-black #main .box.box-color .box-title
{
    background-color: #ffffff !important;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 1px dashed #289087;
}
.theme-black #main .box.box-bordered.box-color .box-title
{
    border-bottom: 1px dashed #289087;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
}
.theme-black #main .box.box-bordered.box-color .box-content
{
    border: 0px solid #cccccc;
}
.gradientgrey h3
{
    color: #289087 !important;
    font-family: 'Oswald' , sans-serif, arial;
    text-transform: none !important;
}
.theme-black #main .box.box-bordered.box-color .box-content-noborder
{
    border: 0px;
    padding: 10px 0px;
}

.box-content p.url
{
    color: #df1010 !important;
}
.coco_text
{
    padding: 0px 2px;
}
.coco_text_minheight
{
    min-height: 20px;
}
.coco_text input.dxeEditArea
{
    padding-top: 5px;
    padding-bottom: 5px;
}
.coco_text select
{
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid;
    border-color: #999999 !important;
    border-radius: 0px;
}
div.tandc
{
    overflow: auto;
    height: 100px;
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid #cccccc;
}
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;
}
.breadcrumbs
{
    background-color: transparent !important;
}
#left
{
 background-color:transparent;   
}
div.coco-clear
{
    clear:both;
}

div.projectperiod
{
    overflow: auto;
    height: 250px;
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid #cccccc;
}

.justify-left {
    text-align: left !important;
}
label
{
    cursor:default;
}
#main label.coco-control-label
{
	width:300px;	
	padding-right:10px;
}
#main input.coco-radio
{
	margin-left:20px;
}

.coco_displayinline
{
    display:inline;
    padding:5px !important;
    width:20%;
}
h6
{
    color: #289087 !important;
    font-family: 'Oswald' , sans-serif, arial;
    font-size:18px !important;
}
.control-group
{
    padding:5px !important;
}
.form-actions
{
    padding-top:10px !important;
}

p.downicon
{
    text-decoration:none !important;
    margin:0px !important;
    padding:0px;
    font-size:20px;
    color:#289087;
}


.notok
{
    background-color:#D00000; 
    color:black; 
    padding:20px;
}

.ok
{
    background-color:#CCFF33; 
    color:black; 
    padding:20px;
}

.warningerr
{
    background-color: #FF9900;
    color: black;
    padding: 20px;
}
select
{
    border-radius:0px;
}
div.passwordButton {
    display: inline-flex !important;
    width: 5%;
    cursor: pointer;
    padding: 14px 5px 6px 5px;
    background-color: #666666;
    color: #ffffff;
    justify-content: space-around;
    text-align: center;
}

div.passwordButton2 {
    display: inline-flex !important;
    width: 5%;
    cursor: pointer;
    padding: 4px 5px 1px 5px;
    background-color: #666666;
    color: #ffffff;
    text-align: center;
    justify-content: space-around;
}

.display-inline {
    display: inline-block !important;
    height:15px !important;
}
.display-inline2 {
    display: inline-block !important;
    height: 30px !important;
}

div.greybackground {
    background-color: #eeeeee !important;
    padding: 5px;
    border: 1px solid #999999;
    margin-bottom: 5px;
    margin-left: 5px !important;
    cursor: pointer;
}
/*.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}
*/