/*<<------Blue color-theme-------->>*/

/*---------------- Start DDsmooth Menu style --------------*/
/*Top level menu link items style*/
.ddsmoothmenu, .ddsmoothmenu ul li a {
    background-image: linear-gradient(#28a4d6, #2089b5);
    border: none;
    font-size: 13px;
    line-height: 1;
    font-family: 'Poppins', 'Verdana', sans-serif;
}

    .ddsmoothmenu ul li a {
        border-radius: inherit;
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        color: #fff !important;
    }

        .ddsmoothmenu ul li a:hover {
            background: #cccccc;
            color: #000;
            border-left: 3px solid #2c90be;
        }

        .ddsmoothmenu ul li a.selected {
            background: #005c86;
            color: #fff !important;
            border-left: 3px solid #2c90be;
        }

        .ddsmoothmenu ul li a:link {
            color: #000;
            font-weight: normal;
        }

        .ddsmoothmenu ul li a:visited {
            color: #ffffff;
            font-weight: normal;
        }
    /* Sub level menu links style */
    .ddsmoothmenu ul li ul li a {
        background: #f6f6f6;
        color: #000;
        font: normal 13px Poppins;
        border: 1px solid gainsboro;
        color: #000 !important;
    }

        .ddsmoothmenu ul li ul li a:hover {
            background: #cccccc;
            color: #fff;
        }

        .ddsmoothmenu ul li ul li a.selected {
            background: #b5b5b5;
        }

        .ddsmoothmenu ul li ul li a:visited {
            color: #000 !important;
            font-weight: normal;
        }

    .ddsmoothmenu ul li ul li:last-child {
        border-bottom: 3px solid #2c90be;
    }

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow {
    background: #CCCCCC;
}

.ddsmoothmenu-v ul.top_menu {
    background-color: #8383832b;
    border-right: 1px solid #3a8dbd;
    background-color: lavender;
}
.ddsmoothmenu-v ul li {
    position: relative;
    float: none;
    border-bottom: 1px solid gainsboro;
}
    /* Top level menu links style */
    .ddsmoothmenu-v ul li a {
        border-right: 1px solid #d5d5d5;
        border-right-color: #077b8c;
        background: #fff;
        color: #1b4660;
    }
      .ddsmoothmenu-v ul li a:link, .ddsmoothmenu-v ul li a:visited, .ddsmoothmenu-v ul li a:active {
            background-color: #dfe5f5;
            background: linear-gradient(45deg, #dfe5f5, white);
            color: #1b4660;
        }
        .ddsmoothmenu-v ul li a.selected { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
            background: #c6c8ff;
            color: navy;
            background: linear-gradient(357deg, #97b3ff, #bfd1ff);
            border-bottom: 1px solid #065478;
        }

        .ddsmoothmenu-v ul li a:hover {
            background: linear-gradient(357deg, #97b3ff, #bfd1ff);
            color: #1f3476;
            border-bottom: 1px solid #065478;
        }

    .ddsmoothmenu-v ul li:nth-child(1) {
        border-top: 1px solid #3a8dbd;
    }
    .ddsmoothmenu-v ul li:nth-last-child(1) {
        border-bottom: 1px solid #a5c1d1;
    }
.main-menuSidebar {
    background-color: #0000002e;
}
/*---------------- End DDsmooth Menu style ----------------*/

/*---------------- Start SHIMS style --------------*/
body {
    /*background-repeat: repeat;*/
    font-family: 'Poppins', sans-serif;
}
/*common new font family*/
.screen_title, .fieldset_border, .screen_border, .heading, .label_bold, .amount, .dropdown, .mGrid td, .mGridDev, .mGrid th, input {
    font-family: 'Poppins', 'Verdana', sans-serif;
}

.label_bold {
    font-size: 11px;
}

.label_words_small {
    font-family: 'Poppins', 'Verdana', sans-serif;
    font-size: 12px;
}

.screen_title {
    font-size: 15px;
    -moz-border-radius: 8px 8px 0px 0px;
    -webkit-border-radius: 8px 8px 0px 0px;
    border-radius: 8px 8px 0px 0px;
    /*background-image: linear-gradient(#f7f7f7, #e6e5e5) !important;*/
    background-image: linear-gradient(#8edeff, #c8efff) !important;
    border: 1px solid #ccc;
    text-transform: uppercase;
    background-repeat: repeat;
    color: #4c4e47;
    font-weight: bold;
    text-align: center;
    padding-left: 20px;
    font-variant: small-caps;
}

.fieldset_border, .screen_border, .mycalender, .ModalWindow {
    border: thin solid transparent;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0px 0px 6px 2px #c5c5c5;
    background: #fff;
}
.fieldset_border, .screen_border{
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    box-shadow: rgb(175 229 255) 0px 1px 0px 0px, rgb(95 177 209) 0px 0px 10px 0px;
}
.screen_border {
    border-bottom: 3px solid #14a7d3;
}
    .FooterOne {
    background: #63caf4 repeat-x;
    color: black;
}

.GridviewScrollHeader TH, .GridviewScrollHeader TD {
    background: #6ecef5;
}

.amount {
    background-color: #cfe9ee;
    border: 1px solid #e0d5ca;
}
/*td {
    padding-right: 5px;
    padding-left: 5px;
}*/

/*mgrid css code*/
.mGrid th {
    color: #ffffff;
    /* background-image: linear-gradient(#3fb7e6, #2f99c3) !important; */
    background-image: none;
    background-color: #4f7e92;
    letter-spacing: 1px;
    font-size: 12px;
}

.mGrid .Header th a {
    color: #281502;
    font-size: 12px;
    font-family: poppins;
    letter-spacing: 1px;
}

.mGrid td {
    border-right: 1px solid #aeb7be;
    border-left: 1px solid #aeb9be;
}

.mGrid .alt {
    background-color: #e8f9ff;
}

.mGridDev {
    background-color: #d2e6ef;
}

.mGrid .Footer {
    background: #efefef;
}

.mGrid .GridSubHeader, .mGrid .Header .GridSubHeader {
    color: #e9f994;
    background-color: #26a2cf;
}

.mGrid_Mouseover tbody tr:hover {
    background: #b6e9f3 !important;
}
/*.vertical_line {
    background: #269fd0;
    padding-left: 2px;
}*/
option {
    color: #323333;
    font-size: 12px;
    font-weight: lighter;
    font-family: poppins;
}
/*Calendar design*/
.ajax__calendar_container {
    font-family: 'Poppins', sans-serif !important;
    padding: 0px !important;
    width: auto !important;
}
.ajax__calendar_header {
    height: 16px !important;
    background: #c3e3ff;
    padding: 5px 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.ajax__calendar_day {
    text-align: center !important;
    height: 18px !important;
    width: 19px !important;
}
    .ajax__calendar_day:hover, .ajax__calendar_month:hover,
    .ajax__calendar_year:hover {
        background-color: #bbeef9;
        border-radius: 5px;
    }
.ajax__calendar_today {
    background: #218fbc;
    font-weight: bold;
    color: #ffffff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.ajax__calendar_container TD {
    border-radius: 5px;
}
.ajax__calendar_dayname {
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    text-align: center;
}
.ajax__calendar_active {
    font-weight: bold;
    border: solid 1px silver;
}
/*Appoinment css modified code*/
.button_Vacant, .button_General, .button_Follow_Up, .button_Cancelled,
.button_Rescheduled, .button_Booked {
    font-size: 12px;
}

.submit_iconsDesign {
    border: 1px solid #047dcf;
    background-color: #e8f2ff;
}
    .submit_iconsDesign:hover {
        background: #25a6c55c;
    }
/*Custom Css*/
.radio-toolbar input[type="radio"]:checked + label {
    border: 1px solid #0499cf;
    background-color: #ffeac7;
}
.radio-toolbar label:hover {
    background-color: #ddf6ff;
}
.GridviewScrollFooter TH, .GridviewScrollFooter TD {
    background: linear-gradient(#5fbdf1, #77e0ea);
}
.FooterTwo {
    background-color: #28bdff;
}
/* AutoComplete highlighted item */
.autocomplete_highlightedListItem {
    background: #ade7ff;
}
/* AutoComplete item */
.autocomplete_listItem {
    background: #f3f6f6;
}

.ajax__tab_default .ajax__tab.ajax__tab_active,
.ajax__tab_default .ajax__tab.ajax__tab_active:before,
.ajax__tab_default .ajax__tab.ajax__tab_active:after,
.dxtc-strip.dxtc-row .dxtc-activeTab:after, .dxtc-strip.dxtc-row .dxtc-activeTab:before {
    background-color: #0097A7;
    color: #fff;
}
.ajax__tab_xp .ajax__tab_header, .dxtc-strip.dxtc-row.dxtc-alLeft.dxtc-stripContainer {
    border-bottom: 3px solid #0097A7;
}
.ajax__tab_xp .ajax__tab_body {
    border: 1px solid #0097A7 !important;
}
.dxtcLite > .dxtc-stripContainer .dxtc-activeTab .dxtc-link {
    color: #ffffff;
    background-color: #0097A7;
}
.dxtcLite > .dxtc-content {
    border: 1px solid #0096a6;
}
    /*---------------- End SHIMS style ---------------*/
    /*---------------- Start Thickbox style ---------------*/
    #TB_title {
    border: thin solid transparent !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-family: Poppins, sans-serif;
    text-transform: uppercase;
    box-shadow: 0px 0px 6px 2px #c5c5c5 !important;
    background-image: linear-gradient(#a6e5ff, #8fddfd) !important;
}

#TB_ajaxWindowTitle {
    padding: 3px 0 5px 10px;
}

.fieldset_border {
    border: thin solid transparent !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    box-shadow: rgb(14 37 16 / 12%) 0px 0px 1px 0px, rgb(14 37 15 / 32%) 0px 2px 7px 0px !important;
}

.mGrid th, .mGrid1 th {
    color: #281502;
    background-image: none !important;
    background-color: #9dd7f1 !important;
    letter-spacing: 1px;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
}

.a-button-blue {
    background: repeat-x scroll 0 0 #289ef5;
    border: 1px solid #3ea2da;
}
/*---------------- End Thickbox style ----------------*/

/*---------------- Start Devexpress style ---------------*/
/*Devexpreess css code*/
.dxgvHeader_Youthful {
    background-color: #2395c4 !important;
}

.dxgvFooter_Youthful {
    background-color: #c5ddea !important;
}
.dxrpControl_Youthful > tbody > tr > .dxrpcontent,
.dxrpControlGB_Youthful > tbody > tr > .dxrpcontent,
.dxrpControlGB_Youthful span.dxrpHeader_Youthful {
    background-image: none;
    background-color: #cfeaee;
}
.dxgvControl_Youthful, .dxgvDisabled_Youthful {
    background-color: #cfe9ee;
}
.dxgvAdaptiveGroupPanel_Youthful, .dxgvGroupPanel_Youthful {
    color: #2395c4;
    background-color: #cfe9ee;
    border-bottom: 1px Solid White;
}
.dxgvDataRowAlt_Youthful {
    background-color: #e0f1f4;
}
.dxgvFocusedRow_Youthful {
    background-color: #5ec9f5;
    color: #FFFFFF;
}
.dxbButton_icq {
    border: 1px solid #0499cf;
    background-color: #f5e4c7;
    color: #3e4042;
    cursor: pointer;
}
    .dxbButton_icq.dxbDisabled_icq {
        background-color: lightgray;
        cursor: inherit;
    }
.dxbButtonHover_icq {
    background-color: #dcfffd;
    cursor: pointer;
}
.dxpcLite_Youthful .dxpc-footer, .dxdpLite_Youthful .dxpc-footer {
    background-color: #2dbdf1;
}
.dxbButton_Youthful {
    background-color: #e8f8ff;
    border: 1px Solid #5bccff;
}
.dxgvTitlePanel_Youthful, .dxgvTable_Youthful caption {
    background-color: #2395c4;
}
.dxgvEditFormDisplayRow_Youthful td.dxgv, .dxgvDetailCell_Youthful td.dxgv, .dxgvDataRow_Youthful td.dxgv, .dxgvDetailRow_Youthful.dxgvADR td.dxgvAIC {
    border-bottom: 1px Solid #84cedc;
    border-right: 1px Solid #4fb5c7;
}
.dxgvHeader_Youthful, .dxgvHeader_Youthful table {
    letter-spacing: 0.7px;
}
    .dxgvHeader_Youthful td {
        font-family: 'poppins', sans-serif;
        letter-spacing: 0.9px;
    }
.dxpLite_Youthful .dxp-current {
    background-color: #2395c4;
}
.dxpLite_Youthful {
    color: #910e9f;
}
/*calendar overwrited design*/
.dxeCalendarHeader_Youthful {
    background-color: #25a2c5;
}
.dxeCalendarFooter_Youthful, .dxeCalendarFastNavFooter_Youthful {
    background: #37aede none;
}
.dxeCalendar_Youthful .dxMonthGrid, .dxeCalendar_Youthful .dxMonthGridWithWeekNumbers, .dxeCalendar_Youthful .dxMonthGridWithWeekNumbersRtl {
    background: #d3f2ff;
}
.dxeCalendarSelected_Youthful {
    color: #f9f9f9;
    background-color: #25a2c5;
}
.dxeCalendarFastNavMonthArea_Youthful {
    background: #cfe8ee none;
}
.dxeCalendarFastNavYearArea_Youthful {
    background: #ccf0ff none;
}
.dxeCalendarFastNavItemSelected_Youthful, .dxeCalendarFastNavMonthSelected_Youthful, .dxeCalendarFastNavYearSelected_Youthful {
    background: #37aede none;
}
.dxeCalendarFastNav_Youthful {
    border-top: 5px Solid #25aec5;
}
.dxeCalendarFastNavItemHover_Youthful, .dxeCalendarFastNavMonthHover_Youthful, .dxeCalendarFastNavYearHover_Youthful {
    background: #67c6ff none;
}
.dxeButtonEditButton_Youthful {
    background: #37aede;
}
.dxeCalendarButton_Youthful, .dxeColorEditButton_Youthful {
    background: #d3f2ff;
}
    .dxeCalendarButtonHover_Youthful, .dxeColorEditButton_Youthful:hover {
        background: #f1fcfb none;
    }
.dxeCalendarOtherMonth_Youthful {
    color: #7fa7b0;
}
.dxeCalendarWeekNumber_Youthful {
    color: #9bb8c1;
}
.dxeCalendar_Youthful {
    border: 1px solid #85a9c1;
    background-color: #d3f2ff;
}
.dxeCalendarToday_Youthful {
    border: 1px solid #17cef4;
}
/*.dxGridView_gvHeaderFilter_Youthful {
    background-image: url("../../images/down.gif");
}*/
.dxpcLite_Youthful .dxpc-header, .dxdpLite_Youthful .dxpc-header {
    background: #cfe2ee;
    border-top: 5px Solid #2dbdf1;
}
.dxpcLite_Youthful .dxpc-mainDiv, .dxpcLite_Youthful.dxpc-mainDiv, .dxdpLite_Youthful .dxpc-mainDiv, .dxdpLite_Youthful.dxpc-mainDiv {
    background-color: #cfe2ee;
}
.dxtcLite_Youthful > .dxtc-content {
    background-color: #b9e4f1;
}
/*.dxtcLite_Youthful > .dxtc-stripContainer .dxtc-tab {
    background: #b8eaff;
}*/
.dxgvGroupRow_Youthful {
    background-color: #b8eef9;
    color: #151515;
}
    .dxgvDataRow_Youthful td.dxgvIndentCell, .dxgvDetailRow_Youthful td.dxgvIndentCell, .dxgvPreviewRow_Youthful td.dxgvIndentCell, .dxgvGroupRow_Youthful td.dxgvIndentCell, .dxgvGroupFooter_Youthful td.dxgvIndentCell {
        background-color: #b8eef9;
    }
.dxgvFilterRow_Youthful {
    background-color: #a6d9e4;
}
.dxtcLite_Youthful.dxtc-top > .dxtc-stripContainer .dxtc-activeTab {
    border-bottom: 1px solid #b9e4f1;
}
.dxtcLite_Youthful > .dxtc-stripContainer .dxtc-tab, .dxtcLite_Youthful > .dxtc-stripContainer .dxtc-activeTab {
    background: #d6d6d6 url(/DXR.axd?r=0_5866-Emrck) repeat-x left top;
}
.dxtcLite_Youthful > .dxtc-stripContainer .dxtc-activeTab {
    border-style: none;
    background: #b9e4f1 url(/DXR.axd?r=0_5865-Emrck) repeat-x left top;
}
/*---------------- End Devexpress style ----------------*/

/*---------------- Start Focus style ---------------*/
form input[type="text"]:focus, form input[type="password"]:focus {
    -webkit-box-shadow: 0 0 2px #8a8eff inset;
    -moz-box-shadow: 0 0 2px #8a8eff inset;
    -ms-box-shadow: 0 0 2px #8a8eff inset;
    -o-box-shadow: 0 0 2px #8a8eff inset;
    box-shadow: 0 0 2px #8a8eff inset;
    background-color: #fff;
    border: 1px solid #4626d0;
    outline: none;
}
form input[type="image"]:focus, form input[type="checkbox"]:focus, form input[type="radio"]:focus, form input[type="submit"]:focus {
    -webkit-box-shadow: 0 0 2px #8a8eff inset;
    -moz-box-shadow: 0 0 2px #8a8eff inset;
    -ms-box-shadow: 0 0 2px #8a8eff inset;
    -o-box-shadow: 0 0 2px #8a8eff inset;
    border: 1px solid #4626d0;
    outline: #ed1c24 solid 1px;
}
form select:focus, form textarea:focus, form a:focus {
    -webkit-box-shadow: 0 0 2px #8a8eff inset;
    -moz-box-shadow: 0 0 2px #8a8eff inset;
    -ms-box-shadow: 0 0 2px #8a8eff inset;
    -o-box-shadow: 0 0 2px #8a8eff inset;
    box-shadow: 0 0 2px #8a8eff inset;
    background-color: #fff;
    border: 1px solid #4626d0;
    outline: none;
}
/*---------------- End Focus style ----------------*/

/*---------------- Start MainPage style ----------------*/
.mainmenu_top {
    border-bottom: 5px solid #218fbc;
}

.divsearch li {
    list-style: none;
    padding: 0px 18px;
}

    .divsearch li a {
        color: #000;
        text-decoration: none;
    }

.divSearch_top ul li a:hover {
    background-color: #4abde9;
    color: #fff;
}

.Right_head {
    background: linear-gradient(299deg, #7c7eb7, #018cde);
}
/*---------------- End MainPage style ----------------*/

/*---------------- Start NewLogin style ----------------*/
.crd_form p input {
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    padding: 7px 31px;
}

    .crd_form p input:focus {
        color: #495057;
        background-color: transparent !important;
        border-color: #ee3a3a;
        border: none;
        border-bottom: 2px solid #52afdf;
        outline: 0;
        box-shadow: none;
    }

    .crd_form p input:-webkit-autofill {
        background-color: transparent;
    }

.lg_buttons input {
    background-image: linear-gradient(to right, #48a6d7, #78d0ff);
}

@media screen and (max-width:767px){
    .lg_buttons input:active, .lg_buttons input:visited, .lg_buttons input:hover {
        background-image: linear-gradient(to right, #48a6d7, #78d0ff);
        color: #fff;
    }
}
@media screen and (max-width: 479px) {
    body {
        background-repeat: no-repeat;
        background-color: transparent;
    }
}

@media screen and (min-width: 1023px) {
    .dialogOne {
        background-image: url('../../images/log_blue.png');
        background-repeat: no-repeat;
    }
}
/*---------------- End NewLogin style ----------------*/