/*------------------------------------Common classes---------------------------------------*/
html, body, form {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: Arial;
    overflow: hidden;
}

body {
    background: rgb(255, 255, 255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(237, 241, 248, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(237, 241, 248, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(237, 241, 248, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(237, 241, 248, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(237, 241, 248, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(237, 241, 248, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#edf1f8', GradientType=0); /* IE6-9 */
}

.common_floatLeft { float: left !important; }

.OverlayLoadingPanel {
    width: 100%;
    height: 100%;
    visibility: hidden;
}

.common_clearLeft { clear: left !important; }

.common_newLine {
    float: left;
    width: 100%;
    padding: 10px;
}

.w100 { width: 100%; }

.common_hidden { display: none !important; }

.common_errorTitle {
    color: #FF0000 !important;
    display: block !important;
    text-align: center;
    font-weight: bold;
    height: 13px !important;
    margin-bottom: 15px !important;
    width: 100%;
    font-size: 14px;
}

.common_errorIcon {
    background: url("Images/Error.png") no-repeat scroll center center transparent;
    padding-left: 10px;
    height: 20px;
    width: 20px;
    display: inline-block;
    cursor: pointer;
    line-height: 1px;
    vertical-align: middle;
}

.telerik_labeledRadGridPanel .common_errorIcon {
    margin-top: -5px;
    margin-bottom: -4px;
}

div.telerik_ajaxInputField > div { display: inline-block !important; }

.common_errorIcon:nth-child(2n + 4) { margin-left: -34px; }

.common_errorIcon + span.common_errorMessage {
    background-color: #f0f5fd;
    border: 1px solid #FF0000 !important;
    border-radius: 5px;
    box-shadow: 5px 5px 5px #888888;
    color: #0000FF !important;
    margin-left: 0px;
    margin-top: -3px;
    white-space: nowrap;
    padding: 3px;
    position: relative;
    margin-right: -210%;
    display: none;
}

.common_textBox { min-width: 160px; }

span.common_errorIcon:hover + span.common_errorMessage { display: inline; }

td .common_errorMessage {
    /*overflow: auto !important;
    position: absolute !important;*/
}

.commom_loadingPanel {
    position: absolute;
    width: 100%; /*99*/
    height: 100%; /*98*/
    /*margin:7px;*/
    visibility: hidden;
    text-align: center;
}

.common_loadingImage {
    vertical-align: central;
    margin-top: 25%;
    text-align: center;
}
#series_input_wrapper > span.riSingle.RadInput.RadInput_Default:after {
    content: "-";
}
#series_input_wrapper > span.riSingle.RadInput.RadInput_Default {
    width: 35px !important;
    min-width: 35px !important;
    margin-right: 6px;
}

#rad_comboBox > .RadComboBox .rcbInput {
    background: #fffbea !important;
}

#cert_number_input_wrapper > span.riSingle.RadInput.RadInput_Default {
    width: 256px !important;
    min-width: 256px !important;
}

#cert_search_wrapper > span.riSingle.RadInput.RadInput_Default {
    width: 300px !important;
    min-width: 300px !important;
}

.common_label {
    color: #382121 !important;
    float: left;
    line-height: 18px !important;
    font-size: 14px !important;
}

.common_labelMark {
    color: #382121 !important;
    float: right !important;
    line-height: 18px !important;
    font-size: 14px !important;
}

.common_hyperLink {
    color: #0D52DE;
    float: left;
    line-height: 18px !important;
    font-size: 12px !important;
}

.common_horisontalSection {
    float: left;
    width: 100%;
    margin-top: 15px;
    padding-bottom: 5px;
    border-bottom: 2px solid #88A6C0;
}

.common_verticalSection {
    float: left;
    width: auto;
    margin-right: 20px;
    padding-bottom: 5px;
    border-right: 2px solid #88A6C0;
}

.common_sectionTitle {
    font: bold 16px Arial;
    color: #88A6C0;
    display: block;
    margin-bottom: 15px;
}

.common_labeledInputContainer { float: left; }

.common_labelContainer, .common_inputContainer {
    display: inline;
    width: auto;
    float: left;
}

.common_labelContainer > div { padding: 5px 0px 25px 0px; }

.common_inputContainer > div {
    padding: 7px 0px 0px 0px;
    margin: 0px 0px 0px 20px;
    height: 22.5px;
}

.common_inputContainer > div > div { display: inline-block; }

.common_inputContainer input[type="checkbox"] { height: 17px; }

.common_radioButtonedInputContainer { display: inline-block; }

.common_buttonContainer {
    padding-top: 5px;
    display: block;
    /*float: left;*/
    margin-bottom: 10px;
    /*width: 100%;*/
    clear: both;
}

.common_infoMessage {
    color: #0000FF !important;
    display: block !important;
    text-align: center;
    font-weight: bold;
    margin-bottom: 5px;
    height: 13px !important;
    width: 100%;
    font-size: 13px;
}

.common_AdminLogo {
    background-image: url('Images/AdminLogo.png');
    background-repeat: no-repeat;
    display: block;
    height: 50px;
    margin-left: 10px;
    width: 223px;
    float: left;
    margin-top: 2px;
}

.common_buttonPlay {
    background: none;
    border: none;
    cursor: pointer;
}

.rsAdvancedEdit .rsAdvDatePicker { width: 100px !important; }

.rsAdvancedEdit .common_errorIcon {
    width: 100% !important;
    background-position-x: 0px;
    background-position-y: 0px;
    padding-left: 20px !important;
    padding-top: 4px !important;
    margin: 0px !important;
    margin-left: 75px !important;
    line-height: 14px !important;
    vertical-align: middle !important;
}

/*============================================================== Managers ==============================================================*/

.manager_container {
    padding: 5px;
    width: 99%;
    height: 98%;
    min-width: 771px; /*For minimal supported 1000 x 700*/
    /*min-width:900px;*/
}

.manager_newItemHyperLink {
    color: #0D52DE;
    float: left;
    line-height: 18px !important;
    font-size: 12px !important;
    margin: 0px 0px 10px 0px;
}

/*----------------------------------------------------------Admin Manager------------------------------------------------------------*/

.admin_menu.RadTreeView {
    /*box-shadow: 5px 5px 5px #888888;*/
    height: 99% !important;
    width: 16% !important;
    margin: 1% 0% 0% 1% !important;
    padding-bottom: 2px;
}

.admin_container {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
}

.admin_header {
    width: 100%;
    height: 53px;
    border-bottom: 3px solid #ffa200;
    float: left;
}

.admin_subHeader {
    height: 40px !important;
    width: 100%;
    background: rgb(251, 252, 255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(251, 252, 255, 1) 0%, rgba(223, 232, 246, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(251, 252, 255, 1)), color-stop(100%, rgba(223, 232, 246, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(251, 252, 255, 1) 0%, rgba(223, 232, 246, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(251, 252, 255, 1) 0%, rgba(223, 232, 246, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(251, 252, 255, 1) 0%, rgba(223, 232, 246, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(251, 252, 255, 1) 0%, rgba(223, 232, 246, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfcff', endColorstr='#dfe8f6', GradientType=0); /* IE6-9 */
    height: 40px !important;
    border-top: 1px solid #88a6c0 !important;
    border-bottom: 1px solid #88a6c0 !important;
    float: left;
    width: 100%;
}

.admin_content {
    width: 100%;
    height: 80%;
    float: left;
}

.admin_footer {
    width: 100%;
    text-align: center;
    font-size: 14px;
    float: left;
    margin-top: 1.5%;
}

.admin_pageContainer {
    width: 79%;
    height: 100%;
    padding: 1% 1% 0% 1%;
    float: left;
}

.admin_pageWrapper {
    background: rgb(255, 255, 255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(253, 254, 254, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(253, 254, 254, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(253, 254, 254, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(253, 254, 254, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(253, 254, 254, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(253, 254, 254, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fdfefe', GradientType=0); /* IE6-9 */
    border: 1px solid #88A6C0;
    /*box-shadow: 5px 5px 5px #888888;*/
    height: 100%;
    width: 100%;
    text-align: left;
    vertical-align: top;
    float: left;
    overflow: auto;
}

.admin_noMenuContainer.admin_pageContainer { width: 98%; }

.admin_subHeader .RadButton.RadButton_Default.rbSkinnedButton {
    float: right;
    margin-right: 1%;
}

.admin_welcomeMessage {
    float: left;
    height: 50px;
    font-size: 20px;
    margin-left: 20px;
    line-height: 50px;
    font-weight: bold;
}

.admin_appVersion {
    float: right;
    height: 50px;
    font-size: 14px;
    margin-right: 20px;
    line-height: 50px;
    font-weight: bold;
}

.admin_userNameLabel {
    color: #ff7c00 !important;
    float: left;
    font-weight: bold;
    font-size: 18px;
    margin-left: 1%;
    line-height: 40px !important;
}

/*-------------------------------------------------Login Manager-------------------------------------------------------------*/

.login_container {
    background: rgb(255, 255, 255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(253, 254, 254, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(253, 254, 254, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(253, 254, 254, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(253, 254, 254, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(253, 254, 254, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(253, 254, 254, 1) 100%); /* W3C */
    position: absolute;
    border-radius: 10px;
    box-shadow: 2px 2px 5px #666;
    left: 50%;
    top: 50%;
    width: 280px;
    height: 150px;
    border: 1px solid #88A6C0;
    margin: -100px 0 0 -160px;
    padding: 20px;
}

.login_container .RadButton.RadButton_Default.rbSkinnedButton { left: 70%; }

.login_container .common_errorIcon {
    margin-left: 0px !important;
    position: absolute;
}

.login_container .common_InputContainer { position: absolute; }

.login_container .common_buttonContainer { width: 100%; }

.login_container .common_errorIcon + span.common_errorMessage {
    position: absolute;
    margin-left: 34px !important;
}


/*--------------------------------------------------------Daily Snapshot Manager--------------------------------------------*/

.controlsInReport_Container {
    width: 100%;
    overflow: hidden;
}

/*-------------------------------------------------Infrastructure Configuration Manager-------------------------------------------------------*/

.configuration_textWrapper textarea.riDisabled { background: rgba(244, 244, 244, 0.5) !important; }

.configuration_labelWrapper { height: 180px; }

.configuration_textWrapper {
    height: 200px !important;
    display: block !important;
}

.configuration_textWrapper > div { height: 200px; }

.configuration_textWrapper span.riSingle.RadInput.RadInput_Default {
    width: 100%;
    height: 200px;
}

.configuration_textWrapper .RadInput_Default .riTextBox,
.configuration_textWrapper .RadInputMgr_Default {
    border-color: #8e8e8e #b8b8b8 #b8b8b8 #8e8e8e;
    background: #fff;
    color: #000;
    font: 12px "segoe ui", arial, sans-serif;
    width: 600px;
    height: 200px;
}

.configuration_textWrapper_json {
    display: block !important;
    height: 400px !important;
    width: 900px !important;
}

/*-------------------------------------------------Client simulator manager-------------------------------------------------------*/

.newPredefine_textWrapper {
    height: 30px !important;
    width: 400px;
    clear: both;
}

.newPredefine_textWrapper > a {
    margin-left: 5px;
    margin-right: 5px !important;
    margin-top: 0px;
}

.newPredefine_textWrapper > span.common_errorIcon { margin-left: 0px; }


.predefines_textWrapper {
    width: 400px;
    clear: both;
}

.predefines_textWrapper div.RadComboBox.RadComboBox_Default { float: left; }

.predefines_textWrapper span.riSingle.riContSpinButtons.RadInput.RadInput_Default {
    float: left;
    margin-left: 5px;
    margin-top: 1px;
}

.predefines_textWrapper .riSingle.riContSpinButtons.RadInput.RadInput_Default input[type="text"] { width: 50px !important; }

.simulatedNumbers_labelWrapper { height: 180px; }

.simulatedNumbers_textWrapper { height: 200px !important; }

.simulatedNumbers_textWrapper > div { height: 200px; }

.simulatedNumbers_textWrapper span.riSingle.RadInput.RadInput_Default {
    width: 100%;
    height: 200px;
}

    .simulatedNumbers_textWrapper .RadInput_Default .riTextBox,  
    .simulatedNumbers_textWrapper .RadInputMgr_Default {
        border-color: #8e8e8e #b8b8b8 #b8b8b8 #8e8e8e;
        background: #fff;
        color: #000;
        font: 12px "segoe ui", arial, sans-serif;
        width: 600px;
        height: 200px;
    }

.simulatedNumbers_textWrapper span.riSingle.RadInput.RadInput_Default { width: 600px !important; }

.simulatedNumbers_textWrapper textarea.riDisabled { background: rgba(244, 244, 244, 0.5) !important; }

/*-----------------------------------------------------Bingo Observer Manager -----------------------------------------*/

.bingoObserver_container { }

.bingoObserver_container .serviceState {
    margin: 1px;
    padding-left: 6px;
    padding-right: 6px;
    font-weight: bold;
    height: 22px;
    width: 150px;
    padding: 4px 6px 0px 6px;
}

.bingoObserver_container .available { background-color: #6ab550; }

.bingoObserver_container .unavailable { background-color: #FF4D4D; }

.bingoObserver_container .notexist { background-color: #C4C4C4; }

.bingoObserver_container .timeout { background-color: #ae7a48; }

.bingoObserver_container .updateButtonWrapper {
    margin-left: 5px;
    margin-top: 0px;
}


/*-----------------------------------------------------Game client configuration -----------------------------------------*/

.gameClientConfiguration_container { }

.gameClientConfiguration_container .reelTable > tbody > tr { vertical-align: top; }

.gameClientConfiguration_container .tabs_container > tbody > tr > td { vertical-align: top; }

.gameClientConfiguration_container table { border-collapse: collapse; }

.gameClientConfiguration_container table td, table th { padding: 0; }

.gameClientConfiguration_container .radMultiPage_container {
    padding: 10px;
    border: 1px solid gray;
}

.gameClientConfiguration_container .reelTable .RadComboBox { margin: 2px; }

.gameClientConfiguration_container .boardTable span.riSingle.RadInput.RadInput_Default { width: 60px !important; }

.gameClientConfiguration_container .numericWrapper span.riSingle.RadInput.RadInput_Default { width: 80px !important; }

.gameClientConfiguration_container .numericWrapper { width: 80px !important; }

.currenciesDD { width: 400px !important; }

.currenciesDD .currenciesTable { }

.currenciesDD .currenciesTable > tbody > tr > td { width: 100px; }

.winningDD { width: 340px !important; }

.contributionDD { width: 250px !important; }

.statisticsDD { width: 350px !important; }

.lineJPsDD { width: 300px !important; }

.contributionDD .rcbHovered,
.winningDD .rcbHovered,
.statisticsDD .rcbHovered,
.currenciesDD .rcbHovered,
.lineJPsDD .rcbHovered { background-color: white !important; }

.lineJPsDD .lineJPsTable > tbody > tr > td { width: 100px; }


.lineJPsTable .boardTable span.riSingle.RadInput.RadInput_Default { width: 60px !important; }

.lineJPsTable .numericWrapper span.riSingle.RadInput.RadInput_Default { width: 80px !important; }

/*-----------------------------------------------------Game client configuration -----------------------------------------*/

.telerik_labeledRadGridSingleContainer .uploadBlock { float: left; }

.telerik_labeledRadGridSingleContainer .isMandatoryCheckBlock {
    float: left;
    margin-left: 15px;
    white-space: normal;
    text-align: center;
}

.telerik_labeledRadGridSingleContainer .uploadNextToGrid { display: block !important; }

.uploadNextToLabeledInputContainer {
    display: block !important;
    float: right !important;
}

.designesGrid .RadGrid .rgRow td, .RadGrid .rgAltRow td, .RadGrid .rgEditRow td, .RadGrid .rgFooter td,
.RadGrid .rgFilterRow td, .RadGrid .rgHeader, .RadGrid .rgResizeCol, .RadGrid .rgGroupHeader td { max-width: 450px; }

/*-----------------------------------------------------Lobby Feed Manager-----------------------------------------*/

.ItemStyle-CssClass {
    display: block !important;
    float: right !important;
}

/*-------------------------------------------------Game type filter manager-------------------------------------------------------*/

.remarks_textWrapper { height: 100px !important; }

.remarks_textWrapper > div { height: 100px; }

.remarks_textWrapper span.riSingle.RadInput.RadInput_Default {
    width: 100%;
    height: 100px;
}

.remarks_textWrapper .RadInput_Default .riTextBox,
.remarks_textWrapper .RadInputMgr_Default {
    border-color: #8e8e8e #b8b8b8 #b8b8b8 #8e8e8e;
    background: #fff;
    color: #000;
    font: 12px "segoe ui", arial, sans-serif;
    width: 300px;
    height: 100px;
}

.remarks_textWrapper span.riSingle.RadInput.RadInput_Default { width: 300px !important; }

.remarks_textWrapper textarea.riDisabled { background: rgba(244, 244, 244, 0.5) !important; }

/*===================================================== Pages ===========================================================*/

/*---------------------------------------------------------Error---------------------------------------------------------*/

.error_container { min-width: initial; }

.error_container .common_label { float: none; }

.error_container .error_messageContainer {
    background: rgb(255, 255, 255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(253, 254, 254, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(253, 254, 254, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(253, 254, 254, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(253, 254, 254, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(253, 254, 254, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(253, 254, 254, 1) 100%); /* W3C */
    position: relative;
    border-radius: 10px;
    box-shadow: 5px 5px 5px #888888;
    left: 50%;
    top: 50%;
    width: 280px;
    height: 150px;
    border: 2px solid #FF0000;
    margin: -100px 0 0 -160px;
    padding: 20px;
    text-align: center;
    white-space: normal;
}

/*-----------------------------------------------------TechnicalError----------------------------------------------------*/

.technicalError_container { min-width: initial; }

.technicalError_container .technicalError_messageContainer {
    background: rgb(255, 255, 255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(253, 254, 254, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(253, 254, 254, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(253, 254, 254, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(253, 254, 254, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(253, 254, 254, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(253, 254, 254, 1) 100%); /* W3C */
    position: relative;
    border-radius: 10px;
    box-shadow: 5px 5px 5px #888888;
    left: 50%;
    top: 50%;
    width: 280px;
    height: 150px;
    border: 2px solid #FF0000;
    margin: -100px 0 0 -160px;
    padding: 20px;
    white-space: normal;
}

/*------------------------------------------------------Default--------------------------------------------------------*/

.default_container { text-align: center; }

.default_container .startWork_label {
    color: #ff7c00 !important;
    font-weight: bold;
    font-size: 28px;
    line-height: 40px !important;
    text-shadow: 2px 2px 2px #666666;
}

/*------------------------------------------------------LogViewer-------------------------------------------------------*/

.logViewer_container .list_wrapper {
    float: left;
    width: 14%;
}

.logViewer_container .list_wrapper .RadListBox.RadListBox_Default { width: 100%; }

.logViewer_container .logText_wrapper {
    float: left;
    width: 85%;
    height: 100%;
    margin-left: 1%;
}

.logViewer_container .logText_wrapper textarea {
    width: 100%;
    height: 100%;
    margin: 0px;
}

/*===================================================== Controls ========================================================*/

tr.rgRow.rgRowDisabled,
tr.rgAltRow.rgRowDisabled,
tr.rgRowDisabled {
	background-color: #ffb3b3 !important;
}

/*-------------------------------------------------DateTimePeriodPicker------------------------------------------------*/

.dateTimePeriodPicker_dropDown.RadComboBoxDropDown_Default .rcbScroll.rcbWidth { display: none !important; }

.dateTimePeriodPicker_dropDown.RadComboBoxDropDown.RadComboBoxDropDown_Default {
    width: 255px !important;
    line-height: 12px;
    border: none;
    background: none;
}

.dateTimePeriodPicker_dropDown .rcbHeader {
    background: rgb(251, 252, 255) !important;
    background: -moz-linear-gradient(top, rgba(251, 252, 255, 1) 0%, rgba(223, 232, 246, 1) 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(251, 252, 255, 1)), color-stop(100%, rgba(223, 232, 246, 1))) !important;
    background: -webkit-linear-gradient(top, rgba(251, 252, 255, 1) 0%, rgba(223, 232, 246, 1) 100%) !important;
    background: -o-linear-gradient(top, rgba(251, 252, 255, 1) 0%, rgba(223, 232, 246, 1) 100%) !important;
    background: -ms-linear-gradient(top, rgba(251, 252, 255, 1) 0%, rgba(223, 232, 246, 1) 100%) !important;
    background: linear-gradient(to bottom, rgba(251, 252, 255, 1) 0%, rgba(223, 232, 246, 1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfcff', endColorstr='#dfe8f6', GradientType=0) !important;
    border-radius: 10px 10px 10px 10px;
    border: 2px solid #88A6C0 !important;
    background-image: none;
}

/*----------------------------------------------------SearchForm------------------------------------------------------*/

.searchForm_container ul {
    padding: 0px;
    margin: 0px;
}

.searchForm_container li { display: inline; }

.searchForm_container .searchForm_quickSearchLink {
    color: #5D86A9;
    float: left;
    line-height: 18px !important;
    font-size: 12px !important;
    margin: 0px 10px 0px 0px;
}

.searchForm_container .telerik_radGridWrapper {
    max-height: 310px; /*Max height to display scrollbars*/
    max-width: 100%; /*Max width to display scrollbars*/
}

/*-------------------------------iPhone adoptation--------------------------------*/
@media (min-width:320px)and (max-width:960px)  {
	.telerik_previewRadGridWrapper.full{
		position: fixed;
		top: 98px;
		left: 0;
		right: 0;
		bottom: 0;
		overflow: scroll;
		background: rgba(0,0,0,0.5) !important;
		z-index: 99;
	}
}