﻿/* APPLICATION */
.hide-for-swap
{
	display:none;
}
#applicationTitleInput
{
	margin-top:13px;
	margin-left:0px;
	padding:5px;
	width:300px;
	vertical-align:middle;
}
#applicationDateInput
{
    font-size:30px;
	margin-top:13px;
	margin-left:0px;
	padding:5px;
	width:215px;
	vertical-align:middle;
    text-align:right;
    float:right;
}
#applicationTitleDiv
{
    padding:0px;
}
#applicationDateDiv
{
    padding:0px;
}
#applicationTitle
{
    margin-bottom:26px;
	margin-left:6px;
}
#applicationDate
{
    margin-bottom:26px;
	margin-right:6px;
    text-align:right;
}

/* RRTemplate */
.rrSelected 
{
    background-color: #AAA;
}

pcubed-input-rrcoeff > div > div
{
    margin-top:10px;
    padding: 10px;
}
pcubed-input-rrcoeff > div > div > img 
{
    height: 70px;
}
pcubed-input-rrcoeff > div > div > p 
{
    display:inline;
    
}
pcubed-input-rrcoeff > div > div > p + p
{
    display:block;
}

/* ELEMENTS */
.element-input-group
{
    padding-right:15px !important;
}

.pcubed-input-group
{
    margin-bottom: 10px;
}

/* SECTIONS */
.section-title-bar
{
    padding:0px;
    cursor:pointer;
}
.section-title-bar:focus
{
    outline:none;
}
.section-title
{
    margin:0px;
    padding:2px 0px 0px 0px;
}
.glyphicon-chevron-down
{
    font-size: 20px;
    padding-right:10px;
    /*padding-left:25px;*/
    float:right;
    text-align:right;
    height:21px;
}
hr
{
    border-color:#e6e6e6;
    margin-top:13px;
    padding:0px !important;
}
@media (min-width: 720px)
{
    .section-title-bar
    {
        height:30px;
    }
    .section-title-bar:hover
    {
        cursor:pointer;
    }
    .section-title-bar:hover > .section-title
    {
        font-size:25px;
        padding:0px;
        color:#000000;
        /*font-weight:bold;*/
    }
    .section-title-bar:focus > .section-title
    {
        font-size:25px;
        padding:0px;
        color:#000000;
        /*font-weight:bold;*/
    }
    .section-title-bar:hover > .glyphicon-chevron-down
    {
        font-weight:bold;
        color:#000000;
    }
    .section-title-bar:focus > .glyphicon-chevron-down
    {
        font-weight:bold;
        color:#000000;
    }
    .section-title
    {
        height:28px;
    }
}

@media (max-width: 719px)
{
    .section-title
    {
        height:30px;
        font-size:18px;
    }
    .glyphicon-chevron-down
    {
        padding-left:3%;
        font-size:18px;
    }
    .input-sm
    {
        height:26px;
        font-size:11px;
    }
    .input-group-addon
    {
        font-size:11px;
    }
    .form-group
    {
        margin-bottom:10px;
    }
}
@media (max-width: 539px)
{
    .section-title
    {
        font-size:14px;
    }
    .glyphicon-chevron-down
    {
        font-size:15px;
    }
}

/* WELLS */
.section-well
{
    padding:0px;
}
.well
{
    margin-top: 10px;
    margin-bottom: 0px;
}

/* DEVICES */
label
{
    margin-top:5px;
}
.disabled-element
{
    cursor:text !important;
}
.primary-device
{
    margin-bottom:15px;
}
.device-title-div
{
    padding-left:0px;
}
.device-title, .device-btn
{
    padding:0px;
}
.device-btn
{
    padding-top:6px;
}
.add-device-btn
{
    height:25px;
    width:25px;
    float:right;
    padding:0px 0px 0px 1px;
}
.remove-device-btn
{
    height:25px;
    width:25px;
}
.add-case-btn
{
    margin-left:3px;
}
.add-subtract-case-form-group
{
    margin-bottom:0px;
}
.displacement-btn-label
{
    font-weight:normal;
    margin-top:5px;
}
.displacement-radios-and-min-displacement 
{
    padding:0px;
}
.motor-weight-label
{
    /*padding:4px 5px;*/
    text-align:center;
}
.motor-weight-div
{
    padding:0px;
}
td, th {
    padding: 3px;
}
.table-header
{
    text-align:center;
}
.table-element-label
{
    padding-left:0px !important;
}
.table-input-group-addon
{
    border:1px solid #ccc !important;
    border-radius:4px !important;
    display:initial;
    padding-bottom:5px;
}
.device-family-selector, .device-model-selector
{
    display:inline;
    width:auto;
}
@media (min-width: 1080px)
{
    .add-device-btn, .remove-device-btn
    {
        margin-right:15px;
    }
}
@media (max-width: 719px)
{
    .table-input-group-addon-table-data
    {
        padding-top:1px;
    }
    .device-family-selector, .device-model-selector
    {
        /*width:48%;*/
        padding:3px;
        font-size:13px;
    }
}
@media (max-width: 539px)
{
    .device-family-selector, .device-model-selector
    {
        font-size:12px;
    }
    .device-model-selector
    {
        float:right !important;
    }
}
@media (max-width: 360px)
{
    
    .device-selectors
    {
        padding:0px;
    }
}

/* Fix for inputs without rounded corners that is due to nesting of custom element templates */
pcubed-input-input .pcubed-input-table-input
{
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
}