/*login form*/
.back {
    background: #efeeef;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: table;
}

.div-center {
  width: 500px;
  height: 500px;
  padding: 1em 2em;
  border-bottom: 2px solid #ccc;
  display: table-cell;
  vertical-align:middle;
}

div.content {
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
    padding: 45px;
    background-color: #FFF;
    /*border: 1px solid #000;*/
}

@media (max-width: 767px) {

    .div-center {
        width: 500px;
        height: 500px;
        border-bottom: 2px solid #ccc;
        padding: 0px;
        display: table-cell;
        vertical-align: middle;
    }

    div.content {
        margin-left: auto;
        margin-right: auto;
        max-width: 400px;
        /*padding: 10px;*/
        background-color: #FFF;
    }

}

/*end login form*/
/* Edit Forms Styles*/
.RadInput_Hay {
    width:250px;
}

#form1 {
    font-family: "Segoe UI", Arial, sans-serif;
    font-size:small;
}

    #form1 .formValidation {
        font-size:small;
        color:#ff5050;
    }

    #form1 .test1:focus {
        background-color: #2ecc71;
        color: #FFF;
    }

#form1 table {
    background-color: #f5f5f5;
    border:none;
    height:inherit;
}

.formButtons, .formInsertEdit, .formCancel {
    margin:0 7px 0 10px;
    padding:5px;
    background-color:#f5f5f5;
    border:1px solid #484646;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    color:#484646;
    font-weight:bold;
    cursor:pointer;
    text-decoration:none;
}

.formInsertEdit:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.formInsertEdit:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

.formCancel:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.formCancel:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

.btnCancel {
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    color:#f00;
    font-weight:bold;
}

.editGateRate {
    width:700px;
}

.editGateRate .rgEditRow input{
    width:70px;
}

.editGateRate .RadComboBox_Hay  {
    width:70px;
}

/* User Login Form */
.loginForm {
    width:400px;
    margin:auto;
}
#Login1 {

    font-family: "Segoe UI", Arial, sans-serif;
    font-size:medium;
}

.usernamePH {
    /*text-align:center;*/
    margin-left:20px;
}
.usernamePH input {
    padding:5px;
    line-height:20px;
    width:200px;
}

.passwordPH {
    /*text-align:center;*/
    margin-left:20px;
}
.passwordPH input {
    padding:5px;
    line-height:20px;
    width:200px;
}

.rememberPH {
    /*text-align:center;*/
        margin-left:20px;
}

.btnLogin {
    background-color:#2ecc71;
    margin-left:22px;
    padding:5px;
    color:white;
    line-height:20px;
    width:210px;
    outline:solid;
    outline-width:thin;
    outline-color:#484646;
    clear:both;
        text-align:center;
}
.btnLogin a {
    color: white;
    text-decoration:none;
}
.btnLogin:hover {
    color: white;
    cursor:pointer;
    opacity:0.8;
    text-decoration:none;
        outline:dotted;
    outline-width:thin;
    outline-color:black;
}

.loginHeader {
    background-color:#484646;
    padding:5px;
    color:white;
    text-align:center;
}

HTML BODY .RadInput input.customWidth {
    width:250px !important;
}
HTML BODY .RadInput input.customWidth :after {
    clear:left;
}

.riSingle .RadInput .customProfile {
    width:250px !important;
    line-height:1.42857143 !important;
}
HTML BODY .RadInput input.customProfile :after {
    clear:left;
}


.width150 {
    width:150px !important;
}

.message-success {
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

/* RadGrid Styles */
div.RadGrid_Bootstrap,
div.RadGrid_Bootstrap .rgMasterTable,
div.RadGrid_Bootstrap .rgDetailTable,
div.RadGrid_Bootstrap .rgGroupPanel table,
div.RadGrid_Bootstrap .rgCommandRow table,
div.RadGrid_Bootstrap .rgEditForm table,
div.RadGrid_Bootstrap .rgPager table,
div.GridToolTip_Bootstrap {
    font-size: 12px;
}

div.RadGrid_Bootstrap .rgCommandRow {
            background-image: none;
        background-color: #8b8765;
        color:#fff;
}

div.RadGrid_Bootstrap .rgCommandRow a {
        color:#fff;
}

.RadGrid_Bootstrap th.rgHeader {
    background-image: none;
    background-color: #26436c;
    color: #fff;
}

.RadGrid_Bootstrap .rgHeader {
    background-color: #235b4e;
    color: #fff;
    font-size: 12px;
    padding: 4px;
}

.RadGrid_Bootstrap th.rgHeader a {
    color: #fff;
}

.RadGrid_Bootstrap th.rgHeader a:hover {
        background-color: #e2e2e2;
        color: #000;
}

.RadGrid_Bootstrap .rgMasterTable .rgSelectedCell, .RadGrid_Bootstrap .rgSelectedRow 
{
    background: #26b042 !important;
}

.RadMenu_Bootstrap .rmLink .rmText {
    text-transform: none;
}

.RadMenu_Bootstrap .rmPopup .rmLink:hover, .RadMenu_Bootstrap .rmPopup .rmExpanded>.rmLink, .RadMenu_Bootstrap .rmGroup .rmLink:hover, .RadMenu_Bootstrap .rmGroup .rmExpanded>.rmLink {
    border-color: #26b042 !important;
    color: white;
    background-color: #26b042 !important;
    background-image: none !important;
}


/* RadGrid Command Item Buttons */
.btn btn-default {
    text-decoration: none;
    font-size: 12px;
    font-family: "Segoe UI", Arial, sans-serif;
    padding: 8px 9px 5px 9px;
    border: solid 1px;
    position:relative;
    margin-bottom:5px;
    display:inline-block;

}

    .btn btn-default:hover {
        background-color: #efeeef;
        color:#000;
        border-bottom: solid 2px #333;

    }

    .RadGrid_Bootstrap .rgCommandRow .btn btn-default {
        color:#FFF;
    }

    .RadGrid_Bootstrap .rgCommandRow .btn btn-default:hover {
        background-color: #26b042;
        color:#FFF;
        border-bottom: solid 2px #235b4e;
    }

    .RadGrid_Bootstrap .rgRow a, .RadGrid_Bootstrap .rgAltRow a, .RadGrid_Bootstrap .rgEditRow a, .RadGrid_Bootstrap .rgFooter a, .RadGrid_Bootstrap .rgEditForm a
    {
        color: #235b4e !important;
    }

    .RadGrid_Bootstrap .rgSelectedRow .rgAltRow a {
        color: #FFF !important;
    }

    .RadInput_Bootstrap .riTextBox .riEnabled .riHover {
        border-color: #235b4e !important;
    }

    .RadInput_Bootstrap .riHover {
        border-color: #235b4e !important;
    }

    .RadComboBoxDropDown_Bootstrap .rcbHovered{
        background-color: #26b042 !important;
    }

    .RadComboBox_Bootstrap .rcbInput .rcbHovered {
        background-color: #26b042 !important;
    }

    .RadComboBox_Bootstrap .rcbHovered {
        border-color: #235b4e !important;
    }

    .RadComboBox .rcbHovered .rcbInputCellLeft {
        border: 1px solid #235b4e !important;
        background-position:unset !important;
    }

    .RadComboBox .rcbFocused .rcbInputCellLeft {
        border: 1px solid #235b4e !important;
        background-position:unset !important;
    }

    .RadComboBox .rcbHovered .rcbReadOnly .rcbInputCellLeft {
        background-color: #26b042 !important;
        background-position:unset !important;
    }

    .RadListBox_Bootstrap .rlbItem.rlbSelected {
        background: #26b042 !important;
    }

    .RadListBox_Bootstrap .rlbItem.rlbHovered {
        background: #26b042 !important;
    }

    .RadMenu_Bootstrap .rmGroup a.rmLink:hover .rmText{
        background-position:unset !important;
        background:#26b042;
    }

    .RadAutoCompleteBoxPopup_Bootstrap .racItemHovered{
        background-color: #26b042 !important;
    }

    .RadAutoCompleteBox_Bootstrap .racTokenSelected{
        border-color: #26b042 !important;
        background-color:#26b042 !important;
        background-image:none !important;
    }

    .RadMenu_Bootstrap .rmGroup a.rmFocused .rmText {
       background-position: unset !important;
       background: #26b042;
    }

.btn-success {
    background-color: #26436c !important;
    border-color: #4d73a7 !important;
}

    .btn-success:hover {
        background-color: #4d73a7 !important;
    }