/* @override
	http://test.giaplanner.net/app/css/main.css */

html{
    height: 100%;
}
body{
    height: auto !important;
    height: 100%;
    min-height: 100%;
    position: relative;
    background: #fff;
}
.container {padding-bottom: 50px;}
header {margin: 2em 0;}

.signup-nav {
    margin-top: 15px;
}

#mainNav {
    margin-top: 15px;
    display: none;
}
.logo {
    width: 275px;
    height: 72px;
}
#planner-logo {
    display: none;
}
#signout-link {
    display: none;
}
.logo a {
    display: block;
    background: url(../img/logo.png) top left no-repeat;
    width: 275px;
    height: 72px;
}
.logo a span {display: none;}
header > a {
    float: right;
    color: #084c88;
}
#mainNav .navbar-inner, .signup-nav .navbar-inner {
    border: none;
    background: #517EA5;
    background: -moz-linear-gradient(top,  #517EA5 0%, #024886 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#517EA5), color-stop(100%,#024886));
    background: -webkit-linear-gradient(top,  #517EA5 0%,#024886 100%);
    background: -o-linear-gradient(top,  #517EA5 0%,#024886 100%);
    background: -ms-linear-gradient(top,  #517EA5 0%,#024886 100%);
    background: linear-gradient(to bottom,  #517EA5 0%,#024886 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#517EA5', endColorstr='#024886',GradientType=0 );
}
#mainNav .nav>li>a, .signup-nav .nav>li>a {
    color: #fff;
    text-shadow: none;
}
#mainNav .nav>li.active>a, .signup-nav .nav>li.active>a{
    background-color: #fff;
    color: #024886;
    font-weight: bold;
}
#mainNav .nav>li>a:hover, .signup-nav .nav>li>a:hover {
    color: #024886;
    text-decoration: none;
    background-color: #fff;
    -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.125);
    -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.125);
    box-shadow: inset 0 3px 8px rgba(0,0,0,0.125);
}
.gWidget{
    border-radius: 8px;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.15);
    box-shadow: 0 3px 5px rgba(0,0,0,.15);
    margin-bottom: 2em;
}
.gWidget .header{
    background-color: #009749;
    margin: 0;
    padding: 5px 15px;
    color: #fff;
    border-radius: 8px 8px 0 0;
}
.gWidget .content {padding: 1.5em 1.5em 0.5em;}
table .input-append,
table .input-prepend {
    margin: 0;
}
table td a {color: #333;}
footer {
    position: absolute;
    bottom: 0;
    height: 50px;
    text-align: center;
    width: 100%;
}

/* PLAN PAGE */
i.icon-play-circle {font-size: 18px; color: #08c;}
.gWidgetForm fieldset {margin: 1.5em 0;}
.formRow {margin-bottom: 4px;}
.formRow * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.formRow > label {
    display: inline-block;
    width: 34%;
    line-height: 30px;
    margin: 0;
}
.formRow .inputs {
    display: inline-block;
    width: 66%;
}
.formRow .inputs div:first-child {
    width: 81%;
    margin-right: 2%;
    display: inline-block;
    float: left;
    line-height: 30px;
}
.formRow .chkGroup label {display: inline-block; margin-right: 1em;}
.formRow .inputs input[type="text"],
.formRow .inputs select {
    height: 30px;
    width: 100%;
    margin: 0;
}
.formRow .inputs div:last-child {
    width: 17%;
    display: inline-block;
}
.formRow .inputs div:last-child button {
    width: 100%;
}
.formRow .notes {margin-top: 4px; display: none;}
.formRow textarea {
    width: 100%;
    resize: vertical;
}
.gWidget .footer {
    background-color: #009749;
    padding: 12px 15px;
    color: #fff;
    border-radius: 0 0 8px 8px;
}
.gWidget .footer p {
    margin-bottom: 0;
}
.formRow {margin-bottom: 10px;}
.formRow .inputs input + input[type="text"] {margin-top: 10px;}
a.noLinkStyle {color: #333; border-bottom: 1px dotted #666;}
a.noLinkStyle:hover {text-decoration: none;}

#titleSearch #advancedFilters {display: none;}
.table-select thead tr {cursor: default;}
.table-select tr {cursor: pointer;}
.table-select tr:hover td {background-color: #B1D6E8 !important;}
.table-select tr.selected td {background-color: #024886 !important; color: #fff;}
.table-select tr.selected td a {color: #fff;}
#serviceMusicDetails th,
#serviceMusicDetails td {
    border-top: none;
    border-bottom: 1px solid #ddd;
}
#star {margin-left: 5px;}
#planDetails th,
#planDetails td {border: none;}
#planDetails td span {display: block;}

/*LOGIN PAGE*/

#login .logo {
    float: none;
    margin: 0 auto;
}
#login .gWidget {
    width: 380px;
    margin: 0 auto;
}
#login .gWidget form {margin-bottom: 0;}
#login .gWidget form tr td:first-child {text-align: right; padding-right: 10px; width: 25%;}
#login .gWidget table {width: 100%;}
#login .gWidget table input {width: 90%;}
#login .gWidget .footer a {color: #fff;}

/* PLAY BUTTON INFORMATIONAL OVERLAY */

.overlay > div:first-child {background-color: #fff; z-index: 1041; position: absolute; padding: 3px 6px; border-radius: 100px;}
.overlay > div:first-child i {font-size: 22px;}
.overlay > div:first-child + div.popover {z-index: 1042;}

/* RESPONSIVE STYLES */


@media (max-width: 979px) and (min-width: 768px) {

    .formRow .inputs div:first-child {
        width: 72%;
        margin-right: 3%;
        display: inline-block;
        float: left;
    }
    .formRow .inputs div:last-child {
        width: 25%;
        display: inline-block;
    }
    .gWidget .footer p:last-child {
        float: left;
        margin-top: 5px;
    }
    #login .gWidget .footer p:last-child {
        float: right;
        margin-top: 0;
    }
    .logo {
        float: none;
        display: block;
        margin: 0 auto;
    }
    #mainNav {
        float: none;
        display: block;
        width: 100%;
        margin-top: 25px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }
}

.ng-cloak {
  display: none !important;
}

.short-nav{margin-top: 15px;}
.short-nav .navbar-inner {
    padding: 0;
    border: none;
    background: #517EA5;
    background: -moz-linear-gradient(top,  #517EA5 0%, #024886 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#517EA5), color-stop(100%,#024886));
    background: -webkit-linear-gradient(top,  #517EA5 0%,#024886 100%);
    background: -o-linear-gradient(top,  #517EA5 0%,#024886 100%);
    background: -ms-linear-gradient(top,  #517EA5 0%,#024886 100%);
    background: linear-gradient(to bottom,  #517EA5 0%,#024886 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#517EA5', endColorstr='#024886',GradientType=0 );
}
.short-nav .nav>li>a {
    color: #fff;
    text-shadow: none;
}
.short-nav .nav>li.active>a {
    background-color: #fff;
    color: #024886;
    font-weight: bold;
}
.short-nav .nav>li>a:hover {
    color: #024886;
    text-decoration: none;
    background-color: #fff;
    -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.125);
    -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.125);
    box-shadow: inset 0 3px 8px rgba(0,0,0,0.125);
}

.short-nav.navbar .nav {
    margin-left: 14px;
}

.centered {
    margin-left: auto;
    margin-right: auto;
    width: 340px;
}

.foot {
    text-align: center;
}

.part-value {
    padding-left: 179px;
    max-width: 528px;
    word-wrap: break-word;
}

.label-danger,
.badge-danger {
  background-color: #ff0000;
}

table.invoices-table tr td.v-middle {
    vertical-align: middle;
}

table.invoices-table tr td.text-center, table.invoices-table tr th.text-center {
    text-align: center;
}

.text-u-c {
    text-transform: uppercase;
}

.text-c {
    text-transform: capitalize;
}

.invoice-modal .modal-header {
    border-bottom: none;
}
.cursor-pointer {
    cursor: pointer;
}
div.alerts {
    text-transform: capitalize;
}