html,
body {
  background-image: url('https://cheersandmoreoffice.com/images/CnMLogoBG.png');
  background-repeat: no-repeat;
  background-position: right;
  background-size: 450px 379px;
}
/*
.navbar {
  background-color: #B274F1;
}

.navbar .nav > li > a {
  color: #1c1c1c;
  padding-top:15px !important; padding-bottom:0px !important;
  font-size: 0.9em;
}
*/
.navbar {
/*  height: 40px; */
  background-color: #B274F1;
  font-weight:bold;
  font-size:13px;
}

.navbar .nav > li > a {
    color: #1c1c1c;
    font-weight: bold;
    font-size: 13px;
    /*padding-top:15px !important; padding-bottom:0px !important; */
    /*font-size: 0.9em; */
}

.navbar .nav > li > a:hover, a:focus, a:active {
    color: #000000;
    font-weight: bold;
    font-size: 13px;
    background-color: lightgray;
    /*padding-top:15px !important; padding-bottom:0px !important; */
    /*font-size: 0.9em; */
}


.dropdown-menu {
    font-size: 0.9em;
    font-size: 13px;
    font-style: bold;
    overflow:visible!important;
    position:relative;
}


.navbar .nav .open .dropdown-menu {
    background-color: lightgray;
    color:#000000;
    position:relative;
}

.navbar .nav .open .dropdown-menu > li > a {
    background-color: lightgray;
    color:#000000;
    padding:10px;
    font-weight: bold;
}

.navbar .nav .dropdown-menu {
     background-color: lightgray;
     color:#000000;
     overflow:visible!important;
}

.navbar .nav .open .dropdown-menu > li > a:hover, a:focus, a:active {
    background-image: none !important;
    background-color: #ED519F;
    color: #FFFFFF;
    font-weight: bold;
    position:relative;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 5px 30px 5px 15px;
    margin-bottom: -1px;
    border: 1px solid #ddd;
}

.form-control {
    display: block;
    width: 100%;
    height: 28px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.help-block {
    display: block;
    margin-top: 0px;
    margin-bottom: 10px;
    color: #737373;
}

.form-group {
    margin-bottom: 5px;
}

h1, h2, h3 {
margin-top: 10px;
margin-bottom: 5px;
}

.btn-default {
    color: #fff;
    background-color: #519FED;
    border-color: #187EE6;
    padding: 3px;
}

.well {
    padding: 5px;
}

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

.table-curved
{
    background-color: #F3F781;
}

.table-curved {
    border-collapse: separate;
    border: solid #ccc 1px;
    border-radius: 6px;
    border-left: 0px;
    border-top: 0px;
}
.table-curved > thead:first-child > tr:first-child > th {
    border-bottom: 0px;
    border-top: solid #ccc 1px;
}
.table-curved td, .table-curved th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
}
.table-curved > :first-child > :first-child > :first-child {
    border-radius: 6px 0 0 0;
}
.table-curved > :first-child > :first-child > :last-child {
    border-radius: 0 6px 0 0;
}
.table-curved > :last-child > :last-child > :first-child {
    border-radius: 0 0 0 6px;
}
.table-curved > :last-child > :last-child > :last-child {
    border-radius: 0 0 6px 0;
}

.alert-info {
    color: #000000;
    background-color: #CED8F6;
}

.alert-error {
    background-color: #FFFFFF;
}

.red {
    color: #FF0000;
}

.blue_link {
    color: #2E64FE;
}

.dark_blue {
    color: #08088A;
}

.gray {
    color: #BDBDBD;
}

.dark_gray {
    color: #6E6E6E;
}

.table-condensed {
    border-collapse: separate;
    border: solid #ccc 0px;
}

.table-condensed td, .table-condensed th {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

.printable {
	display: none;
}

@media print {
    .non-printable {
    	display: none;
    }
    .printable {
    	display: none;
    }
}

 .audio_volume_only {
    width: 25px;
}

.btn-default{
    color:#303030;
    background-color:#B274F1;
    border-color:#724A9A
}

.btn-default.focus,.btn-default:focus{
    color:#303030;
    background-color:#724A9A;
    border-color:#724A9A
}

.btn-default.active,.btn-default:active,.btn-default:hover,.open>.dropdown-toggle.btn-default{
    color:#303030;
    background-color:#724A9A;
    border-color:#724A9A
}

.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{
    color:#303030;
    background-color:#724A9A;
    border-color:#724A9A
}

.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{
    background-color:#5CD664;
    border-color:#724A9A
}

.btn-default .badge{
    color:#fff;
    background-color:#333
}

.dropdown-menu > li > a:hover {
    background-color: #ED519F;
    background-image: none;
}

/*Custom colored button for add members*/
.btn-memberadd {
    color: black;
    background-color: #ED519F;
    border-color: red; /*set the color you want here*/
    width: 230px;
    /*height: 17px !important; */
    margin-bottom: 1px !important;
    /*line-height: 9px !important; */
    padding: 5px 5px !important;
    font-size: 12px !important;
    font-weight: bold;
}
.btn-memberadd:hover, .btn-memberadd:focus, .btn-memberadd:active, .btn-memberadd.active, .open>.dropdown-toggle.btn-memberadd {
    color: #fff;
    background-color: gray;
    border-color: black; /*set the color you want here*/
}

/*Custom colored button for members accounting*/
.btn-memberacc {
    color: black;
    background-color: #9fed51;
    border-color: green; /*set the color you want here*/
    /*width: 230px; */
    /*height: 17px !important; */
    margin-bottom: 1px !important;
    /*line-height: 9px !important; */
    padding: 5px 5px !important;
    font-size: 12px !important;
    font-weight: bold;
}
.btn-memberacc:hover, .btn-memberacc:focus, .btn-memberacc:active, .btn-memberacc.active, .open>.dropdown-toggle.btn-memberacc {
    color: #fff;
    background-color: gray;
    border-color: black; /*set the color you want here*/
}

/*Custom colored button for print labels*/
.btn-printlabel {
    color: black;
    background-color: lightblue;
    border-color: blue; /*set the color you want here*/
    /*width: 230px; */
    /*height: 17px !important; */
    margin-bottom: 1px !important;
    /*line-height: 9px !important; */
    padding: 3px 10px !important;
    font-size: 11px !important;
    font-weight: bold;
}
.btn-printlabel:hover, .btn-printlabel:focus, .btn-printlabel:active, .btn-printlabel.active, .open>.dropdown-toggle.btn-printlabel {
    color: #fff;
    background-color: gray;
    border-color: black; /*set the color you want here*/
}

/*Custom colored button for charges*/
.btn-charges {
    width: 50px;
    line-height: 7px !important;
    padding: 3px 3px !important;
    font-size: 8px !important;
    color: red;
    border-color: gray;
    font-weight: bold;
}
.btn-charges:hover, .btn-charges:focus, .btn-charges:active, .btn-charges.active, .open>.dropdown-toggle.btn-charges {
    color: black;
    background-color: red;
    border-color: red; /*set the color you want here*/
}

/*Custom colored button for payments*/
.btn-payments {
    width: 50px;
    line-height: 7px !important;
    padding: 3px 3px !important;
    font-size: 8px !important;
    color: green;
    border-color: gray;
    font-weight: bold;
}
.btn-payments:hover, .btn-payments:focus, .btn-payments:active, .btn-payments.active, .open>.dropdown-toggle.btn-payments {
    color: black;
    background-color: green;
    border-color: green; /*set the color you want here*/
}

/*Custom colored button for parent*/
.btn-parent {
    width: 70px;
    line-height: 7px !important;
    padding: 3px 3px !important;
    font-size: 8px !important;
    color: green;
    border-color: gray;
    font-weight: bold;
}
.btn-parent:hover, .btn-parent:focus, .btn-parent:active, .btn-parent.active, .open>.dropdown-toggle.btn-parent {
    color: black;
    background-color: green;
    border-color: green; /*set the color you want here*/
}

/*Custom colored button for credits*/
.btn-credits {
    width: 50px;
    line-height: 7px !important;
    padding: 3px 3px !important;
    font-size: 8px !important;
    color: teal;
    border-color: gray;
    font-weight: bold;
}
.btn-credits:hover, .btn-credits:focus, .btn-credits:active, .btn-credits.active, .open>.dropdown-toggle.btn-credits {
    color: black;
    background-color: teal;
    border-color: teal; /*set the color you want here*/
}

/*Custom colored button for header email*/
.btn-emailhead {
    width: 120px;
    height: 18px !important;
    margin-bottom: 1px !important;
    line-height: 8px !important;
    padding: 4px 4px !important;
    font-size: 9px !important;
    color: blue;
    border-color: gray;
}
.btn-emailhead:hover, .btn-emailhead:focus, .btn-emailhead:active, .btn-emailhead.active, .open>.dropdown-toggle.btn-emailhead {
    color: #fff;
    background-color: blue;
    border-color: blue; /*set the color you want here*/
}

/*Custom colored button for invoice*/
.btn-invoice {
    width: 400px;
    height: 20px !important;
    margin-bottom: 1px !important;
    line-height: 8px !important;
    padding: 3px 3px !important;
    font-size: 10px !important;
    font-weight:bold !important;
    color:red;
    border-color: gray;
}
.btn-invoice:hover, .btn-invoice:focus, .btn-invoice:active, .btn-invoice.active, .open>.dropdown-toggle.btn-invoice {
    color: #fff;
    background-color: red;
    border-color: red; /*set the color you want here*/
}

/*Custom colored button for enterpayment*/
.btn-enterpayment {
    width: 60px;
    height: 20px !important;
    margin-bottom: 1px !important;
    line-height: 9px !important;
    padding: 3px 3px !important;
    font-size: 10px !important;
    font-weight:bold !important;
    color:green;
    border-color: gray;
}
.btn-enterpayment:hover, .btn-enterpayment:focus, .btn-enterpayment:active, .btn-enterpayment.active, .open>.dropdown-toggle.btn-enterpayment {
    color: #fff;
    background-color: green;
    border-color: green; /*set the color you want here*/
}

/*Custom colored button for entercredit*/
.btn-entercredit {
    width: 60px;
    height: 20px !important;
    margin-bottom: 1px !important;
    line-height: 9px !important;
    padding: 3px 3px !important;
    font-size: 10px !important;
    font-weight:bold !important;
    color:teal;
    border-color: gray;
}
.btn-entercredit:hover, .btn-entercredit:focus, .btn-entercredit:active, .btn-entercredit.active, .open>.dropdown-toggle.btn-entercredit {
    color: #fff;
    background-color: teal;
    border-color: teal; /*set the color you want here*/
}

/*Custom colored button for printinvoice*/
.btn-printinvoice {
    width: 60px;
    height: 20px !important;
    margin-bottom: 1px !important;
    line-height: 9px !important;
    padding: 3px 3px !important;
    font-size: 10px !important;
    color:red;
    border-color: gray;
}
.btn-printinvoice:hover, .btn-printinvoice:focus, .btn-printinvoice:active, .btn-printinvoice.active, .open>.dropdown-toggle.btn-printinvoice {
    color: #fff;
    background-color: red;
    border-color: red; /*set the color you want here*/
}

/*Custom colored button for printreceipt*/
.btn-printreceipt {
    width: 60px;
    height: 20px !important;
    margin-bottom: 1px !important;
    line-height: 9px !important;
    padding: 3px 3px !important;
    font-size: 10px !important;
    color:black;
    border-color: gray;
}
.btn-printreceipt:hover, .btn-printreceipt:focus, .btn-printreceipt:active, .btn-printreceipt.active, .open>.dropdown-toggle.btn-printreceipt {
    color: #fff;
    background-color: black;
    border-color: black; /*set the color you want here*/
}

/*Custom colored button for emailpink*/
.btn-emailpink {
    color: black;
    background-color: #ED519F;
    border-color: red; /*set the color you want here*/
    width: 200px;
    /*height: 17px !important; */
    margin-bottom: 1px !important;
    /*line-height: 9px !important; */
    padding: 6px 6px !important;
    font-size: 11px !important;
    font-weight: bold;
}
.btn-emailpink:hover, .btn-emailpink:focus, .btn-emailpink:active, .btn-emailpink.active, .open>.dropdown-toggle.btn-emailpink {
    color: #fff;
    background-color: gray;
    border-color: black; /*set the color you want here*/
}

/*Custom colored button for addstudents*/
.btn-addstudents {
    color: black;
    background-color: #9fed51;
    border-color: green; /*set the color you want here*/
    width: 380px;
    /*height: 17px !important; */
    margin-bottom: 1px !important;
    /*line-height: 9px !important; */
    padding: 6px 6px !important;
    font-size: 11px !important;
    font-weight: bold;
}
.btn-addstudents:hover, .btn-addstudents:focus, .btn-addstudents:active, .btn-addstudents.active, .open>.dropdown-toggle.btn-addstudents {
    color: #fff;
    background-color: gray;
    border-color: black; /*set the color you want here*/
}

/*Custom colored button for addsubmit*/
.btn-addsubmit {
    color: black;
    background-color: #ED519F;
    border-color: red;
    /*width: 250px; */
    height: 40px !important;
    margin-bottom: 1px !important;
    /*line-height: 9px !important; */
    padding: 6px 15px !important;
    font-size: 12px !important;
    font-weight: bold;
}
.btn-addsubmit:hover, .btn-addsubmit:focus, .btn-addsubmit:active, .btn-addsubmit.active, .open>.dropdown-toggle.btn-addsubmit {
    color: #fff;
    background-color: red;
    border-color: red; /*set the color you want here*/
}

/*Custom colored button for invoicemember*/
.btn-invoicemember {
    width: 90px;
    line-height: 7px !important;
    padding: 6px 3px !important;
    font-size: 10px !important;
    color: red;
    border-color: gray;
}
.btn-invoicemember:hover, .btn-invoicemember:focus, .btn-invoicemember:active, .btn-invoicemember.active, .open>.dropdown-toggle.btn-invoicemember {
    color: white;
    font-weight:bold;
    background-color: red;
    border-color: red; /*set the color you want here*/
}

/*Custom colored button for membercharges*/
.btn-membercharges {
    width: 90px;
    line-height: 7px !important;
    padding: 6px 3px !important;
    font-size: 10px !important;
    color: red;
    border-color: gray;
}
.btn-membercharges:hover, .btn-membercharges:focus, .btn-membercharges:active, .btn-membercharges.active, .open>.dropdown-toggle.btn-membercharges {
    color: white;
    font-weight:bold;
    background-color: red;
    border-color: red; /*set the color you want here*/
}

/*Custom colored button for compteams*/
.btn-compteams {
    color: black;
    background-color: #ED519F;
    border-color: red; /*set the color you want here*/
    width: 350px;
    /*height: 17px !important; */
    margin-bottom: 1px !important;
    /*line-height: 9px !important; */
    padding: 6px 15px !important;
    font-size: 11px !important;
    font-weight: bold;
}
.btn-compteams:hover, .btn-compteams:focus, .btn-compteams:active, .btn-compteams.active, .open>.dropdown-toggle.btn-compteams {
    color: black;
    background-color: lightgreen;
    border-color: green; /*set the color you want here*/
}

/*Custom colored button for teaminvoice*/
.btn-teaminvoice {
    width: 75px;
    height: 20px !important;
    margin-bottom: 1px !important;
    /*line-height: 9px !important;*/
    padding: 3px 3px !important;
    font-size: 10px !important;
    color:red;
    border-color: gray;
}
.btn-teaminvoice:hover, .btn-teaminvoice:focus, .btn-teaminvoice:active, .btn-teaminvoice.active, .open>.dropdown-toggle.btn-teaminvoice {
    color: #fff;
    font-weight:bold;
    background-color: red;
    border-color: red; /*set the color you want here*/
}

/*Custom colored button for compdetails*/
.btn-compdetails {
    width: 75px;
    height: 20px !important;
    margin-bottom: 1px !important;
    /*line-height: 9px !important;*/
    padding: 3px 3px !important;
    font-size: 10px !important;
    color:black;
    border-color: gray;
}
.btn-compdetails:hover, .btn-compdetails:focus, .btn-compdetails:active, .btn-compdetails.active, .open>.dropdown-toggle.btn-compdetails {
    color: white;
    font-weight:bold;
    background-color: black;
    border-color: black; /*set the color you want here*/
}

/*Custom colored button for compemail*/
.btn-compemail {
    width: 75px;
    height: 20px !important;
    margin-bottom: 1px !important;
    /*line-height: 9px !important;*/
    padding: 3px 3px !important;
    font-size: 10px !important;
    color:blue;
    border-color: gray;
}
.btn-compemail:hover, .btn-compemail:focus, .btn-compemail:active, .btn-compemail.active, .open>.dropdown-toggle.btn-compemail {
    color: white;
    font-weight:bold;
    background-color: blue;
    border-color: blue; /*set the color you want here*/
}

/*Custom colored button for parentinvoice*/
.btn-parentinvoice {
    width: 400px;
    height: 22px !important;
    margin-bottom: 1px !important;
    /*line-height: 9px !important;*/
    padding: 3px 3px !important;
    font-size: 11px !important;
    font-weight: bold;
    color:green;
    border-color: gray;
}
.btn-parentinvoice:hover, .btn-parentinvoice:focus, .btn-parentinvoice:active, .btn-parentinvoice.active, .open>.dropdown-toggle.btn-parentinvoice {
    color: #fff;
    font-weight:bold;
    background-color: green;
    border-color: green; /*set the color you want here*/
}

/*Custom colored button for parentinvoicedetail*/
.btn-parentinvoicedetail {
    width: 75px;
    height: 20px !important;
    margin-bottom: 1px !important;
    /*line-height: 9px !important;*/
    padding: 3px 3px !important;
    font-size: 11px !important;
    font-weight: bold;
    color:green;
    border-color: gray;
}
.btn-parentinvoicedetail:hover, .btn-parentinvoicedetail:focus, .btn-parentinvoicedetail:active, .btn-parentinvoicedetail.active, .open>.dropdown-toggle.btn-parentinvoicedetail {
    color: #fff;
    font-weight:bold;
    background-color: green;
    border-color: green; /*set the color you want here*/
}

/*Custom colored button for parentpayments*/
.btn-parentpayments {
    width: 75px;
    height: 20px !important;
    margin-bottom: 1px !important;
    /*line-height: 9px !important;*/
    padding: 3px 3px !important;
    font-size: 11px !important;
    font-weight: bold;
    color:blue;
    border-color: gray;
}
.btn-parentpayments:hover, .btn-parentpayments:focus, .btn-parentpayments:active, .btn-parentpayments.active, .open>.dropdown-toggle.btn-parentpayments {
    color: #fff;
    font-weight:bold;
    background-color: blue;
    border-color: blue; /*set the color you want here*/
}

/*Custom colored button for team selected*/
.btn-teamselect {
    font-size: 12px !important;
    font-weight: bold;
    color:black;
}
.btn-teamselect:hover, .btn-teamselect:focus, .btn-teamselect:active, .btn-teamselect.active, .open>.dropdown-toggle.btn-teamselect {
    color: #fff;
    font-weight:bold;
    background-color: #ED519F;
    border-color: #ED519F; /*set the color you want here*/
}

/*Custom colored button for surplus*/
.btn-surplus {
    width: 300px;
    height: 20px !important;
    margin-bottom: 1px !important;
    /*line-height: 9px !important;*/
    padding: 3px 3px !important;
    font-size: 11px !important;
    font-weight: bold;
    color:blue;
    border-color: gray;
}
.btn-surplus:hover, .btn-surplus:focus, .btn-surplus:active, .btn-surplus.active, .open>.dropdown-toggle.btn-surplus {
    color: #fff;
    font-weight:bold;
    background-color: blue;
    border-color: blue; /*set the color you want here*/
}

/*Custom colored button for pif*/
.btn-pif {
    height:30px;
    font-size: 11px !important;
    color:black;
}
.btn-pif:hover, .btn-pif:focus, .btn-pif:active, .btn-pif.active, .open>.dropdown-toggle.btn-pif {
    color: #fff;
    font-weight:bold;
    background-color: #ED519F;
    border-color: #ED519F; /*set the color you want here*/
}