﻿/* Buttons */

.cmdButton,
.cmdButtonRed,
.cmdButtonGray,
.cmdButtonLeft,
.cmdButtonSmallLeft,
.cmdButtonMiddle,
.cmdButtonMiddleText,
.cmdButtonRight,
.cmdButtonSmallRight,
.cmdButtonSmall,
.cmdButtonSmallAlone,
.cmdButtonWithText
{
    width: 75px !important;
    border: 1px solid #e2e4e7 !important;
    background-color: #f5f7f8 !important;
    background-image: none !important;   
    height: 28px !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;  
}

.cmdButtonLeft, 
.cmdButtonSmallLeft,
.cmdButtonTextLeft
{
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    -webkit-border-top-left-radius: 5px !important;
    -webkit-border-bottom-left-radius: 5px !important;
    -moz-border-radius-topleft: 5px !important;
    -moz-border-radius-bottomleft: 5px !important;
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important; 
}

.cmdButtonSmall
{
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.cmdButtonSmallLeft 
{
    width: 30px !important;    
}

.cmdButton INPUT,
.cmdButtonRed INPUT,
.cmdButtonGray INPUT,
.cmdButtonLeft INPUT,
.cmdButtonSmallLeft INPUT,
.cmdButtonSmall INPUT,
.cmdButtonSmallAlone INPUT,
.cmdButtonMiddle INPUT,
.cmdButtonRight INPUT,
.cmdButtonSmallRight INPUT,
.cmdButtonWhite INPUT,
.cmdButtonMiddleText INPUT,
.cmdButtonWithText INPUT
{
    background-image: none !important;  
    background-color: transparent !important; 
    width: 100% !important;
    padding: 0px !important;
    margin: 0px !important; 
    display: none !important;
}

.cmdButton .rbPrimaryIcon,
.cmdButtonRed .rbPrimaryIcon,
.cmdButtonGray .rbPrimaryIcon,
.cmdButtonLeft .rbPrimaryIcon,
.cmdButtonSmallLeft .rbPrimaryIcon,
.cmdButtonMiddle .rbPrimaryIcon,
.cmdButtonRight .rbPrimaryIcon,
.cmdButtonSmallRight .rbPrimaryIcon,
.cmdButtonSmall .rbPrimaryIcon,
.cmdButtonSmallAlone .rbPrimaryIcon,
.cmdButtonWithText .rbPrimaryIcon
{
    height: 28px;
    text-align: center;
    width: 100%;    
    background-position: calc(50% - 6px) 3px;
    margin: 0px !important;
    padding: 0px !important;
}

.cmdButtonSmallLeft .rbPrimaryIcon,
.cmdButtonSmall .rbPrimaryIcon,
.cmdButtonSmallAlone .rbPrimaryIcon,
.cmdButtonSmallRight .rbPrimaryIcon
{
    background-position: calc(50% - 5px) 4px;
}

.cmdButtonRight,
.cmdButtonSmallRight,
.cmdButtonTextRight
{
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    -webkit-border-top-right-radius: 5px !important;
    -webkit-border-bottom-right-radius: 5px !important;
    -moz-border-radius-topright: 5px !important;
    -moz-border-radius-bottomright: 5px !important;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    border-left: 0px !important;       
}

.cmdButtonSmallRight,
.cmdButtonSmall,
.cmdButtonSmallAlone
{
    width: 30px !important;    
}

.cmdButtonWhite INPUT 
{
    text-align: left !important;    
    padding-left: 5px !important;
    display: block !important;
    background-color: transparent !important; 
}

.cmdButtonWhite
{
    width: 100% !important;    
    border: 0px !important;
    background-color: #FFFFFF !important;
    background-image: none !important;
    text-align: left !important;
    padding: 0px !important;
    color: red !important;
    margin: 0px !important;
}

.cmdButtonWhite:hover 
{
    background-color: #F2f2f2 !important;    
}

.cmdButtonRed
{
    background-color: #d83d2d !important;
    padding: 10px !important;
    height: auto !important;
    width: auto !important;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
    border: 2px solid #d83d2d !important;
}

.cmdButtonRed INPUT
{
    display: block !important;
    color: #FFFFFF !important;
    font-size: 14px !important;
}

.cmdButtonGray
{
    background-color: #EFEFEF !important;
    padding: 10px !important;
    height: auto !important;
    width: auto !important;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
    border: 2px solid #34495e !important;
}

.cmdButtonGray INPUT
{
    display: block !important;
    color: #34495e !important;
    font-size: 14px !important;
}

.cmdButtonText,
.cmdButtonTextRight,
.cmdButtonTextMiddle,
.cmdButtonTextLeft,
.cmdButtonTextBlue,
.cmdButtonTextRed,
.cmdButtonTextHigh
{
    border: 1px solid #e2e4e7 !important;
    background-color: #F5F7F8 !important;
    height: 28px !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; 
    background-image: none !important;   
    min-width: 75px !important;
    margin: 0px !important;
    font-size: 14px !important;
    font-family: 'Droid Sans' !important;
}

.cmdButtonText .rbPrimaryIcon,
.cmdButtonTextRight .rbPrimaryIcon,
.cmdButtonTextMiddle .rbPrimaryIcon,
.cmdButtonTextLeft .rbPrimaryIcon,
.cmdButtonTextBlue .rbPrimaryIcon,
.cmdButtonTextRed .rbPrimaryIcon,
.cmdButtonTextHigh .rbPrimaryIcon
{
    background-position: 10px 2px;
    height: 26px !important;
    width: 30px !important;
}

.cmdButtonText INPUT,
.cmdButtonTextLeft INPUT,
.cmdButtonTextMiddle INPUT,
.cmdButtonTextRight INPUT,
.cmdButtonTextBlue INPUT,
.cmdButtonTextRed INPUT,
.cmdButtonTextHigh INPUT
{
    background-image: none !important;
    padding-left: 35px !important;
    height: 26px !important;
    text-align: left !important;
    background-color: transparent !important; 
}

.cmdButtonTextRed
{
    background-color: #d83d2d !important;
    border: 0px !important;
    height: 35px !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; 
}

.cmdButtonTextRed INPUT
{
    color: #FFFFFF !important;
    height: 35px !important;
}

.cmdButtonTextRed .rbPrimaryIcon
{
    background-position: center center !important;
    margin: 0px !important;
    padding: 0px !important;
}

.cmdButtonTextHigh
{
    height: 32px !important;
    
}

.cmdButtonTextHigh INPUT
{
    height: 32px !important;
}

.cmdButtonMiddle,
.cmdButtonTextMiddle
{
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;    
    border-left: 0px !important;
    border-right: 0px !important;
}

.cmdButtonMiddleText
{
    padding-top: 2px !important;
    height: 26px !important;
}

.cmdButtonMiddleText INPUT
{
    font-weight: bold !important;
    color: #595959 !important;
}

.cmdRed
{
    background-color: #d83d2d !important;
}

.cmdRed INPUT
{
    color: #FFFFFF !important;
}

.rbDisabled INPUT
{
    background-color: transparent !important;
}

/* Textboxes */
.TextBox
{
    padding-left: 10px !important;
    font-size: 14px !important;
    height: 32px !important;
    border: 1px solid #bdc3c7 !important;
}

.TextArea
{
    padding: 10px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    font-size: 14px !important;
    border: 1px solid #bdc3c7 !important;
}

/* Other */
.lblEmptyMessage 
{ 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    z-index:3; 
    width:100%; 
    padding-left:2px; 
    font-size: 13px !important;
    font-style: italic !important;
    color: #C1BBC1; 
}

.multipleRowsColumns .rcbItem,
.multipleRowsColumns .rcbHovered {
    float: left;
    margin: 0 1px;
    min-height: 13px;
    overflow: hidden;
    padding: 2px 19px 2px 6px;
    width: 35px;
}

.RadComboBox_Metro .rcbInputCell
{
    padding: 5px !important;
    padding-left: 10px !important;
    border-color: #bdc3c7 !important;
}

.RadComboBox_Metro .rcbArrowCell
{
    padding: 5px !important;
    border-color: #bdc3c7 !important;
}

.RadComboBox_Metro .rcbFocused .rcbInputCell, .RadComboBox_Metro .rcbFocused .rcbArrowCell
{
    background-color: #d83d2d !important;
    border-color: #d83d2d !important;
}

.RadComboBox_Metro .rcbInput
{
    font-size: 14px !important;
    font-family: 'Droid Sans' !important;
}

.rcbSlide .rcbList LI
{
    font-size: 14px !important;
    padding: 5px !important;
    padding-left: 10px !important;
    font-family: 'Droid Sans' !important;
}

.rfdSkinnedButton
{
    height: 30px !important;
    font-size: 14px !important;
    border: 1px solid #bdc3c7 !important;
}

.rfdDecorated
{
    font-size: 14px !important;
    font-size: 14px !important;
    border: 1px solid #bdc3c7 !important;
}

.RadButton_Metro .rbDecorated
{
    font-size: 14px !important;
    font-family: 'Droid Sans'
}

.RadGrid_Metro .rgHeader
{
    font-size: 14px !important;
    font-family: 'Droid Sans' !important;
    padding: 10px !important;
}

.RadGrid_Metro .rgSorted
{
    background-color: #F5F7F8 !important;
}

.RadGrid_Metro .rgRow TD,
.RadGrid_Metro .rgAltRow TD
{
    font-family: 'Droid Sans' !important;
    font-size: 14px !important;
    padding: 10px !important;
}

.RadGrid_Metro .rgRow TD
{
    background-color: #FFFFFF !important;
}

.RadGrid_Metro .rgAltRow TD
{
    background-color: #F5F7F8 !important;
}

.RadGrid_Metro .rgSelectedRow TD
{
    background-color: #d83d2d !important;
    border-color: #d83d2d !important;
}

.RadWindow_Metro .rwCorner
{
    background-color: #FFFFFF;
}

.RadWindow_Metro .rwTitleRow, .rwTitlebar, .rwTopResize, .rwTopLeft, .rwTopRight, .rwTitleRow
{
    background: none !important;
    background-color: #d83d2d !important;
    background-image: none !important;
    border: 0px !important;
    margin: 0px !important;
    padding: 0px !important;
}

.RadWindow_Metro .rwMinimizeButton, .RadWindow_Metro .rwCloseButton
{
    background-color: #d83d2d !important;
    border: 1px solid #FFFFFF !important;
    margin-right: 5px !important;
}

#divTabs
{
    position: fixed;
    right: 15px;
    top: 15px;
    z-index: 1000001;
}

.divTab, .divTabSelected, .divTabDisabled
{
    height: 100px;
    width: 30px;
    padding-top: 15px;
    font-size: 16px;
    color: #FFFFFF;
    background-color: #d83d2d;
    cursor: pointer;
    text-align: right;
    vertical-align: bottom;
    border-left: 1px solid #ECF0F1;
    border-bottom: 1px solid #ECF0F1;
    border-right: 1px solid #ECF0F1;
}

.divTab:first-child
{
    border-top: 1px solid #ECF0F1;
}

.divTabSelected
{
    background-color: #34495e;
    color: #ffffff;
}

.divTabDisabled
{
    cursor: default;
    background-color: #ECF0F1;
    color: #bdc3c7;
}

.divTab DIV
{
    -webkit-transform: rotate(-270deg);
    -moz-transform: rotate(-270deg);
    -ms-transform: rotate(-270deg);
    -o-transform: rotate(-270deg);
    transform: rotate(-270deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
     text-align: left;
    vertical-align: top;
}

.divPersonSubtitle
{
    font-size: 14px;
    color: #7f8c8d;
}

.RadGrid_Metro .rgSelectedRow .divPersonSubtitle
{
    color: #ecf0f1 !important;
}