/*
Theme Name: iDea - Clean & Powerful Bootstrap Theme
Author: HtmlCoder
Author URI: http://www.htmlcoder.me
Author e-mail: htmlcoder.me@gmail.com
Version: 1.0.0 
Created: August 2014
License URI: http://wrapbootstrap.com
File Description: Place here your custom CSS styles
*/

table.rr-grid tbody td {
    padding: 2px 4px !important;
}

.roster-links li a {
    padding: 4px 4px;
}

.form-control {
    height:24px;
    padding-right: 5px
}

.editor_container {
    background-color:#f5f5f5;
}

.vertical-divider-right {
    padding-right:10px;
}

.form-control {
    padding:0px
}

                /* WIDGETS */
                .widget {
                    margin: 20px 40px 20px;
                    padding: 0;
                    background-color: #ffffff;
                    border: 1px solid #e7e7e7;
                    border-radius: 3px;
                    font-size: 12px;
                }

                .widget input {
                    height: 12px;
                }

                .widget div.content {
                    padding: 10px;
                    min-height: 50px;
                }

                .widget h3 {
                    font-size: 12px;
                    padding: 8px 10px;
                    text-transform: uppercase;
                    border-bottom: 1px solid #e7e7e7;
                    margin: 0px;
                }

                .widget h3 span {
                    float: right;
                }

                .widget h3 span:hover {
                    cursor: pointer;
                    background-color: #e7e7e7;
                    border-radius: 20px;
                }


.CallOutSmall {
    font-size: 12px;
}

.SmallText {
    font-size: 10px;
}

.RRLogo {
	vertical-align: middle;
}
.helper {
    display: inline-block;
    vertical-align: middle;
}

.panel-body {
    padding:7px;
}

.siteupdate {
	background-color: #fafafa;
	border: 1px solid #f3f3f3;
	margin: 0 0 70px;
	position: relative;
}
.siteupdate .siteupdate-body {
	padding: 20px 20px 0 20px;
	min-height: 140px;
    max-height: 350px;
    overflow-y: scroll;
}
.siteupdate h2.title {
	margin-bottom: 0;
	margin-top: 0;
}
.siteupdate .submitted {
	font-size: 12px;
	margin: 5px 0;
}

.siteupdate .siteupdate-content {
	padding: 0 0 4px;
}
.siteupdate footer {
	background-color: #f1f1f1;
	padding: 12px 20px;
	border-top: 1px solid #e8e8e8;
	font-size: 14px;
	line-height: 2;
	clear: both;
    font-weight: bold
}

.siteupdate-content p {
    margin-bottom: 5px;
}


/* Small devices (tablets, phones less than 767px) */
@media (max-width:767px) {
	.siteupdate .siteupdate-content {
		margin-left: 5px;
	}
}

.image-box-body .submitted {
	font-size: 12px;
}

.main-container {
	padding: 0 0;
}


/* Tables
---------------------------------- */
.datatable {
    font-size: 12px;
}
.datatable:not(.datatable-bordered) {
	border-bottom: 2px solid #f3f3f3;
}
.datatable > tbody > tr > th,
.datatable > thead > tr > th {
	vertical-align: bottom;
	border-bottom: 1px solid #e84c3d;
	background-color: #e84c3d;
	color: #fff;
}
.datatable-bordered {
	border-color: #e84c3d;
}
tbody {
	background-color: #ffffff;
}
.datatable > thead > tr > th,
.datatable > tbody > tr > th,
.datatable > tfoot > tr > th,
.datatable > thead > tr > td,
.datatable > tbody > tr > td,
.datatable > tfoot > tr > td {
	padding: 8px 15px;
	border-top: 1px solid #f3f3f3;
}
.datatable-striped tbody {
	background-color: #fafafa;
}
.datatable-striped > tbody > tr:nth-child(odd) > td,
.datatable-striped > tbody > tr:nth-child(odd) > th {
	background-color: #f1f1f1;
}
.datatable-striped.table > tbody > tr > td {
	border-color: #e8e8e8;
}
.datatable-bordered > thead > tr > th,
.datatable-bordered > tbody > tr > th,
.datatable-bordered > tfoot > tr > th,
.datatable-bordered > thead > tr > td,
.datatable-bordered > tbody > tr > td,
.datatable-bordered > tfoot > tr > td {
	border-color: #f3f3f3;
}
.dl-horizontal dd {
	margin-bottom: 10px;
}
.dark .datatable:not(.table-bordered) {
	border-bottom: 2px solid #515151;
}
.dark .datatable > thead > tr > th {
	border-bottom: 1px solid #27272a;
	background-color: #27272a;
	color: #cdcdcd;
}
.dark tbody {
	background-color: transparent;
}
.dark .datatable > thead > tr > th,
.dark .datatable > tbody > tr > th,
.dark .datatable > tfoot > tr > th,
.dark .datatable > thead > tr > td,
.dark .datatable > tbody > tr > td,
.dark .datatable > tfoot > tr > td {
	border-top: 1px solid #515151;
}
.dark .datatable-hover > tbody > tr:hover {
	background-color: #27272a;
}
/* Small devices (tablets, 768px and up) */
@media (min-width:768px) {
	.dl-horizontal dd {
		margin-left: 150px;
	}
	.dl-horizontal dt {
		max-width: 120px;
	}
}

/* reset everything to the default box model */

*, :before, :after
{
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

/* set a border-box model only to elements that need it */

.form-control, /* if this class is applied to a Kendo UI widget, its layout may change */
.container,
.container-fluid,
.row,
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.rr-header-inner {
    display: flex;
    align-items: center;
    gap: 12px;
}

.rr-header-logo {
    flex-shrink: 0;
}

.rr-header-text {
    flex: 1;
}

.rr-header-text h1,
.rr-header-text h2,
.rr-header-text h4 {
    margin-top: 2px;
    margin-bottom: 2px;
}

/* RS edit button � icon-only, no padding bloat from .form-control override */
.rr-grid .rs-edit-btn {
    background: none;
    border: none;
    padding: 0;
    line-height: 1;
    color: #555;
    cursor: pointer;
    min-width:20px;
    margin: 0px 0px;
}

.rr-grid .rs-edit-btn:hover {
    color: #000;
}