﻿/*--------------------control css file------------------*/
/*--------------------inputs------------------*/
textarea{
    font-family:Homa !important;
}
input[type="text"]:focus,  input[type="email"]:focus , input[type="password"]:focus , textarea:focus, RadInput:focus {
    
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.09),0 6px 20px 0 rgba(0,0,0,0.07);
}
.register, .login {
   font-family:Homa !important;
}

 input[type="text"], input[type="email"],  input[type="password"], RadInput ,textarea {
    font-family:Homa !important;
    outline: none !important;
    border: 1px solid #DFDFDF !important;
    background: #f5f5f5 !important;
    padding: 8px !important ;
    color: #212121 !important;
    width: 100% !important;
    font-size: 14px !important;
}

 input[type="submit"], input[type="button"]{
    font-family:Homa !important;
    outline: none;
    border: none;
    background: #212121;
    padding: 10px 0;
    color: #fff !important;
    width: 40%;
    font-size: 1em;
    text-transform: uppercase;
    margin: 2em 0 0;
    text-align: center !important;
}
 input[type="submit"]:hover , input[type="button"]:hover{
    background: #4b98a9;
}
 input[type="password"], .register input[type="email"] {
    margin: 1em 0 0;
}

/*--------------------RadComboBox css------------------*/
.RadComboBox {
    font-family:Homa !important;
    width:100% !important;
    outline: none;  
    width: 100%;
    font-size: 14px;
    text-align: right;
}
 
.RadComboBox .rcbInputCell .rcbInput{
    border: 1px solid #DFDFDF;
    padding: 8px  !important;
    color: #212121;
    background: #f5f5f5 !important;
    border: 1px solid #DFDFDF !important;
}
.RadComboBox_Default td.rcbArrowCellLeft,.RadComboBox_Default td.rcbArrowCellRight  ,.RadComboBox td.rcbArrowCellLeft {
        /*background-position: -155px -89px !important;
        vertical-align: middle;*/
       background: url(Images/dropdown-ico.png) no-repeat 96% 0 !important;
       height: 29px;
       overflow: hidden;
       width: 240px;
}
.RadComboBox_Default td.rcbArrowCellLeft select {
        background: transparent;
        border: none;
        font-size: 14px;
        height: 29px;
        padding: 5px; /* If you add too much padding here, the options won't show in IE */
        width: 268px;
}
RadComboBox_Default,RadComboBox_Default table td .rcbInput,RadComboBox_Default table td.rcbInputCell{
    color:#212121 !important;
}
.RadComboBox-content {
    text-align:right;
    direction:rtl;
}
.RadComboBox .rcbitem {
     direction:rtl;
}
.RadComboBox .rcbArrowCell a {
    width: 25px !important;
}
.RadComboBox table td.rcbInputCell, .RadComboBox .rcbInputCell .rcbInput {
    padding-left: 0 !important;
    text-align: right;
}
.rcbSlide{
    left:326px !important;
}

/*--------------------RadToolBar & RadGrid css------------------*/
.RadToolBar_Black .rtbMiddle{
     border:none !important;
     background:none !important;
}
.RadToolBar_Black .rtbOuter{
    border:none !important;
}
.RadGrid_Default .rgHeaderDiv{
    font-family:Homa;
}
.RadGrid_Web20, .RadGrid_Web20 .rgMasterTable, .RadGrid_Web20 .rgDetailTable,
.RadGrid_Web20 .rgGroupPanel table, .RadGrid_Web20 .rgCommandRow table,
.RadGrid_Web20 .rgEditForm table, .RadGrid_Web20 .rgPager table, .GridToolTip_Web20 {
    font: 12px/16px Homa,all-petite-caps"segoe ui",arial,sans-serif;
}
.RadGrid_Default, .RadGrid_Default .rgMasterTable,
.RadGrid_Default .rgDetailTable, .RadGrid_Default .rgGroupPanel table,
.RadGrid_Default .rgCommandRow table, .RadGrid_Default .rgEditForm table,
.RadGrid_Default .rgPager table, .RadGrid_Default .GridToolTip_Default {
    font: 12px/16px Homa,all-petite-caps"segoe ui",arial,sans-serif;
}
.RadGrid_Default .rgCommandRow {
    background:none !important;
    color: #fff;
}
.RadGrid_Web20 .rgCommandRow {
    /*background: #40c1c7 0 -2100px repeat-x url('WebResource.axd?d=2QlmC4qh9DOZCPzatSs9l2l6lFXnbTE2T0ckDZ8mE88TPdGfa6FQCdBkfk0fPRsmqRFrxSrgmk5uEORuYRfXsXpdlZfjG70Er5FKot9JRMTyALvfkscUZaE2C_9vzO0T4BfjgkwxcnQJL9bq2i_AhDKgKTY1&t=633953350620000000');*/
    background:none !important;
    color: #fff;
}
.RadToolBar .rtbUL, .RadToolBar .rtbItem{
    /*float:left;*/
}
.RadToolBar .rtbInner {
    float: left;
}
.RadToolBar .rtbIn {
    padding:0 !important;   
}
.RadToolBar_Black .rtbItemHovered .rtbIn{
     background-image:none !important;  
     border:none !important;  
     background-color:transparent;
}

.RadToolBar .rtbItem.rtbBtn .rtbItemHovered{
     border:none !important;  
}
.RadToolBar input[type="submit"]:hover{
    background:none;
}
.RadGrid_Web20 .rgWrap{
    line-height: 33px !important;
}
.top-detail-service .RadToolBar_Black .rtbWrap,.top-detail-service .RadToolBar_Black .rtbTemplate{
    font:unset;
}
.RadGrid_Web20 .rgPageFirst, .RadGrid_Web20 .rgPagePrev, .RadGrid_Web20 .rgPageNext, .RadGrid_Web20 .rgPageLast{

}
.RadGrid_Web20 td.rgPagerCell .rgWrap {
    line-height: 33px !important;
}
.RadGrid_Web20 .rgNumPart {
    padding: 7px 0px;
}
.RadGrid  .rgMasterTable  .rgHeader{
    text-align:center;
}
.RadGrid_Web20 .rgRow td, .RadGrid_Web20 .rgAltRow td, .RadGrid_Web20 .rgEditRow td, .RadGrid_Web20 .rgFooter td, .RadGrid_Web20 .rgFilterRow td, .RadGrid_Web20 .rgHeader, .RadGrid_Web20 .rgResizeCol, .RadGrid_Web20 .rgGroupHeader td {
    text-align: center !important;
}
.RadGrid  .rgMasterTable  .rgPagerCell.NextPrevAndNumeric div{
    line-height: 33px !important;
}
.RadGrid_Web20 .rgFilterRow img {
    float:right;
}
.RadGrid_Web20 .rgFilterRow img :hover {
    background-color:none;
}
.RadGrid_Default .rgFilter {
    width: 18px !important;
}
.RadGrid_Default .rgFilter:hover {
    background-image: url('WebResource.axd?d=0LpRutEMTrEq3Q1YJeZnfRGd6xOqaevJ_u_onjoRZFv0AwH2LPz35B6Af69U1wR-nlZ0LXt9SJx2oQ6ppWMKupMAejcGF3mwQFwl863pT5YhYM5Syi3egip206SF7t4Vhkr-rxITrySSTjrF2tkJHL3Czfs1&t=633953350620000000');
    background-color:transparent;
}
border:1px solid #E0E2EA;
.RadGridRTL_Default .rgNumPart {
    width:  auto !important;
}
.RadGridRTL_Default , .RadGrid_Default ,.RadGrid_Web20 *{
    font-family: Homa, Arial !important;
}
.RadGrid_Default .rgWrap,.RadGrid_Default .rgWrap.rgArrPart1, .RadGrid_Default .rgWrap.rgArrPart2,.RadGrid_Default .rgWrap.rgNumPart{
    padding: 8px 10px;
}
.RadGrid_Default .rgPager .RadComboBox_Default input[type="text"]{
    padding:5px !important;
    direction:ltr;
    text-align:center;
}
.RadComboBoxDropDown_Default .rcbHovered, .RadComboBoxDropDown_Default .rcbItem {
    text-align:center !important;
}
.RadGrid_Default .rgPager .NextPrevAndNumeric .rgPageNext input[type="submit"]:hover{
    background-image: url('WebResource.axd?d=0LpRutEMTrEq3Q1YJeZnfRGd6xOqaevJ_u_onjoRZFv0AwH2LPz35B6Af69U1wR-nlZ0LXt9SJx2oQ6ppWMKupMAejcGF3mwQFwl863pT5YhYM5Syi3egip206SF7t4Vhkr-rxITrySSTjrF2tkJHL3Czfs1&t=633953350620000000') !important;
    background-position: 0 -750px !important;
}
.RadGrid_Default .rgPager .NextPrevAndNumeric .rgPagePrev input[type="submit"]:hover {
    background-image: url('WebResource.axd?d=0LpRutEMTrEq3Q1YJeZnfRGd6xOqaevJ_u_onjoRZFv0AwH2LPz35B6Af69U1wR-nlZ0LXt9SJx2oQ6ppWMKupMAejcGF3mwQFwl863pT5YhYM5Syi3egip206SF7t4Vhkr-rxITrySSTjrF2tkJHL3Czfs1&t=633953350620000000') !important;
    background-position: 0 -850px !important;
}
.RadGrid_Default .rgPager .NextPrevAndNumeric .rgPageFirst input[type="submit"]:hover {
    background-image: url('WebResource.axd?d=0LpRutEMTrEq3Q1YJeZnfRGd6xOqaevJ_u_onjoRZFv0AwH2LPz35B6Af69U1wR-nlZ0LXt9SJx2oQ6ppWMKupMAejcGF3mwQFwl863pT5YhYM5Syi3egip206SF7t4Vhkr-rxITrySSTjrF2tkJHL3Czfs1&t=633953350620000000') !important;
    background-position: 0 -1000px !important;
}
.RadGrid_Default .rgPager .NextPrevAndNumeri .rgPageLast input[type="submit"]:hover {
    background-image: url('WebResource.axd?d=0LpRutEMTrEq3Q1YJeZnfRGd6xOqaevJ_u_onjoRZFv0AwH2LPz35B6Af69U1wR-nlZ0LXt9SJx2oQ6ppWMKupMAejcGF3mwQFwl863pT5YhYM5Syi3egip206SF7t4Vhkr-rxITrySSTjrF2tkJHL3Czfs1&t=633953350620000000') !important;
    background-position: 0 -550px !important;
}
.RadGrid_Default .rgSelectedRow{
    background: #40c1c7 -3900px repeat-x url('WebResource.axd?d=0LpRutEMTrEq3Q1YJeZnfRGd6xOqaevJ_u_onjoRZFv0AwH2LPz35B6Af69U1wR-nlZ0LXt9SJx2oQ6ppWMKupMAejcGF3mwQFwl863pT5YhYM5Syi3egip206SF7t4Vhkr-rxITrySSTjrF2tkJHL3Czfs1&t=633953350620000000')  !important ;
}
.RadGrid_Default .rgSelectedRow td{
border:1px solid #E0E2EA !important;
}
.RadToolBar .rtbChecked .rtbMid{
    background:none !important;
    background-position:initial;
}
.RadToolBar_Black .rtbChecked .rtbMid, .RadToolBar_Black .rtbChecked .rtbWrap,
.RadToolBar_Black .rtbChecked .rtbIn, .RadToolBar_Black .rtbChecked .rtbOut,
.RadToolBar .rtbItem.rtbItemHovered{
    background-image:none !important;
}
.RadToolBar_Black .rtbWrap, .RadToolBar_Black .rtbTemplate{
    color:#00768b !important;
}

/*--------------------validator css------------------*/
validator{
    text-align:right;
    color:blue !important;
    font-family:Homa;
    border:1px solid #d43f3a;
}

/*--------------------radiobutton css------------------*/

/*.iradio_square-blue {
    background-position: -120px 0;
}
div[class*="iradio_"]:not(.checked) {
    background-color: rgba(255,255,255,0.6);
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

div[class*="iradio_"] {
    margin-right: 5px;
    margin-left: 0;
}

div[class*="icheckbox_"], div[class*="iradio_"] {
    margin-right: 5px;
    top: -1px !important;
}
.iradio_square-blue {
    background-position: -120px 0;
}
.icheckbox_square-blue, .iradio_square-blue {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
        margin-right: 0px;
        margin-left: 0px;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(Images/blue.png) no-repeat;
        background-color: rgba(0, 0, 0, 0);
        background-position-x: 0%;
        background-position-y: 0%;
    border: none;
    cursor: pointer;
}
div[class*="iradio_"] {
    margin-right: 5px;
    margin-left: 0;
}*/
/* iCheck plugin Square skin, blue
----------------------------------- */
.icheckbox_square-blue,
.iradio_square-blue {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(Images/blue.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_square-blue {
    background-position: 0 0;
}
    .icheckbox_square-blue.hover {
        background-position: -24px 0;
    }
    .icheckbox_square-blue.checked {
        background-position: -48px 0;
    }
    .icheckbox_square-blue.disabled {
        background-position: -72px 0;
        cursor: default;
    }
    .icheckbox_square-blue.checked.disabled {
        background-position: -96px 0;
    }

.iradio_square-blue {
    background-position: -120px 0;
}
    .iradio_square-blue.hover {
        background-position: -144px 0;
    }
    .iradio_square-blue.checked {
        background-position: -168px 0;
    }
    .iradio_square-blue.disabled {
        background-position: -192px 0;
        cursor: default;
    }
    .iradio_square-blue.checked.disabled {
        background-position: -216px 0;
    }

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25) {
    .icheckbox_square-blue,
    .iradio_square-blue {
        background-image: url(Images/blue@2x.png);
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px;
    }
}
/*------------tooltip css-------------*/
.mytooltip{
    padding:5px;
    font-family: Homa, Arial, sans-serif;
    font-size: 13px;
}

/*-----------RadioButtonList css--------------*/
 input[type="radio"], .radiobutton{
    margin-left:10px !important;
    list-style:none;
}





 