body {
}

@media (min-width: 320px) {
    .alignLeftXsRightSm {
        text-align: left;
    }

    .alignLeftSmRightXs {
        text-align: right;
    }
    .alignLeftSmCenterXs {
        text-align: center;
    }
    .alignRightSmCenterXs {
        text-align: center;
    }
    .alignPullRightSmCenterXs {
        text-align: center;
    }
}

@media (min-width:767px) {
    .alignLeftXsRightSm {
        text-align: right;
    }

    .alignLeftSmRightXs {
        text-align: left;
    }
    .alignLeftSmCenterXs {
        text-align: left;
    }
    .alignRightSmCenterXs {
        text-align: right;
    }
    .alignPullRightSmCenterXs {
        float:right;
    }
}

.ddmIcon{
    /*
        This was created because of an error in master page css 
        It was added to all icons (500+) across all pages (Find-Replace)
        Later master page was corrected and this was not required
        hence commented on 25-01-2020

    font-size:medium !important;
    width: 15px !important;
    float:left !important;*/
}
.pagination-bs {
    /*display: inline-block;*/
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
    background-color: Silver;
}

    .pagination-bs table > tbody > tr > td {
        display: inline;
    }

        .pagination-bs table > tbody > tr > td > a,
        .pagination-bs table > tbody > tr > td > span {
            position: relative;
            float: left;
            padding: 4px 6px;
            line-height: 1.42857143;
            text-decoration: none;
            color: Blue;
            background-color: White;
            border: 1px solid #dddddd;
            margin-left: -1px;
        }

        .pagination-bs table > tbody > tr > td > span {
            position: relative;
            float: left;
            padding: 4px 6px;
            line-height: 1.42857143;
            text-decoration: none;
            margin-left: -1px;
            z-index: 2;
            color: White;
            background-color: #428bca;
            border-color: #dddddd;
            cursor: default;
        }

        .pagination-bs table > tbody > tr > td:first-child > a,
        .pagination-bs table > tbody > tr > td:first-child > span {
            margin-left: 0;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
        }

        .pagination-bs table > tbody > tr > td:last-child > a,
        .pagination-bs table > tbody > tr > td:last-child > span {
            border-bottom-right-radius: 4px;
            border-top-right-radius: 4px;
        }

        .pagination-bs table > tbody > tr > td > a:hover,
        .pagination-bs table > tbody > tr > td > span:hover,
        .pagination-bs table > tbody > tr > td > a:focus,
        .pagination-bs table > tbody > tr > td > span:focus {
            color: #97310e;
            background-color: #eeeeee;
            border-color: #dddddd;
        }

.chkList {
    color: Black;
}

    .chkList label {
        margin-right: 15px;
        display: inline;
    }

    .chkList input[type="checkbox"] {
        margin-right: 5px; /* Or any other value */
    }

.lblPrompt {
    color: Gray;
}

.lblPromptSm {
    color: Gray;
    font-size:small !important;
}

.lblMandatory {
    color: red;
}

.saveBar {
    background-color: silver;
    color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: right;
    bottom: 0;
    left: 0;
    right: 0;
    margin-bottom: 0;
    position: fixed;
    width: 100%;
    z-index: 99999;
}

.lblPromptInline {
    color: Gray;
    display: inline;
}

.lblValue {
    color: Blue;
}

.lblHeader {
    color: Navy;
    font-size: large;
}

.btnStyle {
    width: 80px;
}

.gvMainItem {
    color: #64a5ec;
}

.header1 {
    font-size: x-large;
    color: Gray;
    font-weight: bold;
}

.menustrip {
    background-color: Silver;
    text-align: center;
    color: Black;
}

.crvToolbarWidth {
    width: 600px;
}

.boxhead {
    font-size: larger;
    font-weight: bold;
    color: #2B3D8A;
    padding-left: 10px;
    vertical-align: bottom;
    height: 30px;
}

.normal {
    color: #3a7bb3;
    font-family: Arial;
    font-size: 14px;
    margin-top: 0px;
}

.grid {
    text-align: left;
}

.boxbody {
    padding-top: 15px;
    font-size: medium;
    color: Gray;
}

.boxmore {
    font-size: small;
    text-align: right;
    font-style: italic;
    color: Gray;
    padding-right: 20px;
}

.bottomRight {
    position: absolute;
    bottom: 30px;
    right: 20px;
}

.bottomRight1 {
    position: absolute;
    bottom: 30px;
    right: 80px;
}

.watermark {
    color: Silver;
}

.Panel {
    color: #3a7bb3;
    font-size: Large;
    border-style: outset;
    text-align: left;
}

.panelMinHeight {
    min-height: 300px;
}

.label {
    color: #3a7bb3;
    font-size: medium; /*width:190px;*/
}

.label2 {
    color: #3a7bb3;
    font-size: 14px; /*width:190px;*/
}

.labelRemark {
    color: Gray;
    font-size: 11px;
    width: 190px;
}

.labelRed {
    color: Red;
    font-family: Arial;
    font-size: 14px;
}

.roundCorner {
    -moz-border-radius: 12px;
    -border-radius: 12px;
    -border-top-right-radius: 12px;
    -border-top-left-radius: 12px;
}

#DivgrdViewallGroups {
    max-height: 600pc;
    overflow: auto;
    font-family: Arial;
    font-size: medium;
    font-weight: normal;
    text-align: left;
}

#DivPanelForAddComment {
    font-family: Arial;
    font-size: 14px;
}

    #DivPanelForAddComment table {
        text-align: left;
    }

.labelRight {
    float: right;
    color: Maroon;
    font-size: medium;
}

#TableCreateNewTopic {
    text-align: left;
}

#DivgrdForAllTopiocs {
    font-family: Arial;
    font-size: medium;
    text-align: left;
}

#DivgrdViewallGroups {
    overflow: auto;
    max-height: 700px;
}

.labelClassic {
    color: Maroon;
    font-size: 18px;
    font-family: Arial;
}

#AdminFacDiv {
    width: 800px;
    background-color: #5490EB;
    color: White;
    font-family: Arial;
}

    #AdminFacDiv table {
        width: 400px;
        text-align: left;
    }

.panelstyle1 {
    text-align: left;
    background-color: #5490EB;
    color: White;
    font-family: Arial;
    font-weight: bold;
}

.panelstyle2 {
    background-color: #5490EB;
    color: White;
    font-family: Arial;
    width: 400px;
}

.labelBold {
    font-weight: bold;
}

.astrik {
    color: Red;
}
/* SettingAdmin.aspx*/
#SettingDiv {
    width: 800px;
    height: 450px;
}

    #SettingDiv table {
        width: 600px;
        text-align: left;
    }

        #SettingDiv table table {
            width: 400px;
            text-align: left;
            text-align: left;
        }

#slotable {
}
/*Booking.aspx*/
#BookingHeader {
    float: right;
    color: #3a7bb3;
}

.TableStyle {
    color: #3a7bb3;
    width: 680px;
    font-weight: 500;
    font-size: 16px;
    text-align: left;
}

.TblStyleNoWidth {
    color: #3a7bb3;
    font-weight: 500;
    font-size: 16px;
}

.PanelInner {
    width: 750px;
}

.PanelInner2 {
    width: 700px;
}
/*Modal-pop-up-*/
.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.iframstyle {
    background-color: White;
}

.CancelImage {
    position: relative;
    bottom: 0px;
    float: right;
    margin-left: -14px;
}

.CancelImage2 {
    position: relative;
    bottom: -30px;
    float: right;
}

.CancelImage1 {
    position: relative;
    margin-left: -.5em;
    float: right;
    height: 20px;
    width: 20px;
}

.ButtonRight {
    float: right;
}

.P {
    text-align: justify;
    font-size: x-small;
    margin-left: 1em;
    margin-right: 1em;
}
/* StarRating styles----------------*/
.savedRatingStar {
    background-image: url( 'image/Filled.gif' );
    width: 20px;
    height: 20px;
}

.emptyRatingStar {
    background-image: url( 'image/Empty.gif' );
    width: 20px;
    height: 20px;
}

.filledRatingStar {
    background-image: url( 'image/Filled.gif' );
    width: 20px;
    height: 20px;
}
/*style of content*/
.maxContentWidth {
    width: 1000px;
}

.content {
}

/*end*/
/*Notice Board*/
.NoticeTextBox {
    height: 150px;
    width: 300px;
}

.alignMiddle {
    text-align: center;
}

.alignRight {
    text-align: right;
}

.AlignLeft {
    text-align: left;
    width: 100%;
}

.DyanamicPanel {
    background-position: top center;
    background-repeat: no-repeat;
    margin-top: -.2em;
    margin-right: -.2em;
    position: relative;
    border: solid 5px white;
}

.Noticelabel {
    color: #3a7bb3;
    font-size: larger;
    font-weight: bold;
    width: 190px;
    text-align: center;
}

.Noticelbl2 {
    color: #3a7bb3;
    font-size: small;
    width: 190px;
}

.PTag {
    text-align: justify;
    margin-left: 2em;
    margin-right: 2em;
    font-size: 14px;
    font-family: Arial;
}

.imgbtn {
    margin-right: 12px; /*margin-top :-16px;*/
    position: relative;
}

.HLinks {
    margin-left: 2em;
    position: relative;
}

.MyProfile {
    width: 200px;
}
/*---------------------*/


.Tab .ajax__tab_header {
}

    .Tab .ajax__tab_header .ajax__tab_tab {
        background-color: #CCCCCC;
        color: white;
        font-size: large;
        padding: 4px 25px;
        margin-right: 2px;
    }

.Tab .ajax__tab_active .ajax__tab_tab {
    background-color: #2B3D8A;
    color: white;
    font-size: large;
    padding: 4px 25px;
    margin-right: 2px;
}
/*Clssifieds.aspx */
.rb {
    font-size: small;
}

#TopHeaderDiv1 ul li {
    margin-left: 15px;
    margin-right: 15px;
}

.decorateNone {
    text-decoration: none;
}

.tahoma {
    font-family: Tahoma;
}

.arial {
    font-family: Arial;
}

.ErrorMsg {
    color: Blue;
    font-size: 14px;
    font-family: Arial;
}
/*Accordian Style For Features*/
.accordionContent {
    /*background-color: #D3DEEF;*/
    background-color: #f0f0f0;
    border-color: -moz-use-text-color #2F4F4F #2F4F4F;
    border-right: 1px dashed #2F4F4F;
    border-style: none dashed dashed;
    border-width: medium 1px 1px;
    padding: 10px 5px 5px;
}

.accordionHeaderSelected {
    background-color: #61B4A4;
    border: 1px solid #2F4F4F;
    color: white;
    cursor: pointer;
    font-family: Arial,Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    margin-top: 5px;
    padding: 5px;
    text-align: left;
    font-size: medium;
}

.accordionHeader {
    background-color: #167E7A;
    border: 1px solid #2F4F4F;
    color: white;
    cursor: pointer;
    font-family: Arial,Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    margin-top: 5px;
    padding: 5px;
    text-align: left;
    font-size: medium;
}

.random {
    background-image: url( 'image/RanBG.png' );
    font-size: larger;
    color: Blue;
    font-style: italic;
}

.profilePic {
    max-height: 120px;
    max-width: 100px;
}

.txtAmt {
    text-align: right;
    width: 85px;
}

.iconsStyle {
    width: 30px;
}

.gridHeader {
    border-radius: 4px;
    background-color: silver;
    padding: 3px;
}

.toolbar {
    height: 16px;
}

.toolbarMain {
    height: 36px;
    padding-bottom: 3px;
    padding-top: 5px;
}

.toolbarText {
    font-size: x-small;
    color: Gray;
}




/*Update Progress */
.backOfUpdateProgress {
    /*  position :fixed ;     top :0px;     bottom:0px ;     left:0px ;     right :0px;     overflow:hidden ;     padding :0;     margin:0px;     background-color:#000;     filter:alpha(opacity=50);     opacity=5.0;     z-index :999999998;*/
}

.backgOfImage {
    left: 46%;
    top: 35%;
    position: fixed;
}

.Overflow {
    overflow: auto;
}

.lnkAddStyle {
    color: blue;
    text-decoration: none;
}
/* Filter header style*/
.filterDiv {
    background-color: #1093c1;
    border-radius: 5px;
    vertical-align: middle;
    text-align: left;
    padding: 7px;
}

.filterHeader {
    font-size: large;
    color: white;
    margin-left: 10px;
    margin-top: 7px;
    margin-bottom: 7px;
    text-decoration: none;
}

    .filterHeader:hover {
        color: whitesmoke;
    }

.filterEntries {
    margin-top: 4px;
    margin-bottom: 4px;
    margin-right: 15px;
    height: 25px;
    border-radius: 3px;
    padding: 2px;
}

.filterXDiv {
    background-image: url('/image/Icon/IconCollapse.jpg' );
    width: 1000px;
    height: 25px;
    vertical-align: middle;
}

.filterDiv100 {
    background-image: url(../image/Icon/IconCollapse.JPG );
    width: 99%;
    margin-left: 5px; /* height: 25px;*/
    vertical-align: middle;
}

.filterTable {
    color: White;
    font-size: 14px;
}

.filterTd1 {
    width: 370px;
}

.filterTd2 {
}

.filterTd3 {
    width: 370px;
}
/* End */
.footer1 {
    background-color: #d9d9d9;
    height: 90px;
    padding-bottom: 4px; /* border-top  :solid 1px gray;*/
}

.footer2 {
    background-color: #191717;
    font-family: calibri;
    font-size: 15px;
    text-align: center;
    padding: 0 1px 0 1px;
    color: White;
    height: 40px;
    vertical-align: middle;
}

.HitsCounter {
    font-size: 14px;
    color: #444444;
    background-color: White;
    padding: 2px;
    font-weight: bold;
    text-align: center;
}

.FooterLinks {
    width: 14%;
    color: Gray;
}

.labelHeader {
    color: #251667;
    font-family: Calibri;
    font-size: 22px;
    font-weight: bold;
}

button em {
    text-decoration: underline;
}


/******************************UserControl: Message*******************/
.message-box {
    width: 50%;
    display: inline;
    height: auto;
    padding: 30px 20px;
    position: fixed;
    left: 25%;
    top: -200px;
    font-size: 15px;
    color: #fff;
    z-index: 100000;
}

.close-btn {
    position: absolute;
    right: 6px;
    top: 0;
    cursor: pointer;
}

    .close-btn:hover {
        opacity: 0.7;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        filter: alpha(opacity=70);
    }

.message {
    width: 100%;
    z-index: 100010;
}

.success {
    background-color: #72A101;
    border: 2px solid #4d6d01;
}

.error {
    background-color: #d04a01;
    border: 2px solid #983600;
}

.info {
    background-color: #0285c2;
    border: 2px solid #00577f;
}

.disabled {
    background-color: gray;
}
/*.bar{
     background-color:#248DC1;
}*/

/*.bar{
    background-color:lightseagreen;
}*/


/* style.css */
/** {
   font-size: 10px;
   line-height: 1;
}*/
.boxsmall {
    display: block;
    position: relative;
    height: 70px;
    padding: 10px;
    margin-bottom: 20px;
    color: #fff;
    overflow: hidden;
    text-align: right;
}

.box .box-light-blue {
    background-color: #009dc6;
}

.box-blue {
    background-color: #0a59c0;
}

.box-dark-blue {
    background-color: #381095;
}

.box-red {
    background-color: #b9231f;
}

.box-orange {
    background-color: #e79712;
}

.box-pink {
    background-color: #c7266c;
}

.box-magenta {
    background-color: #8b4787;
}

.box-green {
    background-color: #31a221;
}

.box-lime {
    background-color: #65b11d;
}

.box-gray {
    background-color: #888;
}

.box-black {
    background-color: #000;
}

.box-white {
    background-color: #fff;
    color: #444 !important;
}

.box-yellow {
    background-color: #f3d240;
}

.box-brown {
    background-color: #b5a291;
}

.boxsmall .content > p.big {
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 0;
}

.boxsmall .content > p.medium {
    font-size: 20px;
    font-weight: 200;
    margin-bottom: 0;
}


.message-box {
    width: 50%;
    display: inline;
    height: auto;
    padding: 30px 20px;
    position: fixed;
    left: 25%;
    top: -200px;
    font-size: 15px;
    color: #fff;
    z-index: 100000;
    border-radius: 5px;
    border-color: silver;
}

.imgStyleOfUpdateProgress {
    margin-top: 150px;
    height: 60px;
    width: 60px;
    z-index: 2147483648;
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

    /* Hide default HTML checkbox */
    .switch input {
        display: none;
    }

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}
.slider-sm {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider-sm:before {
        position: absolute;
        content: "";
        height: 13px;
        width: 13px;
        left: 2px;
        bottom: 2px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider-sm {
    background-color: #2196F3;
}

input:focus + .slider-sm {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider-sm:before {
    -webkit-transform: translateX(13px);
    -ms-transform: translateX(13px);
    transform: translateX(13px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }
.autoCompleteList{
    background-color: whitesmoke;
    color:black;
    max-height: 400px;
    overflow-y: scroll;
    border: 1px solid gray;
    width:400px;
}
.autoCompleteItem{
    background-color:whitesmoke;
    color:black;
    list-style-type: none;
}
.autoCompleteHighlight{
    background-color:silver;
    color:black;
    list-style-type: none;
}
.text-nowrap {
    white-space: nowrap;
}
.text-white{
    color:white;
}
.text-gray{
    color:gray;
}
.input-xs {
  height: 22px;
  padding: 2px 5px;
  font-size: 12px;
  line-height: 1.5; /* If Placeholder of the input is moved up, rem/modify this. */
  border-radius: 3px;
}

tr.gvRowHover
{
    background-color: #F7F6F3;
    color: #333333;
}


tr.gvRowHover td
{ 
}

tr.gvRowHover:hover td, 
tr.gvRowHover.over td
{ 
    background-color: white;
    color: black;
    text-decoration:none;
}
tr.gvRowHover:hover a { color: black; }