/*Basics
------------------------------------*/
body
{
  font-size:16px;   
}

h1
{
    color:#a10f2b;
    margin-top:7px;
    margin-bottom:15px;
    font-size:30px;
}

h2 
{
    color:#337ab7;
    margin-top:15px;
    margin-bottom:10px;
    font-size:22px;
}

fieldset
{
    margin-bottom:20px;
}

fieldset legend
{
    padding-bottom:7px;
    color:#337ab7;
}

fieldset .row {margin-bottom:7px;}


.right-pane .inner hr
{
 border-color: #24B2EF;
 border-style: dotted;
 margin-bottom:15px;
}

.center
{
    text-align:center
}

.padding-15 {padding:15px 30px;}


.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #F7FAFF;
}

.small {
    font-size: 11px;
    text-align: justify;
    font-style: italic;
}

/*Content
------------------------------------*/
.content{
 margin-top: 40px;
 margin-bottom: 50px;
 padding:0px;
 border: solid 1px #CCEBFD;
 background:#ffffff;
 box-shadow: 0px 0px 50px #8FB7CE;
}

@media (min-width: 991px) {
 .content{
 }
}

.main-content-container{
 padding:30px 15px 15px 15px;
}

/*Invoice Responsivity settings*/
@media (min-width: 767px) and (max-width: 991px) {
 .main-content-container{
   margin-left:-15px;
   padding:15px;
  }
}

@media(max-width: 767px) {
 .main-content-container{
   margin:0px;
   padding:0px;
  }
}


/*Main Nav
------------------------------------*/
.main-nav
{
 padding-top:15px;
 margin-top:10px;
 border-top: solid 1px #eee;
}

.main-nav .list-events
{
 background-color:#CA0037 !important;
 color: #fff !important;
}

/*Header
------------------------------------*/
.container.content .header{
 background-image: url(images/bcg-header.png);
 background-position: 15px center;
 background-repeat: no-repeat;
 padding: 15px 30px 15px 60px;
 color: #fff;
 background-color: #337ab7;
 border-width:0px;
 border-radius: 4px 4px 0 0 !important;
 font-size:24px;
 line-height: 28px;
}


/*Left pane
------------------------------------*/

.left-pane, .right-pane{
 height:100%;
 }

.left-pane .inner
{
    padding:0px 20px 0px 0px;
}

.left-pane .logo-container
{
    padding:0px 15px 15px 15px;
}

.left-pane .logo-container img
{
    max-width:100%;
}

.left-pane h3.pane-header{
 color: #fff;
 font-size: 16px;
 font-weight: 500;
 background-color: #337ab7;
 padding: 10px;
 margin-top:0px;
 font-weight:bold;
}

.left-pane h3.pane-header
{
    margin-top:15px;
}

.left-pane h3.pane-header.admins
{
 background-color:#23A2BF;
}

.left-pane .nav>li>a {
 position: relative;
 display: block;
 padding: 7px 15px;
 margin-bottom:10px;
 background-color: #eee;
 color:#094477;
}

.left-pane .nav>li>a:hover {
 background-color: #dcdcdc;
}

.left-pane .nav>li.active>a,
.left-pane .nav>li.active>a:hover {
 background-image: url(images/bcg-left-pane-active-pill.gif);
 background-position:-3px top;
 background-repeat:repeat-y;
 background-color: #dcdcdc;
 color:#144F81;
 font-weight:bold;
}


/*Right pane
------------------------------------*/
.right-pane .inner{
 padding: 0px 40px 0px 40px;
 overflow:auto;
}

.right-pane h3.pane-header{
 color: #fff;
 font-size: 16px;
 font-weight: 500;
 background-color: #337ab7;
 padding: 10px;
 margin-top:0px;
}


#method-container{
overflow:auto;
padding-right:15px;
}

#method-container h2{
 color: #B00434;
 margin-top: 5px;
 margin-bottom: 15px;
}

#method-container table.table{
margin-bottom:0px;
}

#method-container table th{
width:30%;
}

#method-container table ul{
padding-left: 0px;
list-style-type: none;
}


/*Footer
------------------------------------*/
.footer .inner{
padding: 15px 10px;
}



/*.inputs-container
-------------------------------------*/
.inputs-container
{
    margin-top:20px;
}

.form.alert
{
    padding: 15px;
    margin-top: 0px;
    border-radius: 4px;
}


.times td
{
    padding-left:10px;
}
    
.times td input[type="radio"]
{
    padding-left:12px;
}






/*#filterForm
------------------------------------*/
#filterForm{
 padding:10px 10px 0px 10px;
 margin-bottom: 10px;
 border: solid 1px #A5D6F2;
 background-color: #EEF4FF;
}


/*#buttonsGroupMethod
------------------------------------*/
#buttonsGroupMethod{
 padding:10px;
 margin-bottom: 10px;
 border: solid 1px #A5D6F2;
 background-color: #EEF4FF;
}


/*.login-containter
------------------------------------*/
.user-info{
 text-align:right;
 font-size:14px;
 font-weight:bold;
}

.user-info a{
 color:#fff;
 font-weight:normal;
}

.login-container
{
    margin-top:60px;
}

.login-container .login{
 margin-left : auto;
 margin-right: auto;
}

.login-container .login>tbody>tr>td{
 padding:25px;
 background-color: #EEF4FF;
 border: solid 1px #A5D6F2;
}

.login-container .login>tbody>tr>td>table
{
    border-collapse: separate;
    border-spacing:10px;
}

.login-container form{
 width: 30%;
 margin-left: 35%;
 margin-top: 50px;
 padding:25px;
 background-color: #EEF4FF;
 border: solid 1px #A5D6F2;
}

.login-container .input-group{
 margin-bottom:10px;
}



/*Rounded and Circle Classes
------------------------------------*/
.no-rounded { border-radius: 0 !important;}
.rounded { border-radius: 4px !important;}
.rounded-x { border-radius: 50% !important;}
.rounded-2x { border-radius: 10px !important;}
.rounded-3x { border-radius: 15px !important;}
.rounded-4x { border-radius: 20px !important;}
.rounded-sm { border-radius: 2px !important;}
.rounded-md { border-radius: 3px !important;}
.rounded-top { border-radius: 4px 4px 0 0 !important;}
.rounded-left { border-radius: 4px 0 0 4px !important;}
.rounded-right { border-radius: 0 4px 4px 0 !important;}
.rounded-bottom { border-radius: 0 0 4px 4px !important;}

/*Width Classes
------------------------------------*/
.width-100{width:100% !important;}
.width-50{width:50% !important;}



/*Fa icons Classes
------------------------------------*/
.fa{font-size16px !important;}


/*Group addon for checkbox list
------------------------------------*/
.input-group-addon-checkbox {
 padding: 6px 12px;
 font-size: 14px;
 font-weight: 400;
 line-height: 1;
 color: #555;
 text-align: left;
 background-color: #eee;
 border: 1px solid #ccc;
 width:100%;
 margin-bottom:15px;
}

.input-group-addon-checkbox .fa{
 padding-right: 10px; 
}

label{
 font-size: 14px;
 color: #555;
 font-weight: normal;
 padding-left:10px;
}

.form-control.form-control-list
{
    height:auto;
}

input[type="checkbox"] + label{
    display:inline !important;
}


/* FORM Controls
------------------------------------*/
.form-controls-row
{
    padding:15px 0 0 0;
}

.form-controls-row .btn
{
    margin-left:15px;
}


/* ID Elements in modal dialogs
------------------------------------*/

.modal-body{
  overflow:auto;
}

.bootstrap-dialog-title{
 font-size:24px !important;
 font-weight:bold;
}

.input-group-addon.desc span{
 display:inline-block;
 text-align: left;
 width: 120px;
}

.input-group-addon.desc .fa{
margin-right: 5px;
}

#methodName,
#methodNameShortcut {
 font-weight: bold;
}

#bt-method-ref-interval-adder{
height:100%;
}


.gvRegistrations {margin-top:25px;}


/*Registration form
------------------------------------*/
.form-control.var-symbol-prefix{ background-color: #eee;}