/******************************************************************************/
/*                      ToolBar(ASP.NET, Telerik) DropDownList                */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.DL-ToolBar-DropDownList {
    height: 30px;
    background: #fff !important;
    font-size: 14px;
    border: 1px solid #8D8D8D !important;
    color: #1C1C1C !important;
    font: normal 13px "Verdana";
    vertical-align: middle;
    border-radius:4px !important
}

.DL-ToolBar-DropDownList:disabled {
    height: 30px;
    background: #fff !important;
    font-size: 14px;
    vertical-align: middle;
    border: 1px solid #E7E7E7 !important;
    color: #1C1C1C !important;
    font: normal 13px "Verdana";
    vertical-align: middle;
    border-radius: 4px !important
}

.DL-ToolBar-DropDownList:disabled::placeholder {
    color: #8D8D8D !important;
}

.DL-ToolBar-DropDownList:disabled input {
    color: #8D8D8D !important;
}

.DL-ToolBar-DropDownList:disabled:hover {
    border-color: #E7E7E7 !important;
    background-color: #F7F7F8 !important;
}

.DL-ToolBar-DropDownList input {
    color: #1C1C1C;
}

.DL-ToolBar-DropDownList:focus {
    border-color: #1373E6 !important;
    box-shadow: inset 1px 1px 2px #606060, 1px 1px 2px #1373E6;
    background-color: #F3F7FC !important;
}

.DL-ToolBar-DropDownList:hover {
    border-color: #1373E6 !important;
}

.DL-ToolBar-DropDownList-Error {
    font-size: 14px;
    background-color: #FEF2F2 !important;
    height: 30px;
    border: 1px solid #FA0006 !important;
    color: #BB0004 !important;
    font: normal 13px "Verdana";
    border-color: #FA0006 !important;
    box-shadow: inset 1px 1px 2px #606060, 1px 1px 2px #FA0006 !important;
    vertical-align: middle;
    border-radius: 4px !important
}

.DL-ToolBar-DropDownList::placeholder {
    color: #8D8D8D;
}

.DL-ToolBar-DropDownList-Error.assistive-text {
    color: #BB0004;
}

.DL-ToolBar-DropDownListAutoWidth {
    width: auto !important;
}

.DL-DropDownList option:hover {
    background-color: #C3DBF8 !important;
    color: #FFFF !important;
}

.DL-ToolBar-DropDownList
.DL-ToolBar-DropDownList-option:hover {
    background-color: #808080 !important;
    color: #FFFF !important;
}

/* Style selected option */
.DL-ToolBar-DropDownList option:checked, .DL-ToolBar-DropDownList-Error option:checked{
    background-color: #1373E6 !important;
    color: #FFFF !important;
}

.DL-ToolBar-DropDownList-Error.assistive-text {
    color: #BB0004;
}
/* Rad drpwDown options*/
.rddlPopup .rddlItem {
    font-size: 14px;
    padding: .6em !important;
}
.RadToolBarDropDown.RadToolBarDropDown_Default.rtbNoBackground li {
    padding: .6em;
}

.RadToolBarDropDown.RadToolBarDropDown_Default.rtbNoBackground li .rtbText {
    font-weight: 400 !important;
}

.RadToolBar_Default .rtbSplBtnExpanded .rtbWrap, .RadToolBar_Default .rtbSplBtnExpanded .rtbOut, .RadToolBar_Default .rtbSplBtnExpanded .rtbMid, .RadToolBar_Default .rtbSplBtnExpanded .rtbIn, .RadToolBar_Default .rtbDropDownExpanded .rtbWrap, .RadToolBar_Default .rtbDropDownExpanded .rtbOut, .RadToolBar_Default .rtbDropDownExpanded .rtbMid, .RadToolBar_Default .rtbDropDownExpanded .rtbIn, .RadToolBar_Default .rtbChecked .rtbWrap, .RadToolBar_Default .rtbChecked .rtbOut, .RadToolBar_Default .rtbChecked .rtbMid, .RadToolBar_Default .rtbChecked .rtbIn {
    background: transparent !important;
}

.RadToolBarDropDown .rtbText:before {
    display: none;
}

.RadToolBarDropDown .rtbWrap {
    border-width: 0 !important;
}

.rsbPopup .rsbListItem {
    padding: .6em !important;
    font-size: 14px;
    cursor: pointer;
}

.rsbPopup_Default .rsbListItemSelected {
    background: #1373E6 !important;
}

.RadMenu .rmVertical .rmItem a span {
    padding: .6em !important;
    font-size: 14px;
}

.RadMenu_Default .rmGroup .rmItem a.rmLink span {
    margin-left: 0;
}

.rddlPopup .rddlItem {
    font-size: 14px;
    padding: .6em !important;
}
.rddlPopup .rddlItem:hover {
    background-color: #808080 !important;
    color: #FFFF !important;
}
.rsbPopup_Default .rsbListItemHovered, .rsbPopup_Default .rsbListItemHovered .PropertyLabel {
    background-color: #808080 !important;
    color: #FFFF !important;
}
.RadMenu_Default .rmGroup .rmItem a.rmLink span:hover {
    background-color: #808080 !important;
    color: #FFFF !important;
}
.rddlPopup .rddlItem.rddlItemSelected {
    background: #1373E6 !important;
}
.RadToolBar, .ToolBar {
    background: #dbdbdb !important;
    text-shadow: none !important;
    border: none !important;
    font-size: 14px !important;
    color: #000 !important;
    /* height: 48px; */
    padding: 5px 0 !important;
    box-sizing: border-box;
}

.ToolBar {
    padding: 9px 16px;
}
.rtbItem {
    color: #000 !important;
    text-shadow: none !important;
    border: none !important;
}

.RadDropDownList {
    line-height: 25px !important;
    border-radius: 4px !important;
    font-family: Roboto, Verdana, sans-serif !important;
}

/* DROPDOWNS */
.RadToolBarDropDown.RadToolBarDropDown_Default.rtbNoBackground li {
    padding: .6em;
}

.RadToolBarDropDown.RadToolBarDropDown_Default.rtbNoBackground li .rtbText {
    font-weight: 400 !important;
}

.RadToolBar_Default .rtbSplBtnExpanded .rtbWrap, .RadToolBar_Default .rtbSplBtnExpanded .rtbOut, .RadToolBar_Default .rtbSplBtnExpanded .rtbMid, .RadToolBar_Default .rtbSplBtnExpanded .rtbIn, .RadToolBar_Default .rtbDropDownExpanded .rtbWrap, .RadToolBar_Default .rtbDropDownExpanded .rtbOut, .RadToolBar_Default .rtbDropDownExpanded .rtbMid, .RadToolBar_Default .rtbDropDownExpanded .rtbIn, .RadToolBar_Default .rtbChecked .rtbWrap, .RadToolBar_Default .rtbChecked .rtbOut, .RadToolBar_Default .rtbChecked .rtbMid, .RadToolBar_Default .rtbChecked .rtbIn {
    background: transparent !important;
}

.RadToolBarDropDown .rtbText:before {
    display: none;
}

.RadToolBarDropDown .rtbWrap {
    border-width: 0 !important;F
}

.RadDropDownList_Default .rddlInner, .RadSearchBox_Default .rsbSCInner {
    border-radius: 2px;
    border-width: 0 !important;
    border-color: transparent !important;
    color: #333 !important;
    background-color: #fff !important;
    background-image: linear-gradient(#fff,#fff) !important;
    display: flex !important;
    align-items: center;
}
/******************************************************************************/
/*                               HTML-DropDownList                           */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.DL-DropDownList {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: -8px;
    margin-bottom: 4px;
    padding-left: 12px;
    padding-right: 2px;
    padding-top: 12px;
    padding-bottom: 4px;
    background-color: #FFFFFF !important;
    border-radius: 4px;
    height: 38px;
    border: 1px solid #8D8D8D !important;
    color: #1C1C1C !important;
    font: normal 13px "Verdana";
    width: calc(100% - 16px) !important;
    font-family: 'Roboto', Verdana, sans-serif !important;
    display: block;
    box-shadow: none !important;
}

.DL-DropDownList:disabled {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: -8px;
    margin-bottom: 4px;
    padding-left: 12px;
    padding-right: 2px;
    padding-top: 12px;
    padding-bottom: 4px;
    background-color: #F7F7F8 !important;
    border-radius: 4px;
    height: 38px;
    border: 1px solid #E7E7E7 !important;
    color: #1C1C1C !important;
    font: normal 13px "Verdana";
    width: calc(100% - 16px) !important;
    font-family: 'Roboto', Verdana, sans-serif !important;
    display: block;
    box-shadow: none !important;
}

.DL-DropDownList:focus {
    border-color: #1373E6 !important;
    box-shadow: inset 1px 1px 2px #606060, 1px 1px 2px #1373E6;
    background-color: #F3F7FC !important;
}

DL-DropDownList:disabled::placeholder {
    color: #8D8D8D !important;
}

.DL-DropDownList:disabled input {
    color: #8D8D8D !important;
}

.DL-DropDownList:disabled:hover {
    border-color: #E7E7E7 !important;
    background-color: #F7F7F8 !important;
}

.DL-DropDownList input {
    color: #1C1C1C;
}

.DL-DropDownList:focus {
    border-color: #1373E6 !important;
    box-shadow: inset 1px 1px 2px #606060, 1px 1px 2px #1373E6;
    background-color: #F3F7FC !important;
}

.DL-DropDownList:hover {
    border-color: #1373E6 !important;
}

.DL-DropDownList-Error {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: -8px;
    margin-bottom: 4px;
    padding-left: 12px;
    padding-right: 2px;
    padding-top: 12px;
    padding-bottom: 4px;
    background-color: #FEF2F2 !important;
    border-radius: 4px;
    height: 38px;
    border: 1px solid #FA0006 !important;
    color: #BB0004 !important;
    font: normal 13px "Verdana";
    border-color: #FA0006 !important;
    box-shadow: inset 1px 1px 2px #606060, 1px 1px 2px #FA0006 !important;
    width: calc(100% - 16px) !important;
    display: block;
    box-shadow: none !important;
}

.DL-DropDownList::placeholder {
    color: #8D8D8D;
}

.DL-DropDownList-Error.assistive-text {
    color: #BB0004;
}

.DL-DropDownListAutoWidth {
    width: auto !important;
}

.DL-DropDownList option:hover {
    background-color: #C3DBF8 !important;
    color: #FFFF !important;
}

.DL-DropDownList
.DL-DropDownList-option:hover {
    background-color: #808080 !important;
    color: #FFFF !important;
}
/* Style selected option */
.DL-DropDownList option:checked, .DL-DropDownList-Error option:checked {
    background-color: #1373E6 !important;
    color: #FFFF !important;
}


/* [II.03] */
/******************************************************************************/
/*                                    TEXTBOX                                 */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.DL-TextBox {
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 4px;
    height: 14pt;
    border: 1px solid #606060;
    box-shadow: inset 1px 1px 2px #606060;
    background-color: rgb(240, 240, 240);
    color: #000;
    font: normal 12pt "Verdana";
}

.DL-TextBox:focus {
    border-color: #00A0FF;
    box-shadow: inset 1px 1px 2px #606060, 1px 1px 2px #00A0FF;
}

.DL-TextBox-Error {
    margin-left: 8px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 4px;
    height: 14pt;
    font: normal 12pt "Verdana";
    border-color: #FF0A00 !important;
    box-shadow: inset 1px 1px 2px #606060, 1px 1px 2px #FF0A00 !important;
    background-color: #FEF2F2 !important;
    border: 1px solid #FA0006 !important;
    color: #BB0004 !important;
    border-color: #FA0006 !important;
}

.DL-PropertyTextBox, .DL-PropertyTextBox-View {
    margin-top: -8px;
    margin-left: 0;
    margin-right: 0;
    height: 38px;
    padding-top: 12px;
    padding-left: 12px;
    padding-bottom: 4px;
    padding-right: 4px;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    width: calc(100% - 16px) !important;
    box-shadow: none !important;
    border-color: #555;
    border: 1px solid #000;
    color: #000;
}

.DL-PropertyTextBox-View-ReadOnly, .DL-PropertyTextBox-View:disabled {
    margin-top: -8px;
    margin-left: 0;
    margin-right: 0;
    height: 38px;
    padding-top: 12px;
    padding-left: 12px;
    padding-bottom: 4px;
    padding-right: 4px;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    width: calc(100% - 16px) !important;
    box-shadow: none !important;
    border-color: #E7E7E7 !important;
    background-color: #F7F7F8 !important;
    border: 1px solid #000;
    color: #000;
}

.DL-PropertyTextBox:hover, .DL-PropertyTextBox:focus,
.DL-PropertyMultilineTextBox:hover, .DL-PropertyMultilineTextBox:focus, .DL-PropertyTextBox-Required:hover, .DL-PropertyTextBox-Required:focus, textarea:hover, textarea:focus {
    border-color: #1373E6 !important;
    box-shadow: inset 1px 1px 2px #606060, 1px 1px 2px #00A0FF;
}

.DL-PropertyTextBox-Required:disabled:hover, .DL-PropertyTextBox:disabled:hover, .DL-PropertyMultilineTextBox:disabled:hover {
    border-color: #E7E7E7 !important;
    background-color: #F7F7F8 !important;
}

.Dl-PropertyTextBox-Required-Error:hover, .Dl-PropertyTextBox-Error:hover, .DL-PropertyMultilineTextBox-Error:hover {
    background-color: #FEF2F2 !important;
    border: 1px solid #FA0006 !important;
}

.DL-PropertyTextBox-ReadOnly, .DL-PropertyTextBox:disabled {
    margin-top: -8px;
    margin-left: 0;
    margin-right: 0;
    height: 38px;
    padding-top: 12px;
    padding-left: 12px;
    padding-bottom: 4px;
    padding-right: 4px;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    width: calc(100% - 16px) !important;
    box-shadow: none !important;
    border-color: #E7E7E7 !important;
    background-color: #F7F7F8 !important;
    border: 1px solid #000;
    color: #000;
}

.DL-PropertyTextBox-Required {
    margin-top: -8px;
    margin-left: 0;
    margin-right: 0;
    height: 38px;
    padding-top: 12px;
    padding-left: 12px;
    padding-bottom: 4px;
    padding-right: 4px;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    width: calc(100% - 16px) !important;
    box-shadow: none !important;
    border-color: #555;
    border: 1px solid #000;
    color: #000;
}

.DL-PropertyTextBox-Required-ReadOnly, .DL-PropertyTextBox-Required:disabled {
    margin-top: -8px;
    margin-left: 0;
    margin-right: 0;
    height: 38px;
    padding-top: 12px;
    padding-left: 12px;
    padding-bottom: 4px;
    padding-right: 4px;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    width: calc(100% - 16px) !important;
    box-shadow: none !important;
    border-color: #E7E7E7 !important;
    background-color: #F7F7F8 !important;
    border: 1px solid #000;
    color: #000;
}

.DL-PropertyTextBox-Error, .DL-PropertyTextBox-Required-Error, .DL-PropertyMultilineTextBox-Error {
    margin-top: -8px;
    margin-left: 0;
    margin-right: 0;
    height: 38px;
    padding-top: 12px;
    padding-left: 12px;
    padding-bottom: 4px;
    padding-right: 4px;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    width: calc(100% - 16px) !important;
    box-shadow: none !important;
    background-color: #FEF2F2 !important;
    border: 1px solid #FA0006 !important;
    color: #BB0004 !important;
    font: normal 13px "Verdana";
    border-color: #FA0006 !important;
}

.DL-PropertyMultilineTextBox, textarea {
    margin-top: -8px;
    margin-left: 0;
    margin-right: 0;
    height: 38px;
    padding-top: 12px;
    padding-left: 12px;
    padding-bottom: 4px;
    padding-right: 4px;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    width: calc(100% - 16px) !important;
    box-shadow: none !important;
    border-color: #555;
    border: 1px solid #000;
    color: #000;
}

.DL-PropertyMultilineTextBox-ReadOnly, .DL-PropertyMultilineTextBox:disabled,
textarea:disabled {
    margin-top: -8px;
    margin-left: 0;
    margin-right: 0;
    height: 38px;
    padding-top: 12px;
    padding-left: 12px;
    padding-bottom: 4px;
    padding-right: 4px;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    width: calc(100% - 16px) !important;
    box-shadow: none !important;
    border-color: #E7E7E7 !important;
    background-color: #F7F7F8 !important;
    border: 1px solid #000;
    color: #000;
}

.DL-PropertyLabel {
    font: bold 13px "Verdana";
    font-weight: 400;
    font-size: 12px;
    font-family: Roboto, Verdana, sans-serif;
    z-index: 10;
    position: relative;
    margin-left: 12px;
    padding: 0 4px;
    background: #fff;
    display: inline-block;
    color: #858585;
    line-height: 16px;
}
/* HEADER */

#linkHome {
    width: 100%;
    height: 100%;
}

#linkHome:hover {
    background: transparent;
}
/* HEADER TABS */
.DL-headerTabItem, .DL-headerTabItem:link, .Dl-headerTabItem:visited {
    border-radius: 3px !important;
    text-align: center;
    margin: 0 4px;
    padding: 8px 0;
}

.DL-headerTabItem:hover {
    background: #224ccd;
}

.DL-headerTabItem, .DL-headerTabItem:link, .DL-headerTabItem:visited {
    border-right: none !important;
}

.Dl-headerTabItemText {
    border-top: none;
}

.DL-headerTabItemText {
    color: #858585;
}

.DL-headerTabItem:hover .DL-headerTabItemText {
    color: #fff;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.DL-headerPanel {
    /* prevent size from changing from any borders or padding */
    margin: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: none;
    background: #fff;
    border-bottom: 1px solid #ddd;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 70px;
    color: #000;
}

.DL-headerTitle {
    float: left;
    height: 70px;
    padding-bottom: 5px;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    padding-left: 0;
    background: #1373e6;
}


.DL-headerTitleText {
    padding-top: 4px;
    padding-left: 8px;
    color: rgb(240, 240, 240);
    font: normal 24pt/24pt 'Titillium Web 700';
    text-shadow: 0 0 2px #000000, 2px 2px 4px #00A0FF;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.75), 2px 2px 4px #00A0FF;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.DL-headerTabItem, .DL-headerTabItem:link, .DL-headerTabItem:visited {
    float: left;
    text-decoration: none;
    border-right: 2px solid #000000;
    border-right: 2px solid rgba(0, 0, 0, 0.5);
    padding-top: 4px;
    padding-bottom: 8px;
    color: #000;
}

.DL-headerTabItem:hover {
    color: rgb(240, 240, 240);
    text-shadow: 2px 2px 2px #000;
    background: rgb(184,225,252); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(184,225,252,1) 0, rgba(169,210,243,1) 10%, rgba(144,186,228,1) 25%, rgba(144,188,234,1) 37%, rgba(144,191,240,1) 50%, rgba(107,168,229,1) 51%, rgba(162,218,245,1) 83%, rgba(189,243,253,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(184,225,252,1)), color-stop(10%,rgba(169,210,243,1)), color-stop(25%,rgba(144,186,228,1)), color-stop(37%,rgba(144,188,234,1)), color-stop(50%,rgba(144,191,240,1)), color-stop(51%,rgba(107,168,229,1)), color-stop(83%,rgba(162,218,245,1)), color-stop(100%,rgba(189,243,253,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(184,225,252,1) 0,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(184,225,252,1) 0,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(184,225,252,1) 0,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(184,225,252,1) 0,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#bdf3fd',GradientType=0 ); /* IE6-9 */
}

.DL-headerTabItemText {
    /* prevent size from changing from any borders or padding */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 8px;
    padding-right: 8px;
    margin-right: 8px;
    min-width: 64px;
    color: inherit;
    text-shadow: inherit;
    border-top: 3px solid #000000;
    border-top: 3px solid rgba(0, 0, 0, 0.3);
}


.DL-headerTabItemText {
    min-width: 0;
    padding-right: 8px;
    padding-left: 8px;
}

.DL-headerImage {
    background: url(../Images/globalBrandMark.svg) no-repeat;
    background-size: 32px;
    background-position: center;
    height: calc(100% - 32px);
    flex: 1 1 auto;
}

.DL-headerImage .DL-headerTabItem {
    border: none !important;
}