#sched_calendar_wrapper {
		width:100%;
		overflow:hidden;
    }

	.manager-buttons {
		width:150px;
	}
	#reservation_options .field-label {
		width:200px;
	}
	.resource-image-preview { max-width:300px; }
	.no-image-placeholder { padding:15px 5px; background-color:#f3f3f3; font-size:12px;margin-bottom:5px; }

	/** RESOURCE INFO MAIN PAGE ***/
	#resource_info {
		width:98%;
	}
	#resource_info .detail-box {
		float:left;
		margin:5px 0px 5px 0px;
		padding:5px 0px;
		border: 1px solid #E0DEDE;
		border-radius: 8px;
		background-color: #F8F8F8;
		background-image: linear-gradient(center top , #EDE9E9 0px, #F8F8F8 100%);
		width:100%;
	}
	#resource_info .inner-detail {
		padding:5px;
	}
	#resource_info .category-title {
		width:100%;
		font-size:20px;
		color:#333;
		border-bottom:1px solid #000000;
		margin-bottom:5px;
		font-weight:bold;
	}
	#resource_info .category-name {
		float:left;
		width:70%;
		font-size:20px;
		color:#333;
		font-weight:bold;
	}
	#resource_info .reservation-display-buttons {
		float:right;
		width:30%;
	}
	#resource_info .reserve-button {
		padding:4px;
		background-color:#269c42;
		color:#FFFFFF;
		font-weight:bold;
		font-size:14px;
		float:right;
		text-decoration:none;
		border:1px solid #FFFFFF;
		border-radius:5px;
	}
	#resource_info .view-hide {
		padding:12px;
		background-repeat:no-repeat;
		text-align:center;
		float:right;
		margin-left:5px;
		cursor:pointer;
		padding-top:20px;
		font-size:11px;
		background-position:center top;
	}
	#resource_info .view {
		background-image:url('/images/shared_images/dark_arrow_down.png');
	}
	#resource_info .hide {
		background-image:url('/images/shared_images/dark_arrow_up.png');
	}
	#resource_info .top-button-container {
		float:right;
	}
	#resource_info .top-button-container > a {
		padding:8px;
		border-radius:5px;
	}
	#resource_info .category-description { 
		font-size:12px;
		font-style:italic;
		margin-bottom:10px;
	}
	#resource_info .resources-container {
		clear:left;
		float:left;
		width:100%;
		margin-bottom:10px;
		display:none;
	}
	#resource_info .resources-row {
		clear:left;
		float:left;
		width:100%;
		margin-bottom:20px;
	}
	#resource_info .resource-image { 
		max-width:30%;
		float:left;
		margin-right:1%;
	}
	#resource_info .resource-image img {
		width:100%;
		display:block;
	}
	#resource_info .resource-description {
		width:65%;
		float:left;
		font-size:12px;
		font-style:normal;
	}
	#resource_info .resource-title-row {
		clear:left;
		float:left;
		width:100%;
		margin-bottom:10px;
	}
	#resource_info .resource-title {
		font-size:14px;
		color:#333;
		font-weight:bold;
		width:70%;

	}
	#resource_info .hide-category { 
		display:none;
	}

	/***** RESOURCE EDIT ******/
	#resource_edit .required-fields-container {
		width:90%;
		border:1px solid #cdcdcd;
		margin:20px 0px;
	}
	#resource_edit .required-fields-container .form-row {
		width:95%;
		margin-left:10px;
	}
	#resource_edit .required-container-title {
		width:100%;
	}
	#resource_edit .required-container-title > div {
		padding:10px;
		font-size:12px;
	}
	#resource_edit .required-container-title img {
		margin-top:20px;
	}
	#resource_edit .required {
		text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
		color: #b94a48;
		background-color: #f2dede;
	}
	#resource_edit .not-required {
		background-color:#c9c9c9;
		color:#000000;
	}
	#resource_edit .down-arrow {
		cursor:pointer;
	}
	#resource_edit .up-arrow {
		display:none;
		cursor:pointer;
	}
	#resource_edit .togglesection {
		margin-top:10px;
		display:none;
	}


	#resource_edit .required-fields-container fieldset .field-label { text-align:left; width:150px;}
	#resource_edit .required-fields-container fieldset { width:90%;margin-left:auto;margin-right:auto;margin-top:20px;margin-bottom:20px; }
	#resource_edit .ce-button.cart-button { 
	background-image:none;
	background-color:#818284;
	padding:10px 8px;
	color:#FFFFFF;
	transition:background-color .5s ease;
	border-radius:5px;
}
/*****RESERVATION MANAGER **************/
	#reservation_manager .filter-panel label { width:auto;text-align:left;}
	#reservation_manager .filter-panel span label { width:auto;}
	#reservation_manager .button-container,
	#resource_manager .button-container { 
		margin-top:40px;
	}


	#reservation_manager .price-column {
		text-align:right !important;
	}
	#reservation_manager .shopping-cart-link { 
		background-position: -884px -636px;
	}
	#reservation_manager .ce-button,
	#resource_manager .ce-button { 
		margin-bottom:3px;
		position:relative;
	}
	.admin-buttons {
		float:left;
		width:150px;
		margin-left:10px;
	}
	.resource-admin-table {
		float:left;
	}
	.button-column {
		padding-left:20px;
	}
	.button-column a {
		display:block;
	}
	.table-contact-info {
		background-image:none !important;
	}

	#reservation_manager .view-row label {
		width:auto;
		text-align:left;
	}
	#reservation_manager .view-panel {
		padding:6px 0px 6px 4px;
	}

/*******GENERAL STYLES *****************/
    .ce-button.cart-button.confirm-button {
        background-color: #0c9444;
    }
        /*TODO: Temporary style, please remove*/
        .ce-button.cart-button.confirm-button.disabled {
            background-color: #818284;
        }
	.cart-button:hover,
	.ce-button.cart-button:hover {
		background-color:#606162;
		background-image:none;
	}
.ce-button.cart-button.confirm-button:hover {
    background-color: #097033;
}
    /*TODO: Temporary style, please remove*/
    .ce-button.cart-button.confirm-button.disabled:hover {
        background-color: #818284;
        color: #FFFFFF;
        cursor:initial;
    }
	.reserve-button { 
		cursor:pointer;
	}
	.weekday-link {
		background-position:0px -429px;
	}
/*******FILTER GRID & RESULTS**********/
	.filter-panel {
		border: #CCCCCC 1px solid;
		background-color: transparent;
		padding: 4px 4px 12px 4px;
		margin-bottom:6px;
		position:relative;
	}
	.filter-panel .title {
		color:#666666;
		font-size:14px;
		font-weight:bold;
	}
	.filter-panel .button-panel {
		position:absolute;
		bottom:4px;
		right:4px;
	}
	.filter-panel .form-row {
		margin-bottom:1px;
		padding:1px;
	}
	.results-title { 
		float:left; 
		font-size:14px;
		color:#666;
		font-weight:bold;
		border:1px solid #CCC;
		margin-bottom:20px;
		padding:6px;
	}
		.results-title h3 {
		float:left;
		width:auto;
	}
	.results-table {
		margin-top:20px;
	}
	.results-number {
		float:left;
		color:#666;
		font-size:14px;
		font-weight:bold;
	}
		.search-bar {
		clear:both;
		position:relative;
		width:100%;
		display:block;
		height:30px;
		float:left;
		margin-bottom:20px;
		background-color:#f1f1f1;
		border:1px solid #CDCDCD;
		color:#000000;
		cursor:pointer;
	}
	.search-text {
		margin-top:5px;
		font-size:14px;
		font-family:arial;
		font-weight:bold;
		float:left;
		margin-left:10px;
		padding-right:20px;
		background-image:url(/images/volunteering/down.png);
		background-repeat:no-repeat;
		background-position:100% 50%;
	}
	.search-table {
		 border-style:solid; border-color:Black; border-width:1px; float:left;width:70%;margin-bottom:10px;
	}
	.reports-link {
		background-image: url(/images/icons/v_icons.png) !important;
		background-position:0px -143px;
	}
	.paging { 
		float:right; 
	}

	.form-row fieldset legend {
		font-size:15px;
		font-weight:bold;
		color:#292929;
	}
	.reset-time {
		display:none;
		height:16px;
		width:16px;
		padding:1px 16px;
		background-image:url(/images/shared_images/red_x_16.png);
		background-repeat:no-repeat;
	}
	fieldset legend {
		font-style:italic;
	}

	
	/**************RESOURCE MANAGER*************/
	#resource_manager .filter-panel { 
		padding-bottom:40px;
	}
	#resource_manager .filter-panel label { 
		width:200px; 
		text-align:right;
	}
	#resource_manager .checkcontainer label { 
		width:auto; 
		margin-right:10px;
	}
	#resource_manager .results-table { 
		min-width:400px;
	}

	/*******RESOURCE CATEGORY EDIT**********/

	#resource_category_edit .form-row label { width:250px; }
	.leftadmin,
	.rightadmin {
		float:left;
		width:50%;
	}
	#resource_category_edit .regular-duration { 
		margin-left:12px;
	}
	#resource_category_edit .regular-duration label { 
		width:150px;
	}
	#resource_category_edit .form-row.radio-row span label { 
		width:auto;
	}
	.form-row.radio-row span {
		float: left;
	}
	#resource_category_edit { 
		width:90%;
	}
	#resource_category_edit fieldset {
		float:left;
		min-width:600px;
		clear:left;
		margin-bottom:20px;
	}
	#resource_category_edit .form-row label.timelabel { 
		width:220px;
	}
	#resource_category_edit .form-row,
	#resource_edit .form-row { 
		overflow:visible;
		position:relative;
	}

	#times.fixed-schedule {
		max-width:180px;
	}
	#times.fixed-duration, #times.flexible  {
		max-width:230px;
	}

	#resource_category_edit .DESVALErrorText { position:absolute; width:70px; background-color:#FFFFFF; padding:5px;right:-30px;}
	#resource_category_edit .error-message { z-index:3;}
	.unit-column {
		width:33%;
		float:left;
		margin-top:10px;
		margin-bottom:10px;
		position:relative;
	}
	.unit-column label {
		float:left;
		width:auto;
		margin-right:5px;
		width: 100px;
		text-align: right;
	}
	.unit-column div {
		float:left;
	}
	.unit-column input,
	.unit-column table {
		float:left;
	}
	.unitdiv span span { 
		position:absolute; 
		width:100px; 
		background-color:#FFFFFF; 
		padding:5px; 
		z-index: 3;
		top: 100%;
		right: 0px;
		border: 1px solid #F00;
		box-shadow:1px 1px 4px #000000;
	}
	.RadUpload .ruUploadSuccess {
		width: auto;
		position: relative;
		right: 0px;
	}
	.duration-row { 
		width:370px;
	}
	.cancellation-div { 
		display:none;
	}
	#resource_category_edit .fixed-length-duration { 
		display:none;
		margin-left:15px;
		width:300px;
	}
	.form-row label.timelabel {
		width:auto;
		margin-left:12px;
		margin-right:5px;
	}
	.form-row .cat-button label {
		width:auto !important;
	}

	.unitdiv { margin-right:10px;}
	div.textval {position:relative;}
	div.feediv { margin-right:20px;}
	div.feediv label { width:auto;}
	#resource_category_edit .form-row label.mainfeelabel { 
		width:auto;
		margin-right:20px;
		margin-left:12px;
	}
	.checkdiv {  
		width:30%;
		float:left;
		margin-right:20px;
	}
	#resource_category_edit .checkdiv .form-row label,
	#resource_category_edit div.feediv label { 
		width:auto;
	}

/***************** RESOURCE EDIT *****************/

	#resource_edit .form-row label {
		width: 150px;
		white-space: normal;
	}
	#resource_edit .form-row .multitext,
	#resource_edit .form-row .ui-wrapper {
		min-width:200px;
		min-height:50px;
	}
	#resource_edit .form-row div span label { 
		width:30px;
		text-align:left;
	}
	#resource_edit .fixed-length-duration {
		display:none;
	}
	.left-toggle,
	.right-toggle {
		width:50%;
		float:left;
	}
	#resource_edit .error-message {
		position:absolute;
		width: 150px;
		background-color: rgb(255, 255, 255);
	}


	#resource_category_edit #times.fixed-schedule {
		max-width:180px;
	}
	#resource_category_edit #times.fixed-duration, 
	#times.flexible  {
		max-width:230px;
	}

	#resource_edit .reset-time {
		float:right;
	}

	#resource_edit .form-row label.timelabel {
		width:190px;
		margin-right:5px;
	}
	#resource_edit .normal-duration { width:300px;}
	#resource_edit .usage span { float:left; }
	#resource_edit .usage span label { width:auto; }
	#resource_edit .DESVALErrorText { position:absolute; width:50px; background-color:#FFFFFF; padding:5px;right:-10px;}
	#resource_edit .validator-display { position:absolute; width:100px; top:60%;  background-color:#FFFFFF;}
	#resource_edit .error-message { z-index:3; position:absolute ; right:-10px; width:auto;padding:5px;box-shadow:1px 1px 4px #000000;}

	div.subfee { margin-right:10px;}
	#resource_edit div.subfee label { width:100px;}
	#resource_edit .normal-duration label { width:80px;position:relative;}
	#resource_edit .normal-duration { margin-right:10px;width:auto;}

	/*********** TIME PICKERS ************/
	#time_picker {
		position:relative;
		float:left;
		display:none;
		background-color:#eeeeee;
		border-radius:4px;
		border:solid 1px black;
		padding:2px;
		max-width:300px;
	}

	#time_picker #times div {
		float:left;
		min-width:60px;
		padding:4px;
		font-size:11px;
		color:#333333;
		cursor:pointer;
	}

	#time_picker div#time_picker_title {
		font-weight:bold;
		font-size:13px;
		color:black;
		float:none;
		border-bottom: 1px solid #999999;
		line-height:150%;
	}

    #time_picker div.selected {
        background-color: #888888;
        color: white;
    }

	#close_picker {
		position:absolute;
		top:3px;
		right:-10px;
		background-image:url(/images/resource_scheduler/small_close.png);
		height:16px;
		width:16px;
		padding:1px 8px;
		cursor:pointer;
		background-repeat:no-repeat;
	}

	.timepicker {
		height:16px;
		width:24px;
		padding:2px 1px;
		background-image:url(/images/resource_scheduler/clock.png);
		background-repeat:no-repeat;
		margin-left:8px;
		float:right;
	}

	.time-results { 
		font-size:13px; 
		font-weight:bold;
	}
	.show-quarter,
	.hide-quarter {
		clear:left;
		margin:5px 0px;
		color:#0066ff;
		font-size:11px;
		font-weight:bold;
		margin-left:5px;
		cursor:pointer;
	}
	.hide-quarter,
	.time-slot.quarter,
	.septext {
		display:none;
	}
	#time_row_title {
		font-size:13px;
		font-weight:bold;
		display:block;
	}

    #time_row_date,
    #time_panel {
        font-size: 16px;
        font-weight: bold;
    }

    #time_row {
        overflow: initial;
        border-top: 1px solid #cdcdcd;
		border-bottom:1px solid #cdcdcd;
        padding-top:5px;
        padding-bottom: 10px;
    }
	.time-slot:hover,
	.time-slot.selected {
		background-color:#9df0a7;
	}
/**************** WEEKDAY **********************/

	#weekday_edit fieldset {
		margin-bottom:20px;
	}
	#weekday_edit .form-row label {
		width:140px;
	}
	#weekday_edit .error-message {
		position:absolute;
		width: 150px;
		background-color: rgb(255, 255, 255);
	}
	#weekday_edit .time-row label {
		margin-top:3px;
		margin-right:5px;
	}
	#weekday_edit .form-row label {
		text-align:left;
		width:auto;
	}
	.weekday-header {
		width:100%;
		padding-top:5px;
		padding-bottom:5px;
		background-color:#f1f1f1;
		border:1px solid #cdcdcd;
		margin-top:10px;
	}
	.weekday-title {
		font-size:15px; 
		color:#000000;
		margin-left:10px;
		float:left;
		font-weight:bold;
	}
	.weekday-header span {
		float:right;
		margin-right:10px;
	}
	#weekday_edit .weekday-header span label {
		font-size:14px; 
		margin-right:5px;
	}
	#weekday_edit .time-row { 
		display:none;
		float: left;
		padding: 10px;
		border: 1px solid rgb(205, 205, 205);
		border-radius: 5px;
		background-color:#f1f1f1;
		margin-bottom:10px;
	}
	.weekday-settings {
		display:none;
		background-color:#FFFFFF;
		border:1px solid #cdcdcd;
		border-top:none;
		margin-top:0px;
		margin-bottom:10px;
	}
	.inner-weekday {
		padding:10px;
		width:90%;
		margin-left:20px;
	}
	.reset-time {
		display:none;
		height:16px;
		width:16px;
		padding:1px 16px;
		background-image:url(/images/shared_images/red_x_16.png);
		background-repeat:no-repeat;
	}
	#weekday_edit .form-row label.timelabel {
		width:120px;
	}
	.septext {
		font-weight:bold;
	}
	#weekday_edit .time-radio {
		display:block;
		margin-left:0px;
		margin-bottom:10px;
	}
	#weekday_edit .time-row {
		display:none;
		padding:10px;
		border-radius:5px;
		background-color:#f1f1f1;
		border:1px solid #aeaeae;
		float:left;
		margin-left:20px;
		margin-bottom:20px;
	}
	#weekday_edit .time-row div,
	#weekday_edit .time-row label {
		float:left;
	}
/************NOTIFICATIONS ***************/
	#member_mail_list {
		border-collapse:collapse;
	}
	#notifications .member-row .delete-link { 
		height:20px;
		width:20px; 
		margin-left:5px;
		background-image:url(/images/resource_scheduler/cancel_icon.png);
		background-repeat:no-repeat;
		background-position:100% 50%;
		cursor:pointer;
	}
	#notifications #member_selector_link {
		padding-left:30px;
	}
	#clear_link {
		padding-left:40px;
		display:none;
	}
	#notification_container {
		border:1px solid #000000;
		height:110px;
		width:330px;
		padding:4px;
		overflow:auto;
	}
	td.member-name {
		padding-right:10px;
	}
	#subject {
		margin-left:0px;
	}
	#no_members_message {
		font-style:italic;
		color:#666666;
	}
	#limit_message {
		font-style:italic;
		color:crimson;
		font-size:11px;
		padding-left:5px;
		padding-top:5px;
	}
	#order_details {
		font-size:11px;
		border: solid 1px #666666;
		border-radius:3px;
		padding: 4px 20px 4px 20px;
	}
/************RESERVATION CART **************/
	.cart-table {
		border-collapse:collapse;
		margin-top:20px;
		margin-left:20px;
	}
        .cart-table tr td {
            padding:10px;
        }
        /*.cart-table tr {
		border-bottom:1px solid #000000;
		border-top:1px solid #000000;
	}
	.cart-table tr:last-child {
		border-bottom:none;
	}
	.cart-table td.price-cell {
		border-right:1px solid #000000;
	}*/
        .cart-table td.details-cell {
            max-width: 180px;
            border: 1px solid #000000;
        }
        .cart-table td.price-cell {
            min-width: 120px;
            border: 1px solid #000000;
        }
        .cart-table td.price-cell a.edit-link {
            margin-left: 10px;
        }

	.ce-button.cart-button { 
		background-image:none;
		background-color:#818284;
		padding:10px 8px;
		color:#FFFFFF;
		transition:background-color .5s ease;
		border-radius:5px;
	}
	.ce-button.cart-button.confirm-button {
		background-color:#0c9444;
	}
	.cart-button:hover {
		background-color:#606162;
	}
	.ce-button.cart-button.confirm-button:hover {
		background-color:#097033;
	}
	.cart-resource-name,
	.cart-resource-price,
	.cart-table td.total-title,
	.cart-table td.running-total  {
		color:#000000;
		font-size:15px;
		font-weight:bold;
	}
	.cart-table td.total-title {
		text-align:right;
		padding:10px;
	}
	.cart-table td.running-total {
		text-align:left;
		padding:10px;
	}
	.cart-resource-description{
		font-weight:normal;
		font-size:13px;
	}
	.cart-resource-times {
		font-size:13px;
		font-weight:bold;
	}
	.notify-div {
		margin:30px 20px;
	}
	.cart-title {
		margin:20px;
		font-weight:bold;
		font-size:18px;
	}
	.notify-link {
		padding-left:30px;
		font-size:14px;
		font-weight:bold;
		color:#000000;
		background-image:url(/images/resource_scheduler/envelope.png);
		background-position:left center;
		background-repeat:no-repeat;
		padding-top:3px;
		padding-bottom:3px;
		text-decoration:none;
	}
	.notify-link:hover {
		text-decoration:underline;
	}
	#reservation_cart .delete-link, /*.summary-table .delete-link*/ {
		background-image:url(/images/resource_scheduler/cancel_icon.png);
		margin-left:10px;
		height:16px;
		width:16px;
		background-repeat:no-repeat;
		background-position:center top;
		font-size:8px;
		text-align:center;
		color:#ff0000;
		padding-top:18px;
		text-decoration:none;
	}
	.title-row label {
		width:auto;
		margin-left:20px;
		font-weight:bold;
	}
	.usage-description {
		font-size:11px;
		color:#666;
		font-style:italic;
	}
	.remove-container {
		float:left;
		margin-top:12px;
	}
	.cart-price { float:left; }
    .price-totals {
        padding-top:10px;
        font-size: 15px;
        float: left;
    }
        .price-totals .summary-title {
            float: left;
            text-align: right;
            min-width:200px;
            padding-right:10px;
        }
        .price-totals .summary-total, .price-totals .summary-icon {
            float: left;
        }

    .summary-icon {
        float:left; 
        margin-left:5px;
        cursor:pointer;
    }

    .summary-table {
        float: left;
        border: 1px solid;
        border-collapse: collapse;
        border-spacing: 0px;
        font-size: 14px;
        text-align:left;
        margin-top:10px;
    }
        .summary-table tr {
            border: none;
        }
            .summary-table tr.cancelled td.original {
                text-decoration: line-through;
            }
            .summary-table tr:nth-of-type(2n) {
                background-color: #EEEEEE;
            }

    .summary-table tr td, .summary-table tr th {
        padding:0px 4px;
        border:none;
    }
        .summary-table tr td.maintain-column {
            padding:0px 5px;
        }

        .difference-message {
            float: left;
            margin: 10px;
            padding: 3px;
            border: 1px solid;
            max-width: 40%;
            font-size: 15px;
        }

/************ History Page **************/
    .time-period-dropdown-div {
        margin: 1% 0;
        max-width: 200px;
    }

    .currency {
        color: blue;
        font-weight: bold;
    }

    .history-table {
        border-collapse: collapse;
        background-color: white;
        color:black;
    }

        .history-table th {
            background-color: #DDDDDD;
            border-bottom: 1px solid #999999;
            font-weight: normal;
            text-align: left;
        }

        .history-table td, .history-table th {
            font-size: 12px;
            padding-bottom: 5px;
            vertical-align: top;
            padding: 4px 10px 5px 4px;
        }

        .history-table td {
            padding-bottom: 10px;
        }

        .history-table tr.reservation-header {
            background-color: #EEEEEE;
        }
            .history-table tr.reservation-header td {
                padding-bottom: 5px;
            }
        .history-table tr.pending-edit td {
            /*color: #777777;*/
            background-color: #FAFAFA;
        }

    #reservation_history .link, .summary-table .link {
        display: inline-block;
        background-image: url(/images/icons/admin_icons.png);
        height: 16px;
        width: 16px;
        background-repeat: no-repeat;
        margin-right: 5px;
    }

.cancel-pending-link {
    background-image: url(/images/icons/admin_icons.png);
    background-position: 0px -635px;
}

    #reservation_history .add-reservation-item-link {
        background-position: -708px -255px;
    }

/* Reservation Item Details */
#time_link {
    height: 24px;
    width: 24px;
    padding: 4px 12px;
    background-image: url(/images/resource_scheduler/clock.png);
    background-repeat: no-repeat;
    margin-left: 8px;
}
#reservation_details .date-and-time {
    font-weight: bold;
}
.top-label .form-row label.resource-name {
    font-size: 16px;
}
.waiver-text {
    height: 250px;
    overflow: auto;
    border: 1px solid #999999;
    padding: 4px;
    float: none !important;
    margin-right: 10px;
}
.checkbox-panel {
    margin-top: 10px;
}
    .checkbox-panel label {
        font-weight: bold;
    }
.waiver-header {
    font-size: 15px;
    font-weight: bold;
    margin-top: 10px;
}
.waiver-note {
    padding: 5px 5px 5px 10px;
    color: #666;
}
.setup-note {
    padding: 3px 10px 3px 10px;
    color: #666;
}
.reservation-note {
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
    padding-left: 10px;
}
#times.fixed-schedule {
    max-width: 180px;
}
#times.fixed-duration, #times.flexible {
    max-width: 230px;
}
#total_fee {
    font-size: 14px;
    font-weight: bold;
}
#approval_row {
    color: #7053A3;
}
#fee_row {
    padding-bottom: 10px;
}

#fee_row, .setup-note, #setup_edit {
    border-bottom: 1px solid #cdcdcd;
}

    #setup_edit label, #setup_edit input, #setup_edit span, #setup_fee_edit_row input, #setup_fee_edit_row span, #setup_fee_edit_row label {
        float: left;
        clear: none;
    }
#update_link {
    font-size: 11px;
    font-style: italic;
    color: #666666;
    padding-left: 6px;
    padding-top: 5px;
    display: inline-block;
}
div#user_time_note,
div#user_day_note {
    float: none !important;
}
#user_day_note {
    display: none;
}
#ignore_rules {
    clear: none !important;
}
.options-panel {
    margin-bottom: 5px;
}

.confirm-table,
.conflict-table {
    border-collapse: collapse;
}
    .confirm-table th,
    .confirm-table td {
        padding: 5px;
        font-size: 13px;
    }
    .confirm-table th {
        background-color: #000;
        color: #FFF;
    }
    .confirm-table tr:nth-child(even) td {
        background-color: #f3f3f3;
    }
    .confirm-table td {
        border: 1px solid #cdcdcd;
    }

.material-icons.no-conflict {
    color: #06b847;
}
.material-icons.has-conflict {
    color: #F00;
}
tr.has-conflict td {
    color: #F00;
}

#confirm_div {
    max-height: 300px;
    overflow: auto;
}
#original_details {
    float: left;
    background-color: #f3f3f3;
    border-radius: 8px;
    padding: 5px;
    border: 1px solid #cdcdcd;
    font-size: 13px;
}

    #original_details label {
        font-size: 14px;
        font-weight: bold;
        width: auto;
    }
#time_panel,
#overnight_panel {
    font-size: 15px;
    font-weight: bold;
}

    #time_panel div,
    #overnight_panel div,
    #time_panel input,
    #overnight_panel input {
        float: left;
    }

#overnight_dropdown {
    margin-left: 3px;
    margin-right: 3px;
}

#unavailable_row .form-row label {
    clear: none;
    float: left;
    width: auto;
    padding-top: 0px;
}

#next_mark_unavailable_button {
    display: none;
}

#start_day,
#end_day {
    display: none !important;
}

.ui-datepicker-trigger {
    max-width: 18px;
}

/* Smartphones (portrait and landscape) --- */
@media (min-width : 300px) and (max-width : 480px), (min-width : 375px) and (max-width : 667px) {
    /* Styles */
    .checkbox-panel label,
    .checkbox-panel input {
        float: none;
    }

    .checkbox-panel {
        text-align: center;
    }
}