@charset "utf-8";
/* CSS Document */
/* Copyright 2015 Propaganda Design Inc. */

/*-------------------------------------------------------------------
	Base
-------------------------------------------------------------------*/
*, *:before, *:after, input, textarea, select, button { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
body { font-family: 'Roboto', sans-serif; font-weight:400; font-size:12px; background:#e6e6e6; }
header { background:#236796; overflow:hidden; padding:30px 0; }
section { }
footer { background:#CCC; }
a { }
h1 { font-size:35px; margin:0 0 5px 0; color:#236796; padding:14px 0; font-weight:300; }
h2 { font-size:23px; margin:0 0 10px 0; color:#236796; padding:0 0; font-weight:400; }
h3 { font-size:16px; margin:0 0 10px 0; color:#236796; padding:0 0; font-weight:400; }
p, ul, label { margin:0 0 12px 0; font-size:16px; line-height:20px; }
ul > li:before { content:"•"; padding:0 12px 0 0; display:inline-block; float:left; }
ul ul { margin:0 0 0 12px; }
ul > li { margin:4px 0 4px 0; }
ul { margin:0 0 20px 12px; list-style:none; text-indent:-12px; }
strong { font-weight:700; }
em { font-style:italic; }
hr { border:none; height:1px; background:#CCC; margin:20px 0; }
table { width:100%; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
table th { background:#333; padding:40px; text-align:left; font-size:14px; color:#FFF; }
table td { vertical-align:middle; cursor:default; padding:20px; font-size:16px; border-bottom:1px solid #f3f3f3; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
table tr:nth-child(odd) td { }
table tr:last-child td, .has-dark-bg td, .has-dark-bg { background:#333 !important; color:#FFF; font-size: 16px; }
label { display:block; margin:0 0 6px 0; }
input, textarea, select { font-family:Arial,Helvetica,sans-serif; }
input[type=text], input[type=email], input[type=password], textarea, select { background-color:#FFF; color:#999; font-family: 'Roboto', sans-serif; font-size:16px; font-weight:300; -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; border:1px solid #dbdbdb; display:block; width:100%; margin:0 0 10px 0; padding:8px 8px;-webkit-transition:border .3s ease; -moz-transition:border .3s ease; -o-transition:border .3s ease; transition:border .3s ease;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
input:focus, textarea:focus, input:hover, textarea:hover, select:focus, select:hover, button:focus { outline:none; border:1px solid #236796; }
button:focus { border:none; }
textarea { resize:vertical; min-height:150px; }
input[type=submit] { cursor:pointer; border:none; display:block; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
input[type='radio'] { opacity:0; float:left; width:16px; height:16px; cursor:default; padding:0; margin:0; }
input[type='radio'] + label { background-image:url(../images/common/radio-off.png); background-repeat:no-repeat; height:16px; padding:3px 0 0 20px; display:block; margin:0 0 8px 0; }
input[type='radio']:checked + label { background-image:url(../images/common/radio-on.png); }
input[type='checkbox'] { opacity:0; float:left; width:16px; height:16px; cursor:default; padding:0; margin:0; }
input[type='checkbox'] + label { background-image:url(../images/common/check-off.png); background-repeat:no-repeat; font-size:14px; padding:0px 0 20px 20px; display:block; margin:0 0 20px 0; border-bottom:1px solid #CCC; word-break:break-all; }
input[type='checkbox']:checked + label { background-image:url(../images/common/check-on.png); }
input[type="text"]:disabled { background:#dddddd; }
input:disabled:hover, textarea:disabled:hover { border:1px solid #CCC; }
select { background:url(../images/common/form-select.png) no-repeat center right; }
select:hover, select:focus { background:url(../images/common/form-select.png) no-repeat center right; }
::selection { background:#236796; color:#FFF; }
::-moz-selection { background:#236796; border:1px solid #236796; color:#FFF; }
::-webkit-input-placeholder { color:#999; }
:-moz-placeholder { color:#999; }
::-moz-placeholder { color:#999; }
:-ms-input-placeholder { color:#999; }
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}
/*-------------------------------------------------------------------
	Modules (ex.: .box)
-------------------------------------------------------------------*/
.navigation { position:fixed;  width:100%; left:0; top:0;height:100%; z-index:100; font-size:0; background:#236796; padding:0 0 0 0; }
.navigation > ul { position:relative; z-index:1; margin:0; text-indent:0; font-size:0; display:table-cell; vertical-align:middle; height:100%; text-align:center; }
.navigation ul li:before { content:""; padding:0; float:none; display:inline; }
.navigation > ul > li { margin:0; }
.navigation > ul > li > a { display:block; padding:30px 20px; color:#FFF; font-size:18px; font-weight:300; -webkit-transition:background .3s ease; -moz-transition:background .3s ease; -o-transition:background .3s ease; transition:background .3s ease; }
.navigation > ul > li > ul > li { margin:0; text-indent:0px; }
.navigation > ul > li > ul { zoom:1; filter:alpha(opacity=100); opacity:1; display:block; position:relative; margin:0; }
.navigation > ul > li > ul > li > a { padding:13px 20px; background:#FFF; display:block; }
.navigation > ul > li > ul > li:hover > a { background-color:#7f96a1; }
.navigation > ul > li:hover > a, .navigation > ul > .is-selected >  a { background-color:#2972a4; }
.navigation-trigger { display:block; margin:0 0 0 20px; width:50px; height:50px; float:right; background-image:url(../images/common/nav-trigger.png); background-repeat:no-repeat; background-position:center; padding:10px;-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
.navigation-trigger:hover, .navigation-trigger.is-selected { background-color:#f39c12;  }
.navigation > ul > li, .navigation > ul > li > ul > li, .navigation > ul > li a { width:100%; display:block; }
.navigation .navigation-trigger, .navigation .navigation-trigger:hover, .navigation > ul > li:hover > .navigation-trigger { width:50px; margin:20px auto; padding:0; float:none; background-color:#f39c12; background-image:url(../images/common/nav-trigger-close.png); }
.btn { display:inline-block; font-size:17px; line-height: 19px; padding:10px 12px; color:#FFF; background:#f39c12;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; opacity:1; border:none; font-family: 'Roboto', sans-serif; font-weight:300; margin:0 5px 0 0;  -webkit-box-shadow: -1px 0 2px 0 rgba(0,0,0,0.12) , 1px 0 2px 0 rgba(0,0,0,0.12) , 0 1px 1px 0 rgba(0,0,0,0.24); -moz-box-shadow: -1px 0 2px 0 rgba(0,0,0,0.12) , 1px 0 2px 0 rgba(0,0,0,0.12) , 0 1px 1px 0 rgba(0,0,0,0.24); box-shadow: -1px 0 2px 0 rgba(0,0,0,0.12) , 1px 0 2px 0 rgba(0,0,0,0.12) , 0 1px 1px 0 rgba(0,0,0,0.24); cursor:pointer; }
.btn:hover { -webkit-box-shadow: -1px 0 2px 0 rgba(0,0,0,0.24) , 1px 0 2px 0 rgba(0,0,0,0.24) , 0 1px 1px 0 rgba(0,0,0,0.48); -moz-box-shadow: -1px 0 2px 0 rgba(0,0,0,0.24) , 1px 0 2px 0 rgba(0,0,0,0.24) , 0 1px 1px 0 rgba(0,0,0,0.48); box-shadow: -1px 0 2px 0 rgba(0,0,0,0.24) , 1px 0 2px 0 rgba(0,0,0,0.24) , 0 1px 1px 0 rgba(0,0,0,0.48); }
.actions > li { display:inline-block; margin:0 0 0 4px !important; vertical-align:top; }
.actions > li > a, .actions > li button { border:none; cursor:pointer; color:#FFF; font-size:16px; font-weight:400; display:block; width:40px; height:40px; text-align:center; background:#236796; -webkit-box-shadow: -1px 0 2px 0 rgba(0,0,0,0.12) , 1px 0 2px 0 rgba(0,0,0,0.12) , 0 1px 1px 0 rgba(0,0,0,0.24); -moz-box-shadow: -1px 0 2px 0 rgba(0,0,0,0.12) , 1px 0 2px 0 rgba(0,0,0,0.12) , 0 1px 1px 0 rgba(0,0,0,0.24); box-shadow: -1px 0 2px 0 rgba(0,0,0,0.12) , 1px 0 2px 0 rgba(0,0,0,0.12) , 0 1px 1px 0 rgba(0,0,0,0.24);  -webkit-border-radius:40px; -moz-border-radius:40px; border-radius:40px;-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
.actions > li > a:hover, .actions > li button:hover { -webkit-box-shadow: -1px 0 2px 0 rgba(0,0,0,0.24) , 1px 0 2px 0 rgba(0,0,0,0.24) , 0 1px 1px 0 rgba(0,0,0,0.48); -moz-box-shadow: -1px 0 2px 0 rgba(0,0,0,0.24) , 1px 0 2px 0 rgba(0,0,0,0.24) , 0 1px 1px 0 rgba(0,0,0,0.48); box-shadow: -1px 0 2px 0 rgba(0,0,0,0.24) , 1px 0 2px 0 rgba(0,0,0,0.24) , 0 1px 1px 0 rgba(0,0,0,0.48);}
.actions > li > a i { padding:10px 0; }
.actions > li button:focus { outline:none; }
.card  { background:#FFF; padding:30px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.14); -moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.14); box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.14);-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
.card:hover { -webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.24); -moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.24); box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.24);}
.card-centered {max-width:350px;margin: 116px auto 0 auto; }
.card label:last-child { margin-bottom:0; border:none; padding-bottom:0; }
.ui-datepicker-calendar { background:#FFF; }
.ui-datepicker-calendar td { padding:0; border-left:1px solid #f3f3f3; }
.ui-datepicker-calendar td a, .ui-datepicker-calendar th { padding:14px; }
.ui-datepicker-calendar td a { background:#FFF; display:block; color:#236796; text-align:center; }
.ui-datepicker-calendar .ui-datepicker-today a { background:#f39c12; color:#FFF;  }
.ui-datepicker-calendar .ui-state-active, .ui-datepicker-calendar td a:hover { background:#236796; color:#FFF; }
.ui-datepicker-title { font-size:18px; margin:0; text-align:center; color:#FFF; padding:17px 0; font-weight:300; }
.ui-datepicker-header { background:#333; }
.ui-datepicker.ui-widget-content { border:1px solid #f3f3f3; display:none;}
.ui-datepicker tr:last-child td { padding:0; background:#FFF;}
.ui-icon.ui-icon-circle-triangle-w, .ui-icon.ui-icon-circle-triangle-e { display:none; }
.ui-datepicker-prev, .ui-datepicker-next { display:block; width:40px; height:52px; cursor:pointer; background-repeat:no-repeat; background-position:center; }
.ui-datepicker-prev { float:left; background-image:url(../images/common/arrow-left.png); }
.ui-datepicker-next { float:right; background-image:url(../images/common/arrow-right.png);  }
.show { display:block; }
.show-table { display:table; }
.hide { display:none; }
.no-scroll { overflow:hidden; }
.logo { display:block; width:176px; float:left; height:56px; background:url(../images/common/logo.png) no-repeat; }
.report td:nth-child(1) { width:25%; }
.report td:nth-child(2) { width:38%; }
.report td:nth-child(3) { width:25%; }
.report td:nth-child(4) { width:12%; }
.report td { word-break:break-all; font-size:14px; padding:15px !important; }
.price_tag { padding:38px 0 0 0; }
.fileinput-button { position:relative; overflow:hidden; }
.fileinput-button input { position:absolute; top:0; right:0; margin:0; opacity:0; -ms-filter:'alpha(opacity=0)'; font-size:200px; direction:ltr; cursor:pointer; }
.ui-datepicker.ui-widget-content { border:1px solid #333 !important; }
.ui-datepicker-unselectable { color:#d7d7d7 !important; padding:14px !important; }
.ui-datepicker-calendar tr:hover:not(:last-child) .ui-datepicker-unselectable { background:none !important;color:#d7d7d7 !important;  }
.timesheet tr td:first-child { width:28%; }
.timesheet tr td:last-child { width:10%; }
.timesheet tr:nth-child(odd) td { background:#f6f6f6; }
.monitor tr td:first-child { width:15%; }
.monitor tr td:nth-child(2) { width:12%; }
.monitor tr td:nth-child(3) { width:22%; }
.monitor tr td:nth-child(4) { width:20%; text-align:right; }
.monitor tr td:nth-child(5) { width:20%; }
.monitor tr td:last-child { width:30%; }
.hosting_list { text-indent:0; margin:0; }
.hosting_list li { display:inline; font-size:13px; font-style:italic; }
.hosting_list li:before { content:""; padding:0; float:none; display:inline; }
.hosting_list li:after { content:","; }
.hosting_list li:last-child:after { content:""; }

/*-------------------------------------------------------------------
	States (ex.: .is-collapsed)
-------------------------------------------------------------------*/
.app-msg { padding:15px; font-size:16px; color:#FFF; line-height:20px; }
.app-msg > p { display:block; clear:both; line-height:22px; }
.app-msg > p > .msg-icon { width:23px; height:23px; display:block; float:left; margin:0 5px 9px 0; }
.app-msg strong { font-weight:bold; }
.msg { padding:15px; font-size:16px; color:#FFF; line-height:20px; margin:0 0 10px 0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.14); -moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.14); box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.14); }
.msg > p { display:block; clear:both; line-height:22px; font-size:16px; text-align:center; margin:0; }
.msg > p > .msg-icon { width:23px; height:23px; display:block; float:left; margin:0 5px 9px 0; }
.msg strong { font-weight:bold; }
.is-success { background:#8BC24A; }
.is-success > p > .msg-icon { background:url(../images/common/icon-success.png); }
.is-failure {background:#F44236; }
.is-failure > p > .msg-icon { background:url(../images/common/icon-error.png); }
.is-note { background:#f1f0b6; color:#44442a; }
.is-note > p > .msg-icon { background:url(../images/common/icon-success.png); }
select.is-failure { color:#F44236;     background: url(../images/common/form-select.png) no-repeat center right; }
.is-error { border:1px solid #F44236 !important; color:#F44236; }
.is-error::-webkit-input-placeholder { color:#F44236; }
.is-error:-moz-placeholder { color:#F44236; }
.is-error::-moz-placeholder { color:#F44236; }
.is-error:-ms-input-placeholder { color:#F44236; }
.is-vertical-centered { display:table; width:100%; height:100%; }
.is-vertical-centered > .is-vertical-centered-cell { display:table-cell; vertical-align:middle; } 
.is-successful { border:1px solid #8BC24A !important; color:#8BC24A; }
.is-successful::-webkit-input-placeholder { color:#8BC24A; }
.is-successful:-moz-placeholder { color:#8BC24A; }
.is-successful::-moz-placeholder { color:#8BC24A; }
.is-successful:-ms-input-placeholder { color:#8BC24A; }
.is-full-width { width:100%; }
.is-aligned-centered { text-align:center; }
.is-right-aligned { text-align:right; }
.is-big { font-size:20px; }
.is-right { float:right; }
.is-blue { color:#236796; }
.is-alert-average { background:#FEC107; }
.is-alert-high { background:#F44236; color:#FFF; }
.is-green .fa {  color:#8BC24A !important; }
.report td { background:#FFF !important;color:#333 !important; }
.is-fixed { position:fixed; width:100%; }
.is-small-card { padding:20px; }
.last-row-is-highlighted td:last-child { background:#52a2ff; }
.has-rounded-corners { -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
.has-box-shadow { -webkit-box-shadow:4px 4px 0px 0px rgba(0,0,0,0.75); -moz-box-shadow:4px 4px 0px 0px rgba(0,0,0,0.75); box-shadow:4px 4px 0px 0px rgba(0,0,0,0.75); margin-bottom:4px; }
.has-blue-bg { background:#236796;}
.has-blue-bg p, .has-blue-bg label { color:#FFF; }
.has-yellow-bg { background:#FEC107; }
.has-white-bg { background:#FFF !important; }
.has-white-bg .fa { color:#F44236; }
.has-no-bullets { text-indent:0; margin:0; }
.has-no-bullets li:before { content:""; padding:0; float:none; display:inline; }
.has-30-bottom-margin { margin-bottom:30px; }
.has-20-bottom-margin { margin-bottom:20px; }
.has-no-bottom-margin { margin-bottom:0; }
.has-20-padding { padding:20px; }
.is-aligned-right { text-align:right; }
.has-no-padding { padding:0; }
.has-no-clear { clear:none; overflow:hidden; }
.has-no-clear div { padding-bottom:2px !important; }
.hasDatepicker { cursor:default; }
.is-text-centered { text-align:center; }
.table-has-20-padding td { padding:20px !important; }
.is-pending td { background:#333 !important; color:#FFF !important; }
.is-paid td { background:#8BC24A !important; color:#FFF !important; }
table tr:hover:not(:last-child) td, .report tr:hover td , tr.is-pending:hover td { background:#f3f3f3 !important; color:#000 !important; }
.is-not-black tr:last-child td { background:#FFF !important; color:#000; font-size: 14px; }
.is-not-small tr:last-child td { font-size: 16px !important; }
.has-red-bg, table.has-red-bg tr td, table tr.has-red-bg td { background:#F44236 !important; }
.has-green-bg, table.has-green-bg tr td { background:#8BC24A !important; }
.is-red { color:#F44236; }
.ui-datepicker .ui-state-disabled { background:#CCC !important; }

.navigation > ul > li > .is-hover { zoom:1; filter:alpha(opacity=100); opacity:1; display:block; }