.right-content .show {
    width: 43%;
    float: left;
}

.right-content .search {
    width: 57%;
    float: left;
}

.custom-margin-top-25 .col-xs-10 {
    width: 63.333333%;
}

.custom-margin-top-25 .col-xs-2 {
    width: 36.666667%;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-bottom: 1px solid #eee;
    width: 100%;
}

@media (max-width:767px) {
    .container {
        width: 100% !important;
        min-width: 100%;
    }


    /*========================= header =========================*/
    #header {
        position: relative;
        width: 100%;
    }


        #header img.bg {
            display: inline-block;
            left: inherit !important;
            right: 0 !important;
        }

        #header form .search-wrapper {
            width: 207px;
            float: right;
            position: relative;
            display: inline-block;
            /*margin-top: 50px;*/
        }

        #header form input[type=submit] {
            left: inherit !important;
            top: 7px !important;
            right: 5px;
        }

    /*#header form input[type=text], #header form input[type=text]:focus {
            margin: 0 !important;
            width: 207px !important;
        }*/

    .form-inline {
        position: relative;
        float: none;
        /* width: 100%; */
    }
    /*
    #header form {
        margin: 0;
        font-size: 8pt;
        padding: 6.5px 10px;
        position: absolute;
        bottom: 0;
        right: 0;
    }*/

    .custom-margin-left-negative-30 {
        margin-left: -15px;
    }

    /*========================= navbar =========================*/


    /*  .navbar {
        width: 100%;
        min-width: 100%;
    }*/


    /*
    .navbar-default .navbar-toggle {
        background-color: transparent;
        border-color: transparent;
        margin-right: 10px !important;
        float: right;
    }
*/

    .dropdown-menu {
        width: 100%;
        max-width: 100%;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 100%;
        padding: 0;
        margin: 0 0 0 0;
    }

        .dropdown-menu li {
            /* float: none;
            padding-left: 20px;*/
        }

            .dropdown-menu li:hover {
                float: none;
                width: 100%;
                background: rgba(255,255,255,.3);
            }


    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #fff;
        background: rgba(255, 255, 255, .3);
    }


    /*========================= slideshow =========================*/

    .slideshow .container {
        width: 100% !important;
        min-width: 100% !important;
    }

    .slideshow .slides .slider-item-wrapper .slider-item-cotainer .item-content ul li h1 {
        margin-left: 0;
        font-size: 36px;
        padding-left: 30px;
    }

    .slideshow .slides .container .slider-item-cotainer {
        height: 240px;
        display: table;
        padding: 0;
    }

    .slideshow .slides .slider-item-wrapper {
        height: 300px;
        width: 100%;
        /*margin-bottom: 90px;*/
        background: none;
    }

    .slideshow .slides .container .slider-item-cotainer .item-content ul li h1, .slideshow .slides .container .slider-item-cotainer .item-content ul li p {
        width: auto;
        color: #000;
        padding: 0 60px 0 30px;
    }

    .slideshow .slides .container .slider-item-cotainer .item-content ul li p {
        font-size: 14px;
    }

    .border-radius-3 {
        padding-left: 30px;
    }

    .flex-direction-nav {
        top: 32%;
    }

        .flex-direction-nav .next {
            right: 10px;
            left: inherit;
            background-position: right center;
        }

            .flex-direction-nav .next:hover {
                right: 10px;
                background-position: right center;
            }

        .flex-direction-nav .prev {
            width: 61px;
            height: 61px;
            left: 10px;
            background-position: left center;
        }

            .flex-direction-nav .prev:hover {
                left: 10px;
                background-position: left center;
            }
    /*========================= Welcome =========================*/
    .slideshow .slides .welcome h4 {
        font-size: 16px;
    }

    /*========================= Find =========================*/

    #wrapper-content-1 .col-xs-4 {
        width: 100%;
        border-top: solid 1px #eeead2;
        padding-top: 20px;
    }

    #wrapper-content-1 form {
        position: relative;
        margin-bottom: 10px;
    }

    #wrapper-content-1 .container {
        padding-top: 0;
        padding-bottom: 0;
    }

    #wrapper-content-1 .submit-wrapper .right-content h2 {
        color: #333;
        font-size: 18px;
        margin: 0 !important;
    }

    #wrapper-content-1 form input[type=submit] {
        left: inherit;
        right: 0;
        top: 20px;
        background-size: 60% auto;
    }

    #wrapper-content-1 h5, .h5 {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
        font-size: 16px;
    }
    /*========================= home_news =========================*/
    #home_news .col-xs-3 {
        width: 100%;
    }

    #home_news .container {
        padding-top: 10px;
        padding-bottom: 20px;
    }

    #home_news .user-content {
        margin-bottom: 20px;
    }

        #home_news .user-content img {
            display: block;
            max-width: 100% !important;
            height: auto;
            width: 100% !important;
        }

    #home_news h2 {
        color: #333;
        font-size: 24px;
        margin: 0 !important;
    }

    .custom-btn {
        font-size: 14px !important;
    }
    /*========================= footer =========================*/
    #footer .col-xs-12 {
        width: 100%;
        text-align: center;
    }

    #footer span {
        float: none !important;
        text-align: center;
    }

    #footer #wrapper-content-2 h6 {
        float: none;
        margin: 0;
        font-size: 12px;
        display: inline-block;
    }

    #wrapper-content-2 a img {
        font-size: 12px;
        display: block;
        float: none !important;
        margin: 0;
        padding: 0;
        text-align: center;
        margin: 0 auto !important;
    }
    /*========================= about =========================*/

    h1 {
        font-size: 32px;
    }

    h2 {
        font-size: 26px;
    }

    h3, .h3 {
        font-size: 20px;
    }

    .custom-margin-bottom-20 {
        margin-bottom: 0 !important;
    }

    #top-banner .container {
        height: auto;
        min-height: initial;
        padding: 24px 15px;
    }

    #top-banner {
        height: 0;
    }

    .left-content ul {
        margin-top: 20px;
    }

    .right-content .custom-margin-top-35 {
        margin-top: 10px !important;
        width: 100% !important;
        float: none !important;
    }

    .right-content .col-xs-7 {
        width: 82%;
    }

    .col-xs-3 {
        width: 100%;
    }

    .col-xs-9 {
        width: 100%;
    }

    .col-xs-2 {
        width: 100%;
    }

    .col-xs-10 {
        width: 100%;
    }

    .custom-margin-top-25 .col-xs-10 {
        width: 100%;
    }

    .custom-margin-top-25 .col-xs-2 {
        width: 100%;
    }




    /*.left-content{ width: 100%}*/
    .custom-padding-left-5 {
        padding-left: 15px;
    }

    .right-content table {
        width: 100% !important;
    }

        .right-content table td {
            /*width: 100% !important;*/
        }

    /*========================= Breed =========================*/
    .left-content ul {
        margin-top: 20px;
        margin-bottom: 0;
    }

        .left-content ul li:first-child {
            border-top: none;
            padding-top: 0 !important;
        }

    span.functions {
        display: block;
        float: none;
        margin: 0 auto;
        text-align: center;
        width: 100%;
        font-size: 16px;
    }

    .form-search-breed {
        float: none !important;
        width: 100% !important;
        margin: 0;
        padding: 0;
        position: relative;
    }

    .right-content .show, .right-content .search, .right-content .paging {
        width: 100% !important;
        margin: 0 auto;
        text-align: center;
    }

    .paging ul {
        float: none;
        line-height: 2.222;
        margin: 0;
    }

    .select-paging-filter {
        width: 230px;
        background-color: rgba(255, 255, 255, 0);
    }

    div.paging-filter:before {
        left: 210px;
    }

    .form-search-breed input[type=text], form input[type=text] {
        width: 100% !important;
        padding: 10px;
        font-size: 15px;
        border-radius: 20px;
        opacity: 0.8;
        border: 1px solid #ccc;
        margin: 10px 0 !important;
        float: none !important;
    }

    .form-search-breed input[type=button] {
        background: url('../png/search-icon.png');
        /* background-size: 60% auto; */
        background-repeat: no-repeat;
        border: 5px;
        outline: none;
        position: absolute;
        top: 22px;
        box-shadow: none;
        left: inherit !important;
        right: 4px;
    }

    .content h5, .h5 {
        font-family: 'OpenSans-Semibold', sans-serif;
        margin: 0;
        padding-left: 10px !important;
        height: auto !important;
        max-height: auto !important;
        display: table-cell;
        vertical-align: middle;
        float: left !important;
        font-size: 13px;
    }

    #LstBreeds .col-xs-4 {
        width: 73.333333%;
    }

    #LstBreeds .content h5.title {
        color: #6eab59;
        font-size: 15px;
    }

    #LstBreeds .content .col-xs-1 {
        width: 17.333333%;
    }

    #LstBreeds .content .pull-right {
        float: none !important;
    }

    #LstBreeds .custom-margin-top-25 {
        margin-top: 15px !important;
    }

    .custom-margin-bottom-35 {
        margin-bottom: 15px !important;
    }

    .custom-margin-top-20 {
        margin-top: 15px !important;
    }

    .page-title {
        margin-left: 0;
    }

    .right-content .main-list ul li {
        padding: 10px 0 !important;
    }

    .right-content .main-list p {
        margin: 0 !important;
    }

    .custom-margin-top-15 {
        margin-top: 15px !important;
        margin-bottom: 15px;
    }

    .pdf-printing {
        /*background-image: none;*/
        margin-top: 10px !important;
        width: 100%;
    }

        .pdf-printing a {
            font-size: 12pt;
            display: inline-block;
        }

    #updateDiv .col-xs-6 {
        width: 100%;
    }
    /*========================= AllBreedJudge =========================*/
    .filter-wrapper .col-xs-2 {
        width: 100% !important;
        margin: 0 auto;
        text-align: center;
    }

    .filter-wrapper .col-xs-11 {
        width: 100%;
    }

    .filter-wrapper .col-xs-10 {
        width: 100%;
        margin-bottom: 10px;
    }

    .filter-wrapper {
        padding: 0 10px !important;
    }

        .filter-wrapper ul {
            float: left;
            margin-left: 0;
            margin: 0 auto;
            text-align: center;
        }

    .filter > li:last-child > a {
        line-height: 2;
    }

    .filter > li:last-child > span {
        /*font-size:11px;
        line-height:1;*/
        padding: 0 9px;
        line-height: 2;
    }

    .filter > li > span.active {
        color: #ce5365;
        /*font-size: 13px !important;*/
        padding: 0;
    }

    .utilities span, .utilities a {
        font-weight: bold;
        font-size: 11pt;
    }

    .fa-print {
        font-size: 20pt;
    }

    .filter-wrapper select {
        width: 100% !important;
        margin-right: 0;
        height: 40px;
    }

    .filter-wrapper label {
        font-size: 15px;
    }

    .filter-wrapper input[type=checkbox].css-checkbox + label.css-label {
        padding: 10px 12px;
        height: auto;
        display: block;
        line-height: 18px;
        background-repeat: no-repeat;
        background-position: 0 1px;
        vertical-align: middle;
        cursor: pointer;
        background-size: 18px;
        font-size: 14px;
        /*width: 100% !important;*/ /*Hoa comment*/
    }

    .filter-wrapper input[type=button] {
        margin-top: 10px;
    }

    div.custom-select {
        display: block;
        position: relative;
    }

    .paging-filter .select-paging-filter {
        width: 100% !important;
    }

    div.paging-filter:before {
        left: inherit !important;
        right: 10px;
    }

    .custom-margin-top-25 {
        margin-top: 15px !important;
    }

    #bottomPages {
        float: none !important;
        text-align: center;
        margin: 0 auto;
    }

    select {
        font-size: 16px;
    }

    .col-xs-4 {
        width: 100%;
    }

    .col-xs-8 {
        width: 100%;
    }

    .paging {
        float: none;
        text-align: center;
        margin: 10px auto;
        width: 100%;
    }

    .listStateSelected {
        width: 100% !important;
    }

    .ms-choice {
        position: relative;
        height: 38px;
        margin-bottom: 4px;
    }

    .ms-parent {
        display: inline-block;
        position: relative;
        vertical-align: middle;
        /* margin-top: -3px; */
        margin-right: 20px;
        width: 100% !important;
    }
    /*---------- SportingAgilityJudge -------------*/
    .listCheckboxAGL, .listCheckboxJUM, .listCheckboxSTP,
    .listCheckboxGAM, .listCheckboxSNK, .listObedienceObedience,
    .listObedienceOther, .listHM {
        width: 100% !important;
        margin-top: 7px;
        float: left;
    }

    #gameGroup {
        margin-left: 0;
        margin-right: 0;
        margin-top: 10px;
        width: 100%;
    }

    .listCheckboxAGL .ms-choice > div,
    .listCheckboxJUM .ms-choice > div,
    .listCheckboxSTP .ms-choice > div,
    .listCheckboxGAM .ms-choice > div,
    .listCheckboxSNK .ms-choice > div,
    .listObedienceObedience .ms-choice > div,
    .listObedienceOther .ms-choice > div,
    .listStateSelected .ms-choice > div, .listStateSelected .ms-choice > div.open,
    .ms-choice > div, .ms-choice > div.open {
        right: 10px !important;
        position: absolute;
        top: -1px;
    }

    .ms-drop ul > li {
        list-style: none;
        display: list-item;
        background-image: none;
        position: static;
        text-align: left;
    }

    .hideOnresponsive {
        display: none;
    }
}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px), (max-width: 1199px) and (min-width: 768px) {

    .col-xs-offset-11 {
        margin-left: 0;
    }

    .right-content .user-content p {
        padding: 0;
        float: none;
    }

    .right-content .user-content table, .right-content .user-content thead,
    .right-content .user-content tbody, .right-content .user-content th, .right-content .user-content td, .right-content .user-content tr {
        display: block;
    }

        .right-content .user-content thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    .right-content .user-content td {
        position: relative;
        word-wrap: break-word;
        padding-left: 0;
        font-size: 13px !important;
        text-align: center;
    }

        .right-content .user-content td:before {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            white-space: nowrap;
            color: #000;
            font-weight: 700;
        }

    .right-content .user-content .table > tbody > tr > td, .right-content .user-content .table > tfoot > tr > td, .right-content .user-content .table > thead > tr > td {
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 0;
        color: #fff;
        padding-left: 0;
        padding-top: 0;
    }


    /*========================= suspensions_table =========================*/
    .right-content .suspensions {
        border: transparent !important;
    }

        .right-content .suspensions thead th {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        .right-content .suspensions tr {
            border: solid 1px #000;
            margin-bottom: 10px;
        }

        .right-content .suspensions td {
            position: relative;
            word-wrap: break-word;
            padding-top: 20px !important;
            padding-bottom: 0 !important;
            font-size: 13px !important;
            text-align: center !important;
        }

            .right-content .suspensions td:nth-of-type(1):before {
                content: "MEMBER BODY";
            }

            .right-content .suspensions td:nth-of-type(2):before {
                content: "DOGS NAME";
            }

            .right-content .suspensions td:nth-of-type(3):before {
                content: "BREED";
            }

            .right-content .suspensions td:nth-of-type(4):before {
                content: "REGISTRATION NUMBER";
            }

            .right-content .suspensions td:nth-of-type(5):before {
                content: "SUSPENSION START DATE";
            }

    /*========================= hall_of_fame Table =========================*/
    .right-content .hall_of_fame {
        border: transparent !important;
    }

        .right-content .hall_of_fame thead th {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        .right-content .hall_of_fame tr {
            border: solid 1px #000;
            margin-bottom: 10px;
        }

        .right-content .hall_of_fame td {
            position: relative;
            word-wrap: break-word;
            padding-top: 20px !important;
            padding-bottom: 0 !important;
            font-size: 13px !important;
            text-align: left !important;
            color: #000;
        }

            .right-content .hall_of_fame td:nth-of-type(1):before {
                content: "Year Inducted";
            }

            .right-content .hall_of_fame td:nth-of-type(2):before {
                content: "Outstanding Gundog";
            }

            .right-content .hall_of_fame td:nth-of-type(3):before {
                content: "Owned By";
            }


    /*========================= all-table  =========================*/
    .ff-main-table, .main-table {
        border: 1px solid #ddd;
    }

        .ff-main-table span, .main-table span {
            float: none;
            font-size: 14px;
            display: inline-block;
        }

    .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
        padding: 4px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #ddd;
        display: inline-block;
        width: 100% !important;
        margin: 0 !important;
    }

    .table table, .table thead, .table tbody,
    .table, .table td, .table tr {
        display: block;
        border-bottom: solid 1px #ddd;
        width: 100%;
    }

        .table thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
            border: 1px solid #ddd !important;
            display: inline-block;
        }
}

/* for tablet */
/*@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {*/
@media (min-width: 768px) and (max-width: 1340px) {
    .right-content table {
        width: 518px !important;
    }

    .container {
        /* width: 100% !important;
        min-width: 100%;*/
        /*width: 750px;*/
        /*min-width: inherit;*/
    }

    /*========================= navbar =========================*/
    /*.navbar-header {
        float: none !important;
    }*/

    .navbar .custom-margin-left-negative-30 {
        margin-left: 0;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
    }

        .navbar-nav > li {
            float: none;
        }

    .navbar-collapse.collapse.in {
        display: block !important;
       /* margin: 0;
        padding: 0;*/
    }

    .collapsing {
        overflow: hidden !important;
    }

    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        height: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        overflow-y: scroll;
    }

    .navbar-toggle {
        display: block;
        position: relative;
        left: 0;
        top: 0;
        float: none;
        border-radius: 0;
    }

    .container > .navbar-header {
        margin-right: 0;
        margin-left: 0;
        float: inherit;
        display: block;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-top: solid 1px #e7e7e7;
    }

    .dropdown-menu {
        width: 100%;
        max-width: 100%;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 100%;
        padding: 0;
        margin: 0 0 0 0;
    }

        .dropdown-menu li {
            float: none;
            padding-left: 20px;
        }

            .dropdown-menu li:last-child {
                border-bottom: 1.5px solid #99C48A;
            }

            .dropdown-menu li:hover {
                float: none;
                width: 100%;
                background: rgba(255,255,255,.3);
            }


    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #fff;
        background: rgba(255, 255, 255, .3);
    }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
        color: #efe48b;
        background-color: inherit;
        font-weight: bold;
    }

    /*========================= header =========================*/
    .form-inline {
        position: relative;
        float: none;
        /* width: 100%; */
    }


    .custom-margin-left-negative-30 {
        margin-left: -15px;
    }

    /*========================= Slider =========================*/
    .slideshow .slides .slider-item-wrapper .slider-item-cotainer .item-content ul li h1 {
        margin-left: 0;
        font-size: 42px;
        padding-left: 40px;
    }

    .slideshow .slides .container .slider-item-cotainer .item-content ul li p {
        line-height: 1.3;
        padding-left: 40px;
    }

    .border-radius-3 {
        padding-left: 40px;
    }

    .slideshow .slides .container .slider-item-cotainer {
        height: 271px;
        display: table;
        padding: 0 15px;
    }


    .slideshow .slides .slider-item-wrapper {
        height: 300px;
        background-size: auto 100%;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .flex-direction-nav {
        top: 40%;
    }

        .flex-direction-nav .next {
            right: -4%;
        }

            .flex-direction-nav .next:hover {
                right: -4%;
            }

        .flex-direction-nav .prev {
            width: 61px;
            height: 61px;
            left: 2%;
        }

    /*========================= Find =========================*/
    #wrapper-content-1 .submit-wrapper .right-content h2 {
        color: #333;
        font-size: 18px;
        margin: 0 !important;
    }

    #wrapper-content-1 form input[type=submit] {
        right: 0;
        left: inherit;
        top: 10px;
    }

    .form-search-breed input[type=text], form input[type=text] {
        padding: 10px;
        font-size: 14px;
    }

    /*========================= home_news =========================*/
    #home_news .col-xs-3 {
        width: 50%;
    }

    #home_news .container {
        padding-top: 10px;
        padding-bottom: 20px;
    }

    #home_news .user-content {
        margin-bottom: 20px;
    }

        #home_news .user-content ul li {
            vertical-align: top;
            display: block;
        }

        #home_news .user-content img {
            width: 350px !important;
        }

    .img-responsive {
        display: block;
        max-width: 100%;
        height: auto;
    }

    h1 {
        font-size: 40px;
    }

    #home_news h2 {
        color: #333;
        font-size: 22px;
        margin: 0 !important;
    }

    #top-banner {
        height: auto;
    }

        #top-banner .container {
            min-height: auto;
            padding: 40px 20px;
        }
    /*========================= Breed =========================*/
    h2 {
        font-size: 30px;
    }

    .right-content .show {
        width: 100% !important;
        float: left !important;
    }

    .right-content .search {
        width: 100% !important;
        float: left !important;
    }

    .form-search-breed {
        position: relative;
        display: block;
        width: 40%;
    }

        .form-search-breed input[type=button] {
            min-width: 30px;
            left: inherit !important;
            margin-left: 0 !important;
            margin-top: 10px;
            right: 0;
        }

        .form-search-breed input[type=text] {
            width: 100% !important;
            padding: 6.5px 10px;
            font-size: 13px;
            border-radius: 20px;
            opacity: 0.8;
            border: 1px solid #ccc;
            margin: 10px 0 0 0 !important;
        }

    .paging ul {
        float: left;
        line-height: 2.222;
        margin: 10px 0 0 0;
    }

    div.custom-select {
        display: block;
        position: relative;
    }

    .select-paging-filter {
        width: 170px;
        background-color: rgba(255, 255, 255, 0);
        float: right;
    }


    div.paging-filter:before {
        left: 496px !important;
    }

    .right-content .col-xs-7 {
        width: 48.33333333% !important;
    }

    .right-content .col-xs-4 {
        width: 43.33333333% !important;
    }

    #LstBreeds .col-xs-9 {
        width: 65%;
    }

    #LstBreeds .col-xs-3 {
        width: 35%;
    }

    .custom-margin-top-35 {
        margin-top: 15px !important;
    }
    /*========================= AllBreedJudge =========================*/
    .filter-wrapper .col-xs-2 {
        width: 100% !important;
        margin: 0 auto;
        text-align: center;
    }

    .filter-wrapper .col-xs-11 {
        width: 100%;
    }

    .filter-wrapper .col-xs-10 {
        width: 100%;
        margin-bottom: 10px;
    }

    .filter-wrapper {
        padding: 0 10px !important;
    }

        .filter-wrapper ul {
            float: left;
            margin-left: 0;
            margin: 0 auto;
            text-align: center;
        }

    .filter > li:last-child > a {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        font-size: 13px;
        line-height: 1;
        padding-bottom: 10px;
    }

    .filter > li:last-child > span {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        font-size: 11px;
        line-height: 1;
        padding: 0 10px;
    }

    .filter > li > span.active {
        color: #ce5365;
        font-family: 'OpenSans-Bold', sans-serif;
        font-size: 14px !important;
        line-height: 1 !important;
    }

    .utilities span, .utilities a {
        font-weight: bold;
        font-size: 10pt;
    }

    .fa-print {
        font-size: 20pt;
    }

    .filter-wrapper select {
        width: 708px !important;
        margin-right: 0;
    }

    .filter-wrapper label {
        font-size: 15px;
    }

    .filter-wrapper input[type=checkbox].css-checkbox + label.css-label {
        padding: 10px 12px;
        height: auto;
        display: block;
        line-height: 18px;
        background-repeat: no-repeat;
        background-position: 0 1px;
        vertical-align: middle;
        cursor: pointer;
        background-size: 18px;
        font-size: 16px;
        /*width: 100% !important;*/ /*Hoa comment*/
    }

    .filter-wrapper input[type=button] {
        margin-top: 10px;
    }

    .custom-select .paging-filter .select-paging-filter {
        width: 60% !important;
    }

    .paging-filter .select-paging-filter {
        width: 50%;
    }

    div.paging-filter:before {
        left: inherit !important;
        right: 10px;
        top: 7px;
    }

    .custom-margin-top-25 {
        margin-top: 15px !important;
    }

    select {
        font-size: 16px;
    }

    .ms-parent {
        width: 100% !Important;
    }

    .ms-choice {
        height: 38px;
        position: relative;
        margin-bottom: 4px;
    }

    .listStateSelected .ms-choice > div, .listStateSelected .ms-choice > div.open {
        right: 10px;
        left: inherit;
        position: absolute;
        top: -2px;
    }

    .custom-margin-top-25 .col-xs-4 {
        width: 50%;
    }

    .custom-margin-top-25 .col-xs-8 {
        width: 50%;
    }

    .custom-margin-top-25 .col-xs-9 {
        width: 50%;
    }

    .custom-margin-top-25 .col-xs-3 {
        width: 50%;
    }

    .custom-margin-bottom-35 {
        margin-bottom: 10px !important;
    }

    .custom-margin-top-20 {
        margin-top: 10px !important;
    }

    .testOrTrials .ms-choice > div, .testOrTrials .ms-choice > div.open {
        right: 10px;
        position: absolute;
        top: -1px;
    }

    .startCourses .ms-choice > div, .startCourses .ms-choice > div.open, .noviceCourses .ms-choice > div, .noviceCourses .ms-choice > div.open {
        right: 10px;
        position: absolute;
        top: -1px;
    }

    .intermediateCoures .ms-choice > div, .intermediateCoures .ms-choice > div.open {
        right: 10px;
        position: absolute;
        top: -1px;
    }

    .advancedCourses .ms-choice > div, .advancedCourses .ms-choice > div.open {
        right: 10px;
        position: absolute;
        top: -1px;
    }

    #wrapper-content-1 .container {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .listCheckboxToys .ms-choice > div, .listCheckboxToys .ms-choice > div.open,
    .listCheckboxTerriers .ms-choice > div, .listCheckboxTerriers .ms-choice > div.open,
    .listCheckboxGundogs .ms-choice > div, .listCheckboxGundogs .ms-choice > div.open,
    .listCheckboxHounds .ms-choice > div, .listCheckboxHounds .ms-choice > div.open,
    .listCheckboxWorkingDogs .ms-choice > div, .listCheckboxWorkingDogs .ms-choice > div.open,
    .listCheckboxUtility .ms-choice > div, .listCheckboxUtility .ms-choice > div.open,
    .listCheckboxNonSporting .ms-choice > div, .listCheckboxNonSporting .ms-choice > div.open,
    .listCheckboxOther .ms-choice > div, .listCheckboxOther .ms-choice > div.open {
        right: 10px;
        left: inherit;
        position: absolute;
        top: 0;
    }

    #updateDiv .col-xs-6 {
        width: 100%;
    }
    /*-------- search -----------------*/
    .search-site input[type=submit] {
        top: 50px !important;
        left: inherit !important;
        right: 0;
    }

    .custom-padding-left-5 {
        padding-left: 10px;
    }

    .col-xs-9 {
        width: 70%;
    }

    .col-xs-2 {
        width: 70%;
    }

    .col-xs-10 {
        width: 70%;
    }
    /*---------- SportingAgilityJudge -------------*/
    .listCheckboxAGL, .listCheckboxJUM, .listCheckboxSTP,
    .listCheckboxGAM, .listCheckboxSNK, .listObedienceObedience,
    .listObedienceOther, .listHM {
        width: 100% !important;
        margin-top: 7px;
        float: left;
    }

    #gameGroup {
        margin-left: 0;
        margin-right: 0;
        margin-top: 10px;
        width: 100%;
    }

    .listCheckboxAGL .ms-choice > div,
    .listCheckboxJUM .ms-choice > div,
    .listCheckboxSTP .ms-choice > div,
    .listCheckboxGAM .ms-choice > div,
    .listCheckboxSNK .ms-choice > div,
    .listObedienceObedience .ms-choice > div,
    .listObedienceOther .ms-choice > div,
    .listStateSelected .ms-choice > div, .listStateSelected .ms-choice > div.open,
    .ms-choice > div, .ms-choice > div.open {
        right: 10px !important;
        position: absolute;
        top: -1px;
    }

    .ms-drop ul > li {
        list-style: none;
        display: list-item;
        background-image: none;
        position: static;
        text-align: left;
    }

    .left-content {
        margin-right: 30px;
    }

        .left-content ul {
            margin-top: 0;
        }
}


/* Toggle Styles */
.sr-only1 {
    position: absolute;
    padding: 0;
    margin: -6px 0 0 -100px;
    overflow: inherit;
    clip: auto;
    border: 0;
    color: #000;
    font-size: 16px;
    border: solid 1px #d9d9d9;
    padding: 6px 16px;
    border-radius: 20px;
    background: #f1f1f1;
    font-family: 'Raleway-Light', sans-serif;
}

.col-xs-3-del {
    width: 40%;
    float: left;
    padding-left: 5%;
}

.col-xs-9-del {
    width: 60%;
    float: left;
}
@media (max-width: 575.98px) {
   
}