/* fontstyle.css is not located in the parent folder:
@import url("../fontstyle.css");
*/

/*
    When updating this file, remember to update:
        key="CssApplicationCommonVersion"
    to make the updates happen.
*/

* {
    box-shadow: none;
    text-shadow: none;
}

body, html {
    height: 100%;
}

body, ul, button {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

body {
    font-family: 'Roboto', sans-serif !important;
    font-size: 15px;
    background-color: #F6F6F6;
    margin: 0;
    color: #333;
    line-height: 1;
    font-size: 15px;
}

h1 {
    font-weight: 300;
}

h3 {
    font-family: 'Merriweather', sans-serif;
    font-size: 16px;
    line-height: 20px;
}

h4 {
    font-family: 'Merriweather', sans-serif;
    font-size: 15px;
    line-height: 24px;
}

i {
    color: #0069A9;
}


.dropdown > ul > li > a {
    color: #000000 !important;
}

ul {
    list-style: none;
}

input {
    border-radius: 0 !important;
    border-width: 0 !important;
    background-color: #D0E4ED !important;
}

.form-control::-webkit-input-placeholder {
    color: #0069A9;
}

.form-control:-moz-placeholder {
    color: #0069A9;
}

.form-control::-moz-placeholder {
    color: #0069A9;
}

.form-control:-ms-input-placeholder {
    color: #0069A9;
}

a {
    text-decoration: none;
}

    a:hover, a:focus {
        text-decoration: none;
    }

textarea {
    resize: none;
}

button {
    cursor: pointer;
}

    button:focus {
        outline: 0;
    }

.btn {
    border-radius: 0 !important;
    border-width: 0 !important;
}

    .btn:hover, .btn:focus, .btn:active, .btn.active, .open > .dropdown-toggle.btn {
        background-color: #0069A9 !important;
        color: #FECC00 !important;
    }

.btn-active {
    color: #FECC00 !important;
}

.btn-default {
    height: 45px !important;
    line-height: 33px !important;
    background-color: #0069A9 !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    margin-right: 8px !important;
}

.btn-primary {
    background-color: #FECC00 !important;
    margin: 0px 0px 1px 0px !important;
    line-height: 23px !important;
    color: #000000 !important;
    font-size: 15px !important;
    font-weight: bold;
}

.header-button {
    background-color: #7FB4D4 !important;
    color: #000000 !important;
    text-align: left !important;
    font-weight: normal !important;
}

.sub-button {
    text-align: left !important;
    background-color: #D0E4ED !important;
    padding-left: 20px !important;
    font-size: 13px !important;
    font-weight: normal !important;
}

.btn-warning {
    height: 45px;
    line-height: 33px;
    background-color: #FECC00;
    color: #0069A9 !important;
    font-weight: bold;
    margin-right: 8px;
}

    .btn-warning:hover i, .btn-warning:focus i, .btn-warning:active i, .btn-warning.active i, .open > .dropdown-toggle.btn-warning i {
        color: #FECC00 !important;
    }

    .btn-warning i {
        padding-left: 10px;
        color: #0069A9;
    }

.sub-menu-active {
    background-color: #0069A9 !important;
    color: #FECC00 !important;
}

.menu-toggle {
    position: absolute;
    top: 55px;
    right: 10px;
    transform: translateY(-50%);
    height: 30px;
    width: 30px;
    background: transparent url("../../images/icon-menu.svg") center center no-repeat;
    padding: 0;
    border: none;
    border-radius: 0;
}

    .menu-toggle:focus {
        outline: none;
    }

.menu-toggle-close {
    background: transparent url("../../images/icon-menu-close.svg") center center no-repeat !important;
}

.notify-button {
    padding: 0 !important;
    margin: 0 !important;
}

@media (hover: hover) {
    .result-link-icon-mobile { 
        display:none;
    }
}
@media (hover: none) {
    .result-link-icon-mobile {
        display: block;
        width:16px;
        height:16px;
        margin-left:5px;
    }
}


/* HELP CLASSES
===================================*/
.visually-hidden {
    position: absolute;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
}

a.active {
    background-color: #0069a9 !important;
    color: #FECC00 !important;
}
/*===================================
                      HELP CLASSES */


/* HEADER
===================================*/
#header-section {
    min-height: 116px;
    background-color: #0069A9;
}

    #header-section h3 {
        color: #FFFFFF !important;
    }

    #header-section p {
        color: #FFFFFF !important;
    }

    #header-section span {
        padding: 0px 10px 0px 10px;
    }

    #header-section a {
        font-size: 14px;
        color: #FFFFFF !important;
    }

#header-container {
    padding: 20px 0px 20px 0px;
}

.header-links > li {
    display: inline !important;
}

.header-symbol {
    border: none;
    background-color: #0069A9 !important;
    color: #FFFFFF !important;
}

    .header-symbol:hover,
    .header-symbol:focus,
    .header-symbol:active,
    .header-symbol.active,
    .open > .dropdown-toggle.header-symbol {
        color: #FECC00 !important;
    }

        .header-symbol:hover .glyphicon,
        .header-symbol:focus .glyphicon,
        .header-symbol:active .glyphicon,
        .header-symbol.active .glyphicon,
        .open > .dropdown-toggle.header-symbol .glyphicon {
            color: #FECC00 !important;
        }

.glyphicon-globe {
    padding-left: 13px;
}
/*===================================
                            HEADER */


/* MENUS
===================================*/
.primary-menu {
    margin-top: 30px;
}

    .primary-menu .menu-item {
        display: inline-block;
        vertical-align: top;
        margin-right: 7px;
        margin-bottom: 10px;
    }

        .primary-menu .menu-item > a {
            display: block;
            padding: 15px;
            background: #0069a9;
            font-family: "Roboto";
            font-weight: 700;
            color: #ffffff;
            text-transform: uppercase;
        }

            .primary-menu .menu-item > a:hover,
            .primary-menu .menu-item > a:focus,
            .primary-menu .current-menu-item > a,
            .primary-menu .current-menu-ancestor > a {
                color: #fecc00;
                text-decoration: none;
                outline: 0;
            }

    .primary-menu .sub-menu {
        display: none;
    }

.sub-menu-toggle {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    height: 45px;
    width: 45px;
    border-radius: 0;
    padding: 0;
    background: #7fb4d4 url("../../images/icon-arrow-blue.svg") center center no-repeat;
    background-size: 10px 10px;
}

    .sub-menu-toggle:hover,
    .sub-menu-toggle:focus {
        background-color: #7fb4d4;
    }

.is-active > .sub-menu-toggle {
    background-image: url("../../images/icon-arrow-blue-down.svg");
}

@media screen and (min-width: 991px) {
    #menu-collapsed {
        display: block !important;
    }

    .menu-toggle {
        display: none !important;
    }
}

@media screen and (max-width: 991px) {
    #menu-collapsed {
        display: none;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .primary-menu {
        margin: 0 !important;
    }

    .menu-is-active .primary-menu {
        display: block;
    }

    .primary-menu .menu-item {
        display: block;
        margin-right: 0;
        margin-bottom: 0;
    }

    .primary-menu > .menu-item {
        margin-top: 2px;
    }

    .menu-item-has-children {
        position: relative;
    }

        .menu-item-has-children > a {
            padding-right: 55px !important;
        }

    .sub-menu-toggle {
        display: block;
    }

    .primary-menu .sub-menu .menu-item {
        border-top: 1px solid #d0e4ed;
    }

        .primary-menu .sub-menu .menu-item > a {
            padding-left: 25px;
            font-weight: normal;
            color: #2f2e2e;
            background: #7fb4d4;
        }

    .primary-menu .sub-menu .sub-menu-toggle,
    .primary-menu .sub-menu .sub-menu > .menu-item > a {
        background-color: #d0e4ed;
    }

    .primary-menu .sub-menu .sub-menu .sub-menu-toggle,
    .primary-menu .sub-menu .sub-menu .sub-menu > .menu-item > a {
        background-color: #e7f1f6;
    }

    .primary-menu .sub-menu .sub-menu > .menu-item,
    .primary-menu .sub-menu .sub-menu .sub-menu > .menu-item {
        border-top-color: #F3FBFF;
    }

    .primary-menu .is-active > .sub-menu {
        display: block;
    }

    .primary-menu .sub-menu .menu-item > a:hover,
    .primary-menu .sub-menu .menu-item > a:focus,
    .primary-menu .sub-menu .current-menu-item > a,
    .primary-menu .sub-menu .current-menu-ancestor > a {
        background: #0069a9 !important;
        color: #fecc00;
    }

    .primary-sub-menu {
        display: none;
    }
}
/*===================================
                             MENUS */



/* ACCORDION TABLE
===================================*/
.accordion-head {
    margin: 0;
    padding-top: 10px;
    border-bottom: 2pt solid #7FB4D4 !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500 !important;
    line-height: 30px;
    text-transform: uppercase;
    color: #333 !important;
}

.accordion-toggle {
    padding: 6px 0px 6px 10px;
    border: 1px solid #F6F6F6 !important;
    cursor: pointer;
    background-color: #e2e1e1;
}

    .accordion-toggle:hover {
        color: #FECC00;
        background-color: #0069A9;
    }

.accordion-content {
    display: none;
}
/*===================================
                   ACCORDION TABLE */



/* LOGIN FORM
===================================*/
#login-button {
    font-size: 17px;
    background-color: #0069A9;
    font-weight: bold;
    color: #FFFFFF !important;
}

    #login-button i {
        padding-left: 5px;
        font-size: 15px;
        color: #FFFFFF;
    }

    #login-button:hover,
    #login-button:focus,
    #login-button:active,
    #login-button.active,
    #login-button:hover i,
    #login-button:focus i,
    #login-button:active i,
    #login-button.active i,
    #signup-button:hover,
    #signup-button:focus,
    #signup-button:active,
    #signup-button.active,
    #signup-button:hover i,
    #signup-button:focus i,
    #signup-button:active i,
    #signup-button.active i {
        background-color: #0069A9 !important;
        color: #FECC00 !important;
    }


#signup-button {
    font-size: 17px;
    font-weight: bold;
}

    #signup-button i {
        padding-left: 5px;
        font-size: 15px;
        color: #FFFFFF;
    }

#login-section h2 {
    padding: 0px 0px 15px 0px;
    font-size: 20px;
    color: #0069A9;
}

#login-section .col-md-6 {
    height: 250px;
}

#login-section .btn {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 0px 15px 40px 0px;
    height: 45px;
    line-height: 33px;
    font-weight: bold;
}
/*===================================
                        LOGIN FORM */



/*login-styles*/
.login-content {
    border: 1px solid #dddddd; /*padding: 10px 20px;*/
}

    .login-content h4 {
        color: #0884c2;
    }

    .login-content label {
        color: #000;
    }

    .login-content button {
        margin-top: 20px;
    }
/*.admin-form {
    width: auto;
    margin-top: 0;
}*/

/*.btn {
    color: #fff;
    padding: 5px 15px;
}*/
/*login-styles*/


.content-container {
    padding-bottom: 30px;
}

.panel-default {
    background-color: transparent;
}


.sep {
    background: #dcdedf;
    height: 1px;
}

.service-one i {
    display: inline-block;
    width: 65px;
    height: 68px;
    font-size: 30px;
    border-radius: 5px;
    line-height: 68px;
    text-align: center;
    margin: 5px auto;
    background: #0884c2;
    color: #fff;
}

.service-one .button a, service-one .button a:visited {
    background: none;
    border: 0;
    color: #4698cb;
}

.service-one h3 {
    margin: 10px 0;
}

.service-one a {
    font-size: 16px !important;
}

.extra-padding {
    padding: 0 30px;
}

header {
    padding: 0;
}

.header-pnl {
    padding: 5px;
}

.service-one .brdr-left {
    background: url(../img/service-left-bg.png) no-repeat left center;
}

.service-one .sep {
    background: #c2c2c2;
}
/*from admin*/
header .container {
    max-width: 980px;
}

footer .container {
    max-width: 980px !important;
    padding-left: 250px;
}

.content {
    margin: 10px 0;
}

.page-head {
    box-shadow: none;
    padding: 0 5px;
    border: 0;
    background: #0884c2;
    border-top: 1px solid #52a3cc;
    color: #094969;
}

    .page-head h2 {
        margin: 0;
        padding: 0;
    }

.bread-crumb {
    margin-top: 6px;
}

    .bread-crumb a, .bread-crumb span {
        color: #fff;
        font-size: 12px;
    }

        .bread-crumb a:hover {
            color: #000;
        }

.form-panel {
    border: 1px solid #dcdedf;
    margin-bottom: 10px;
}

label {
    font-weight: 600;
    font-size: 13px;
    color: #383838;
}
/*.btn {
    border: 0;
    font-size: 13px !important;
}

.btn-primary {
    background: #428bca;
}

.btn-default {
    background: #8c8c8c;
}*/

.google-map {
    display: inline-block;
    color: #3e3e3e !important;
    margin-top: 15px;
    float: right;
}



.form-control {
    font-size: 13px !important;
    padding: 0 5px;
    height: 28px;
    line-height: 15px;
    border-radius: 5px;
}

    .form-control:focus {
        border-color: #b2322a;
    }

.form-group {
    margin-bottom: 10px;
}


.action-icons i {
    font-size: 18px;
}

.remove-color {
    color: #e84b56;
}

.edit-color {
    color: #333;
    font-size: 20px;
    vertical-align: middle;
}

.table .underline {
    text-decoration: underline;
}

.alert {
    padding: 10px;
    margin-bottom: 0;
}

.alert-success {
    border-radius: 0;
}

.alert i {
    font-size: 26px;
    margin-right: 5px;
}

.alert p {
    line-height: 26px;
}

.alert-dialog {
    width: 400px;
}

.column-width {
    max-width: 237px;
}


/* TABLES
===================================*/
.webGrid {
    width: 100% !important;
    border-collapse: collapse !important;
}

    .webGrid tr {
        vertical-align: middle !important;
    }

        .webGrid tr:nth-of-type(even) {
            background: #EBEBEB;
        }

    .webGrid > thead > tr > th {
        font-family: 'Roboto', sans-serif !important;
        font-weight: 500 !important;
        text-transform: uppercase;
        border-bottom: 2pt solid #7FB4D4 !important;
    }

        .webGrid > thead > tr > th > a {
            font-family: 'Roboto', sans-serif !important;
            font-weight: 500 !important;
            text-transform: uppercase;
            color: #333 !important;
        }

    .webGrid td {
        padding-left: 20px !important;
        vertical-align: middle !important;
    }

        .webGrid td > a {
            color: #0069A9 !important;
        }

    .webGrid > tbody > tr > td.action-icons {
        border-right: 0 !important;
        border-left: 0 !important;
    }

    .webGrid td, th {
        padding: 6px !important;
        border: 1px solid #F6F6F6 !important;
        font-size: 14px !important;
        color: #333 !important;
    }

@media (max-width: 750px) {
    .table,
    .table thead,
    .table tbody,
    .table th,
    .table td,
    .table tr {
        display: flex !important;
        flex-wrap: wrap !important;
        border-bottom: 2px solid #f1f1f1;
        width:100%;
    }



    .table {
        border-top: 2pt solid #7FB4D4 !important;
    }

    .table thead tr {
        display: none !important;
    }

    .table td {
        border: none !important;
        position: relative !important;
        padding-left: 50% !important;
        width: 100%;
    }

            .table td:before {
                position: absolute !important;
                top: 6px !important;
                left: 6px !important;
                width: 50% !important;
                padding-right: 10px !important;
                text-align: left !important;
                word-wrap: break-word !important;
                font-weight: 500;
            }

            .table td:before {
                content: attr(data-content) !important;
                height: 50px !important;
            }

    tr.row-seperator td {
        display: none !important;
    }

    #gridContentCompetitionList > tbody > tr:nth-child(6n) > td:before {
        content: none !important;
    }

    .table td.small-padding {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        min-height: 40px;
    }

    .table td.medium-padding {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    .table td.large-padding {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }
}

.custom-table {
    height: 150px;
    overflow: auto;
    margin-top: 20px;
}

.custom-table-list {
    height: 100%;
    overflow-y: auto;
}

.padding-bottom {
    padding-bottom: 10px;
}
/*===================================
                            TABLES */



.navbar-collapse {
    padding-left: 0 !important;
}

.align-left {
    padding-left: 20px;
}

.btn-panel {
    background: #e2e3e3;
    padding: 5px;
}

.user-info {
    display: inline-block;
    color: #E8BF1C;
    padding: 0 4px;
}

.customform-content {
    height: 634px;
    overflow-y: auto;
}
/*.btn-default:hover {
    background: #595959 !important;
    color: #fff;
}*/

.pagination {
    margin-top: 0;
    margin-bottom: 10px;
}

    .pagination > li > a, .pagination > li > span {
        border: 1px solid #b6b6b6;
    }

    .pagination li a.active {
        background: #b2322a;
    }

.navbar .nav > li > a.active {
    color: #e9e681 !important;
}

    .navbar .nav > li > a.active .caret {
        border-top-color: #b2322a !important;
        border-bottom-color: #b2322a !important;
    }

.welcome-message {
    color: #3487bc;
}

.section-heading {
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 5px;
}

h4.section-heading {
    font-weight: bold;
}

.big-textarea {
    height: 100px !important;
}

.sm-txtbox {
    width: 20%;
}

.md-txtbox {
    width: 79%;
}

.zero-brdr {
    border: 0 !important;
    box-shadow: none !important;
}

.wizard-bg {
    background: #eae8e8 url(../img/back.png) repeat 0 0;
}

.wizard-titles {
    /*padding: 10px 10px 10px 11.5%;*/
    padding: 21px 65px 23px 8.8%; /*Used for Summary- Check on devices*/
}

    .wizard-titles .circle-step {
        width: 96px; /* Default - 80px Used for Summary-Check on devices*/
        height: 96px; /* Default - 80px Used for Summary-Check on devices*/
        line-height: 12px;
        font-size: 12px;
        border-radius: 50%;
        float: left;
        text-align: center;
        padding-top: 25px;
        color: #000;
    }

.step-current {
    background: #dcf0fa;
    border: 2px solid #18a9f2;
}

.step-title {
    min-height: 20px;
}

.wizard-titles .step-line {
    border-bottom: 2px solid #949494;
    display: inline-block;
    width: 10%;
    float: left;
    margin-top: 40px;
}

.step-normal {
    border: 2px solid #949494;
    color: #fff;
}

.text-danger {
    color: #F00;
}

.mandatory-mesg span {
    margin-right: 5px;
}

.nopadding-right {
    padding-right: 0;
}

.minpadding-left {
    padding-left: 5px;
}
/* Footer */

/*styles for modal popup*/

.modal-dialog {
    margin: 100px auto !important;
}

.modal-header {
    padding: 5px 15px;
    background-color: #0069A9;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.modal-title {
    font-family: 'Roboto', sans-serif !important;
    color: #FECC00 !important;
}

    .modal-title .fa {
        margin-right: 5px;
    }

.modal-footer {
    padding: 5px 15px;
}

button.close-icon {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    padding: 0;
}

.close-icon {
    color: #fff;
    float: right;
    font-size: 22px;
    font-weight: bold;
    line-height: 1;
    text-shadow: 0 1px 0 #fff;
}

.modal-body {
    padding: 10px;
}

.nobrdr-left {
    border-left: 0;
}

.input-group-addon {
    background: #e5e6e6;
    padding: 4px 12px;
}

.form-control[disabled], .form-control[readonly], input[type="radio"][disabled], input[type="checkbox"][disabled] {
    background-color: #dcdcdc !important;
}

label.form-control {
    border: 0;
    padding-left: 1px;
    color: #188dc3;
    height: auto;
    background: none;
    box-shadow: none;
}

.label-container {
    padding-left: 0px;
    padding-right: 0px;
    padding: 6px;
}

.text-container {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
}

.current-page {
    color: #bcfe9d !important;
}

.button-text {
    padding-top: 25px;
}

.totop {
    background: #18a9f2;
}

    .totop i {
        line-height: 30px;
    }

.summary-info {
    padding: 5px;
}
/* styles for validation panel */
.validation-panel {
    margin: 15px 0 0 0;
    border: 0;
}

    .validation-panel .widget-head {
        background: #e5cbcf;
        padding: 5px 10px;
        font-weight: normal;
        font-size: 14px;
        color: #4a4a4a;
        border-radius: 0;
    }

        .validation-panel .widget-head i {
            color: #4a4a4a;
        }

    .validation-panel .alert {
        border-radius: 0;
    }

.select-list select {
    height: 220px;
    width: 100%;
}

.select-list-img {
    text-align: center;
    height: 200px;
    margin-top: 50px;
}

    .select-list-img button {
        width: 30px;
        border-radius: 5px;
        border: 0;
        line-height: 25px;
        margin-bottom: 5px;
    }

.navbar-collapse {
    overflow-x: hidden;
}
/*date-picker*/
.bootstrap-datetimepicker-widget ul.list-unstyled li div.timepicker div.timepicker-picker table.table-condensed tbody > tr > td > a span {
    line-height: 15px;
    height: 15px;
    width: 15px;
}

@media (max-width: 768px) {
    .wizard-titles {
        padding: 10px 10px 10px 4%;
    }
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 650px;
    }

    .navbar li.last-menu ul.dropdown-menu {
        right: 0 !important;
        left: auto;
    }
}

@media (max-width: 767px) {
    .nopadding-right {
        padding-right: 15px !important;
    }

    .minpadding-left {
        padding-left: 15px !important;
    }

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

@media (max-width: 200px) {
    .form-inline .checkbox {
        display: inline-block;
    }
    /*wizard styles*/
    .wizard-titles {
        padding: 10px 10px 10px 16.5%;
    }

        .wizard-titles .circle-step {
            width: 30px;
            height: 30px;
            padding: 5px;
            float: left;
            text-align: center;
            padding-top: 8px;
        }

            .wizard-titles .circle-step .step-name, .wizard-titles .circle-step br {
                display: none;
            }

        .wizard-titles .step-line {
            display: inline-block;
            width: 10%;
            float: left;
            margin-top: 14px;
        }
    /*others styles*/
    .google-map {
        display: block;
        float: none;
    }

    .alert-dialog {
        width: auto !important;
    }
}

@media (max-width: 360px) {
    .wizard-titles {
        padding: 10px 10px 10px 7%;
    }
}

.min-margin-bottom {
    margin-bottom: 8px;
}

.notification-textarea {
    height: 122px !important;
}

.font-upper {
    text-transform: uppercase !important;
}

#progress-bar {
    width: 120px;
    height: 95px;
    position: absolute;
    background: #fff url(../../media/Alystra/progress-bar.gif) no-repeat center 40px;
    z-index: 999999;
    border: 1px solid #a6a6a6;
    left: 50%;
    margin: 0 0 0 -54px;
    top: 50%;
}

    #progress-bar .progress-mesg {
        background: #d4d4d4;
        color: #235771;
        padding: 3px 10px;
        font-size: 15px;
    }

#mask {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #000;
    top: 0;
    left: 0;
    opacity: 0.6;
    z-index: 10000;
}

.input-group-addon button {
    border: 0;
    background: 0;
    padding: 0;
    margin: 0;
}

    .input-group-addon button i {
        color: #428bca;
    }

form {
    margin: 0;
}

form {
    margin: 0;
}

.padtop-div {
    padding-top: 5px;
}

    .padtop-div .btn {
        border-radius: 0;
    }
/*tooltip styles*/
.tooltip > .tooltip-inner, .tooltip > .tooltip-arrow {
    opacity: 1;
}

.tooltip > .tooltip-inner {
    background-color: #383838;
}

.tooltip > .tooltip-arrow {
    border-top-color: transparent !important;
}

.info-table label, info-table i {
    display: inline-block;
}

.info-table i {
    margin-left: 3px;
}

.info-table label {
    width: auto;
}

.info-table i.icon-info-sign {
    font-size: 15px;
    color: #0884c2;
}

.info-table text, info-text i {
    display: table-cell;
}

.info-table text {
    width: auto;
}

.info-table i.icon-info-sign {
    font-size: 15px;
    color: #0884c2;
}

.size {
    display: inline-block;
    width: 83px;
}
/*Edit dog*/
.table-responsive-EditDog {
    width: 100%;
    margin-bottom: 15px;
    border: 1px solid #ddd;
}

.zero-padding {
    padding: 0px;
}

.row-padding {
    padding-top: 10px;
}
/*Edit Dog ends*/

/*Competition Page*/
textarea.form-control {
    height: 100px;
}

.button-style {
    background-color: transparent;
    border: none;
    padding: 0px;
}

.button-image {
    width: 25px;
    height: 25px;
}
/*Competition Page ends*/

/* Basket icon in top menu */
#noti_Container {
    position: relative;
    width: 25px;
    height: 20px;
}

.margin {
    margin-bottom: 0px !important;
}

.shoppingcart_bubble {
    position: absolute;
    top: 14px;
    right: 2px;
    padding: 0px 4px;
    background-color: #FFE003;
    color: black;
    font-weight: bold !important;
    font-size: 9px !important;
    border-radius: 30px !important;
    width: 17px;
    height: 13px;
    line-height: 13px;
    text-align: center;
}
/* Basket icon in top menu ends */

/* Notification icon in top menu */
.notification_bubble {
    border: 1px solid white;
    position: absolute;
    top: -3px;
    right: -6px;
    padding: 0px 3px;
    background-color: #FB121F;
    color: white;
    font-weight: bold !important;
    font-size: 9px !important;
    border-radius: 30px !important;
    width: 17px;
    height: 15px;
    line-height: 13px;
    text-align: center;
}
/* Notification icon in top menu ends */

/* To the hide the columns in all the grids. */
#gridContentHandlers > thead > tr > th:nth-child(n+4),
#gridContentHandlers > tbody > tr > td:nth-child(n+4),
#gridContentDogs > thead > tr > th:nth-child(n+5),
#gridContentDogs > tbody > tr > td:nth-child(n+5),
#gridContentClub > thead > tr > th:nth-child(n+2),
#gridContentClub > tbody > tr > td:nth-child(n+2),
#gridContentGames > thead > tr > th:nth-child(n+12),
#gridContentGames > tbody > tr > td:nth-child(n+12),
#CompetitionPartsGrid > thead > tr > th:nth-child(n+5),
#CompetitionPartsGrid > tbody > tr > td:nth-child(n+5),
#gridContentDog > thead > tr > th:nth-child(n+5),
#gridContentDog > tbody > tr > td:nth-child(n+5),
#gridContentGamesList > thead > tr > th:nth-child(n+7),
#gridContentGamesList > tbody > tr > td:nth-child(n+7),
#gridContentResultsGameTable > thead > tr > th:nth-child(n+7),
#gridContentResultsGameTable > tbody > tr > td:nth-child(n+7),
#gridContentCompetitionPartList > thead > tr > th:nth-child(n+6),
#gridContentCompetitionPartList > tbody > tr > td:nth-child(n+6),
#gridContentCompetitionList > thead > tr > th:nth-child(n+10),
#gridContentCompetitionList > tbody > tr > td:nth-child(n+10),
#gridContentResultCompetitionList > thead > tr > th:nth-child(n+7),
#gridContentResultCompetitionList > tbody > tr > td:nth-child(n+7),
#gridLinkAccept > thead > tr > th:nth-child(n+5),
#gridLinkAccept > tbody > tr > td:nth-child(n+5),
#gridLinkAccept > thead > tr > th:nth-child(n+6),
#gridLinkAccept > tbody > tr > td:nth-child(n+6),
#gridContentClubCompetitionList > thead > tr > th:nth-child(n+5),
#gridContentClubCompetitionList > tbody > tr > td:nth-child(n+5),
#gridContentCompetitorList > thead > tr > th:nth-child(n+10),
#gridContentCompetitorList > tbody > tr > td:nth-child(n+10),
#gridContentSortedCompetitorList > thead > tr > th:nth-child(n+5),
#gridContentSortedCompetitorList > tbody > tr > td:nth-child(n+5),
#gridContentEquiPage > thead > tr > th:nth-child(n+5),
#gridContentEquiPage > tbody > tr > td:nth-child(n+5),
#gridContentMyStarts > thead > tr > th:nth-child(n+6),
#gridContentMyStarts > tbody > tr > td:nth-child(n+6),
#gridContentGameResult > thead > tr > th:nth-child(n+9),
#gridContentGameResult > tbody > tr > td:nth-child(n+9),
#EditDogsAdminGridContent > thead > tr > th:nth-child(n+5),
#EditDogsAdminGridContent > tbody > tr > td:nth-child(n+5),
#GetEquipageGridContent > thead > tr > th:nth-child(n+3),
#GetEquipageGridContent > tbody > tr > td:nth-child(n+3),
#gridContentPublicTeamResultList > thead > tr > th:nth-child(n+8),
#gridContentPublicTeamResultList > tbody > tr > td:nth-child(n+8),
#gridContentStartAndResultListTeam > thead > tr > th:nth-child(n+12),
#gridContentStartAndResultListTeam > tbody > tr > td:nth-child(n+12),
#gridContentClubResultList > thead > tr > th:nth-child(n+9),
#gridContentClubResultList > tbody > tr > td:nth-child(n+9),
#gridContentTeamCompetitors > thead > tr > th:nth-child(n+7),
#gridContentTeamCompetitors > tbody > tr > td:nth-child(n+7),
#gridContentVoucherManagementSearchUser > thead > tr > th:nth-child(n+4),
#gridContentVoucherManagementSearchUser > tbody > tr > td:nth-child(n+4),
#gridContentCompetitorResultList > thead > tr > th:nth-child(n+6),
#gridContentCompetitorResultList > tbody > tr > td:nth-child(n+6),
#gridContentCombinedResultListThreeGames > thead > tr > th:nth-child(n+12),
#gridContentCombinedResultListThreeGames > tbody > tr > td:nth-child(n+12),
#gridContentCombinedResultListTwoGames > thead > tr > th:nth-child(n+10),
#gridContentCombinedResultListTwoGames > tbody > tr > td:nth-child(n+10),
#GetEquipageForTeamGamePopup > thead > tr > th:nth-child(n+6),
#GetEquipageForTeamGamePopup > tbody > tr > td:nth-child(n+6),
#gridContentTeamCompetitorsBeforeDraw > thead > tr > th:nth-child(n+5),
#gridContentTeamCompetitorsBeforeDraw > tbody > tr > td:nth-child(n+5),
#gridContentCompetitionsGameTable > thead > tr > th:nth-child(n+9),
#gridContentCompetitionsGameTable > tbody > tr > td:nth-child(n+9),
#gridContentAdminClubSearch > thead > tr > th:nth-child(n+4),
#gridContentAdminClubSearch > tbody > tr > td:nth-child(n+4),
#DogOfTheYear > thead > tr > th:nth-child(n+7),
#DogOfTheYear > tbody > tr > td:nth-child(n+7),
#TeamOfTheYear > thead > tr > th:nth-child(n+4),
#TeamOfTheYear > tbody > tr > td:nth-child(n+4),
#TodaysEvent > thead > tr > th:nth-child(n+4),
#TodaysEvent > tbody > tr > td:nth-child(n+4),
#UpComingEvents > thead > tr > th:nth-child(n+5),
#UpComingEvents > tbody > tr > td:nth-child(n+5),
#gridContentViewCompetitorList > thead > tr > th:nth-child(n+5),
#gridContentViewCompetitorList > tbody > tr > td:nth-child(n+5),
#gridContentSatrtingList > thead > tr > th:nth-child(n+6),
#gridContentSatrtingList > tbody > tr > td:nth-child(n+6),
#gridContentResultsStartListTable > thead > tr > th:nth-child(n+6),
#gridContentResultsStartListTable > tbody > tr > td:nth-child(n+6),
#gridContentSortedTeamCompetitorList > thead > tr > th:nth-child(n+3),
#gridContentSortedTeamCompetitorList > tbody > tr > td:nth-child(n+3),
#EditDogsAdminMeasurementGridContent > thead > tr > th:nth-child(n+5),
#EditDogsAdminMeasurementGridContent > tbody > tr > td:nth-child(n+5),
#gridContentCompetitionApproval > thead > tr > th:nth-child(n+7),
#gridContentCompetitionApproval > tbody > tr > td:nth-child(n+7),
#gridContentMyPayments > thead > tr > th:nth-child(n+5),
#gridContentMyPayments > tbody > tr > td:nth-child(n+5) {
    display: none !important;
}

#gridContentSortedTeamList > thead > tr > th:nth-child(1),
#gridContentSortedTeamList > tbody > tr > td:nth-child(1),
#gridContentSortedTeamList > thead > tr > th:nth-child(2),
#gridContentSortedTeamList > tbody > tr > td:nth-child(2),
#gridContentSortedTeamList > thead > tr > th:nth-child(n+5),
#gridContentSortedTeamList > tbody > tr > td:nth-child(n+5),
#gridContentListOfJudge > thead > tr > th:nth-child(n+3),
#gridContentListOfJudge > tbody > tr > td:nth-child(n+3),
#gridContentListOfStewards > thead > tr > th:nth-child(n+3),
#gridContentListOfStewards > tbody > tr > td:nth-child(n+3) {
    display: none;
}

@media (max-width: 610px) {
    #gridContentResultsStartListTable > thead > tr > th:nth-child(4),
    #gridContentResultsStartListTable > tbody > tr > td:nth-child(4),
    #gridContentResultsStartListTable > thead > tr > th:nth-child(5),
    #gridContentResultsStartListTable > tbody > tr > td:nth-child(5),
    #gridContentResultsResultsTable > thead > tr > th:nth-child(4),
    #gridContentResultsResultsTable > tbody > tr > td:nth-child(4),
    #gridContentResultsResultsTable > thead > tr > th:nth-child(5),
    #gridContentResultsResultsTable > tbody > tr > td:nth-child(5),
    #gridContentResultsResultsTable > thead > tr > th:nth-child(6),
    #gridContentResultsResultsTable > tbody > tr > td:nth-child(6),
    #gridContentResultsResultsTable > thead > tr > th:nth-child(7),
    #gridContentResultsResultsTable > tbody > tr > td:nth-child(7),
    #gridContentResultsResultsTable > thead > tr > th:nth-child(8),
    #gridContentResultsResultsTable > tbody > tr > td:nth-child(8),
    #gridContentResultsResultsTable > thead > tr > th:nth-child(11),
    #gridContentResultsResultsTable > tbody > tr > td:nth-child(11),
    #gridContentResultsGameTable > thead > tr > th:nth-child(4),
    #gridContentResultsGameTable > tbody > tr > td:nth-child(4),
    #gridContentResultsGameTable > thead > tr > th:nth-child(5),
    #gridContentResultsGameTable > tbody > tr > td:nth-child(5),
    #gridContentCompetitionsGameTable > thead > tr > th:nth-child(4),
    #gridContentCompetitionsGameTable > tbody > tr > td:nth-child(4),
    #gridContentCompetitionsGameTable > thead > tr > th:nth-child(5),
    #gridContentCompetitionsGameTable > tbody > tr > td:nth-child(5)
    /*    #gridContentMyAccountMyResultsTable > thead > tr > th:nth-child(7),
    #gridContentMyAccountMyResultsTable > tbody > tr > td:nth-child(7),*/
/*    #gridContentResultDogResultsTable > thead > tr > th:nth-child(7),
    #gridContentResultDogResultsTable > tbody > tr > td:nth-child(7) */{
        display: none !important;
    }
}



.picture-container {
    width: 100px;
    height: 100px; /*margin-left: -15px*/
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
/*New css*/
#wrapper {
    min-height: 100%;
    height: auto;
    margin-bottom: -29px;
    overflow-x: hidden;
}

    #wrapper::after {
        content: "";
        display: block;
        height: 29px;
    }

#footer {
    padding: 6px 0;
    background-color: #868888;
    position: absolute;
    width: 100%;
    color: #fff;
    height: 29px;
}
/* HEADER SECTION STARTS*/
.navbar-default {
    border-bottom: 3px solid #b2322a;
}

.navbar-brand {
    height: 52px;
    padding: 3px 101px 3px 15px;
    border-right: 1px solid #ccc;
}

    .navbar-brand > img {
        height: 46px;
    }

.navbar-right {
    margin-right: 0px;
}

    .navbar-right.navbar-nav > li > a {
        color: #2d2d2d;
        padding-bottom: 16px;
        padding-top: 16px;
        font-size: 13px;
    }

.navbar-default .navbar-nav > li > a, .nav .open > a, .nav .open > a:focus {
    border-left: 1px solid #ccc;
}

/*.container, .custom-container {
    padding: 5px;
    border: 1px solid #ddd;
    box-shadow: 0px 0px 2px #bbb;
    margin: 5px;
}*/

.custom-container h2 {
    font-size: 18px;
    line-height: 35px;
    padding: 1px 0px;
    margin: 1px 0px;
    font-weight: 600;
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #b2322a;
    color: #fff;
}

.navbar-right.navbar-nav > li > a .fa {
    font-size: 18px;
}

ul.navbar-right {
    height: 52px;
}

    ul.navbar-right.navbar-nav > li > a.icons {
        padding-top: 18px;
    }

.badge-notify {
    background: #ffa800;
    position: absolute;
    top: 9px;
    right: 2px;
}

.badge {
    min-width: 20px !important;
    padding: 3px 4px !important;
    margin-left: -12px !important;
    margin-top: -20px !important;
}

.user {
    font-size: 15px;
}


/* HEADER SECTION ENDS*/
/* MENU EXPAND/COLLAPSE FOR DESKTOP VIEW*/
.content-maxmized .left-nav {
    display: none;
}

.content-maxmized .custom-main {
    width: 100%;
    margin-left: 0;
}

.content-maxmized .toggle-div {
    left: 0px;
}

.toggle-div {
    float: left;
}

.icon-bar-custom, .navbar-toggle .icon-bar {
    width: 19px;
    height: 2px;
    display: block;
    background-color: #f8f8f8 !important;
    margin: 0px 0px 4px 10px;
}

.toggle-div .glyphicon, .navbar-toggle {
    cursor: pointer;
    display: inline-block;
    height: 28px;
    padding: 7px 0px;
    position: relative;
    vertical-align: middle;
    width: 37px;
    border: medium none;
    margin: 12px 15px 12px 10px;
    background-color: #2d2d2d;
    border-radius: 5px;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #2d2d2d;
}
/**LEFT NAVIGATION STARTS*/
/**LEFT NAVIGATION STARTS*/
.left-nav {
    position: relative;
    top: 0;
    bottom: -55px;
    left: 0;
    background: #0069A9 !important;
    width: 100%;
}

.right-position {
    position: relative;
    top: 0;
    bottom: -55px;
    left: 0;
    width: 300px;
}

.leftright-paddingzero {
    padding-left: 0;
    padding-right: 0;
}

.left-nav li a {
    height: 45px;
}

.left-nav .nav-stacked > li + li {
    margin-top: 0;
}

.left-nav .nav-pills > li {
    border-top: 2px solid #FFFFFF;
    line-height: 33px !important;
    /*padding-left: 3px;*/
}

.left-nav .nav > li > a {
    display: inline-block;
}

.left-nav .nav-pills > li > a {
    border-radius: 0;
    font-size: 15px;
    color: #f1f1f1;
    padding: 7px 15px;
    width: 85%;
    font-size: 15px;
    line-height: 15px;
    font-weight: 700;
    line-height: 33px !important;
    text-transform: uppercase;
}

.left-nav .nav-pills > li > i.fa {
    color: #fff;
    font-size: 15px;
}

.left-nav .nav-pills > li:hover, .left-nav .nav-pills > li:focus, .left-nav .nav-pills > li:active, .left-nav .nav-pills > li.active {
    background-color: #0069A9 !important;
    padding-left: 0px;
    color: #FECC00;
}

.nav > li > a:focus, .nav > li > a:hover {
    background-color: transparent;
}

.left-nav .nav-pills > li > a:hover, .left-nav .nav-pills > li > a:focus {
    background-color: #0069A9 !important;
    color: #FECC00;
}

.left-nav .nav-pills > li.active > a, .left-nav .nav-pills > li.active > a:hover, .left-nav .nav-pills > li.active > a:focus {
    background-color: #0069A9 !important;
    color: #FECC00;
}

.fa.pull-right {
    margin: 12px 12px 0 0;
}

/*.mobile-nav {
    position: absolute;
    top: 52px;
    background: #fff;
    left: -999px;
    z-index: 1;
}*/

.position-zero {
    left: 0 !important;
}
/*TREE MENU STARTS HERE*/
/*.active > a > .fa-plus-circle:before {
	content: "\f056";
}
*/

.nav-second-level > li:last-child, .nav-third-level > li:last-child, .nav-fourth-level > li:last-child {
    border-bottom: 0px;
}

.nav-second-level > li > a, .nav-third-level > li > a, .nav-fourth-level > li > a {
    font-size: 15px;
    color: #000000;
}

.nav-second-level {
    background-color: #7FB4D4;
}

    .nav-second-level > li {
        border-top: 1px solid #FFFFFF;
    }

        .nav-second-level > li > a {
            padding: 8px 15px 8px 25px !important;
            width: 82%;
            text-transform: uppercase;
        }

        .nav-second-level > li > .fa.pull-right {
            margin: 12px 12px 0 0;
            color: #fff;
            font-size: 15px;
        }

        .nav-second-level > li > a:hover, .nav-second-level > li > a:focus, .nav-second-level > li > a:active, .nav-second-level > li.active > a {
            background-color: #0069A9 !important;
            color: #FECC00;
        }

.nav-third-level {
    background-color: #D0E4ED;
}

    .nav-third-level > li {
        border-bottom: 1px solid #FFFFFF;
    }

.nav.nav-third-level > li > a {
    padding: 8px 15px 8px 35px !important;
    display: block;
}

.nav-third-level > li > a:hover, .nav-third-level > li > a:focus, .nav-third-level > li.active > a {
    background-color: #0069A9 !important;
    color: #FECC00;
}
/*TREE MENU ENDS HERE*/
/*LEFT NAVIGATION HERE*/
/***LOGIN FORM STARTS**/
.form-panel {
    border: 1px solid #dcdedf;
    margin-bottom: 10px;
}

#login-section .col-md-6 {
    min-height: 170px;
}
/*#login-section #login
{
    position: absolute;
    bottom: 0;
}*/
#login-section #create-account {
    position: absolute;
    bottom: 0;
    right: 0;
}

/*.admin-form {
    width: auto;
    max-width: 500px;
}*/

.form-group {
    margin-bottom: 10px;
}




.form-control {
    border-radius: 5px;
    font-size: 13px !important;
    height: 28px;
    line-height: 15px;
    padding: 0 5px;
}

.login-footer {
    border-top: 1px solid #dcdedf;
    padding: 15px 0;
    font-size: 14px;
}

    .login-footer a {
        color: #b2322a;
    }

        .login-footer a:hover {
            color: #9c2b24;
        }

/*.btn-primary {
    background: #b2322a none repeat scroll 0 0;
}

.btn-green {
    background: #078C07 !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background: #9c2b24 none repeat scroll 0 0;
}*/

/*.btn-default {
    background: #585858 none repeat scroll 0 0;
}*/

/*.btn-default:hover, .btn-default:focus, .btn-default:active {
        background: #3d3d3d none repeat scroll 0 0;
    }*/

/*.btn {
    border: 0 none;
    font-size: 13px !important;
    color: #fff;
    padding: 5px 15px;
}*/
/***LOGIN FORM ENDS**/
/**MEDIA QUERIES**/
@media (min-width:768px) {
    .navbar-toggle {
        display: none;
    }

    .navbar-right .dropdown-menu {
        right: auto;
    }
}

@media (max-width: 992px) {
    .navbar-toggle {
        display: block;
    }

    .toggle-div .glyphicon {
        display: none;
    }

    header .navbar-collapse.collapse {
        display: block !important;
    }

        header .navbar-collapse.collapse.in {
            display: block !important;
            overflow-y: auto !important;
        }
}

/*@media (max-width:837px) {
    .left-nav {
        bottom: 29px;
        overflow: scroll;
    }
}*/

@media (max-width: 767px) {
    .toggle-div .glyphicon {
        display: none;
    }

    .navbar-header {
        float: none !important;
        margin: 0 -15px !important;
    }

    .navbar-nav {
        margin: 0;
    }

    .navbar-toggle {
        float: left;
        margin-left: 30px !important;
        z-index: 9999;
    }

    /*.mobile-nav {
        top: 97px;
    }*/

    ul.navbar-right {
        height: 42px;
        border-top: 1px solid #ccc;
    }
    /*ul.navbar-right > li 
{
height:100%;
}*/

    .navbar-right.navbar-nav > li {
        display: table-cell;
    }

        .navbar-right.navbar-nav > li.dropdown {
            vertical-align: middle;
        }

    .navbar-right .dropdown-menu {
        padding-top: 0;
        border: 1px solid #CCC !important;
        min-width: inherit;
    }
    /*.navbar-right .dropdown-toggle {
    padding-bottom: 10px;
	padding-top: 9px;
    
    }*/

    .navbar-right.navbar-nav .open .dropdown-menu {
        background-color: #fff;
        border-radius: 0;
    }

    .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > .open > a:focus {
        border-left: none;
        border-right: 1px solid #ccc;
        padding-bottom: 10px;
        padding-top: 11px;
    }

    ul.navbar-right.navbar-nav > li > a.icons {
        padding-top: 13px;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        font-size: 14px;
    }

    .navbar-brand {
        padding: 3px 45px 3px 45px;
        border-right: none;
    }

    .custom-main {
        margin-top: 60px;
    }
}


.list-group {
    margin-bottom: 0;
}

.list-group-item {
    padding: 4px 15px;
}

    .list-group-item a {
        display: block;
    }

    .list-group-item:first-child, .list-group-item:last-child {
        border-radius: 0;
    }

.list-group-item-graybg {
    background-color: #f5f5f5;
}

.list-group-item .label {
    display: inline-block;
    padding: 5px 4px 6px 5px;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    margin-right: 5px;
    width: 25px;
}

.list-group-item .label-greenbg {
    background-color: #43b6af;
}

.list-group-item .label-yellowbg {
    background-color: #ebbd2a;
}

.list-group-item .label-bluebg {
    background-color: #88c4f6;
}

.zero-padding-left {
    padding-left: 0px !important;
}

.zero-padding-right {
    padding-right: 0px !important;
}
/* Online Result CSS*/

.highlightSave {
    background-color: rgba(0,255,0,0.3) !important;
}

    .highlightSave > td {
        background-color: transparent !important;
        font-weight: bold;
    }

.highlightCurrentGame > td {
    background-color: transparent !important;
    font-weight: bold;
}

.highlightGrey {
    background-color: #D2D1D1 !important;
}

    .highlightGrey > td {
        background-color: transparent !important;
        font-weight: bold;
    }

.highlightDisqulified {
    background-color: rgba(255, 0, 0, 0.3) !important;
}

    .highlightDisqulified > td {
        background-color: transparent !important;
        font-weight: bold;
    }

.highlightDNS {
    background-color: rgba(158,158,158,0.5) !important;
}

    .highlightDNS > td {
        background-color: transparent !important;
        font-weight: bold;
    }

.highlightCurrentGame {
    background-color: rgba(0, 0, 255, 0.3) !important;
}


.align_right {
    text-align: right !important;
}


/* MAIN PAGE IMAGE
===================================*/
@media (max-width: 991px) {
    #main-page-section img {
        width: 100% !important;
        height: auto !important;
    }

    table.save_btn tr {
        display: inline-block;
        margin-left: 0px;
        margin-right: 30px;
    }

    table.result_detailsbtn, table.save_btn {
        margin: 0 !important;
    }
}
/*===================================
                   MAIN PAGE IMAGE */


/* COMMERCIAL SLOT
===================================*/
@media (min-width: 1196px) {
    #commercial-slot {
        position: absolute;
        right: 0;
        top: 160px;
    }

        #commercial-slot img {
            display: block;
            margin: 50px 30px 0px 0px;
        }
}

@media (max-width: 1196px) {
    #commercial-slot {
        position: relative;
        align-content: center;
    }

        #commercial-slot img {
            margin: 0px 30px 0px 30px;
        }
}
/*===================================
                   COMMERCIAL SLOT */


/* FOOTER
===================================*/
#footer-section {
    padding: 30px 0px 10px 0px;
    background-color: #0069A9;
}

    #footer-section h3 {
        color: #FFFFFF !important;
        font-family: 'Merriweather', serif;
        font-size: 16px;
        line-height: 20px;
    }

    #footer-section a {
        color: #D0E4ED !important;
    }

    #footer-section span {
        padding: 0px 10px 0px 10px;
    }

    #footer-section p {
        font-size: 14px !important;
        line-height: 22px !important;
        color: #D0E4ED !important;
    }

@media screen and (max-width: 991px) {
    .submenu {
        display: none;
    }
}
/*===================================
                            FOOTER */


.button_transparent {
    border: none;
    background: transparent;
}

.float_right {
    float: right;
}

.strikeout {
    text-decoration: line-through;
}

.text_align_right {
    text-align: right;
}
/* ------- Start Tab Competition management (2/12/2016)------ */

.nav-tabs {
    border-bottom: 1px solid #0069a9;
}

    .nav-tabs > li > a {
        border: 1px solid #0069a9;
        border-radius: 4px 4px 0 0;
        border-bottom: 1px solid #0069a9;
        background-color: #0069a9;
        color: #fff !important;
    }

    .nav-tabs > li.active > a {
        border: 1px solid #0069a9 !important;
        border-bottom: 1px solid #fff !important;
        color: #0069a9 !important;
    }

.nav > li > a:focus, .nav > li > a:hover {
    background-color: white;
    color: #0069a9 !important;
    border: 1px solid #0069a9;
    border-bottom: 1px solid #fff;
}

.nav-tabs > li.active > a {
    color: #0069a9 !important;
}

.tab-content {
    padding: 10px;
    border: 1px solid #0069a9;
    border-top: 1px solid transparent;
}

/* ------- End Tab Competition management (2/12/2016)------ */

.row-seperator, tr.row-seperator {
    border-bottom: 2px solid #7fb4d4;
    width: 100%;
}

/* --- Online Result Page --- */
.header_right {
    padding: 10px 0 8px 0px;
    border: 1pt solid #7FB4D4;
}

.common_btnspace button {
    margin-top: 10px !important;
}

table.result_details tr td {
    padding: 5px;
}

td.result_digit {
    width: 20%;
}

table.result_detailsbtn tr td {
    width: 90px;
}

table.result_detailsbtn tr td {
    width: 80px;
    padding-top: 2px;
    padding-bottom: 1px;
}

    table.result_detailsbtn tr td a {
        text-align: center;
        display: block;
    }

table.result_details .form-group {
    margin-bottom: 0px;
}

table.result_details tr td button {
    margin-top: 19px !important;
}

table.save_btn {
    margin: 3px auto;
}

    table.save_btn tr td {
        text-align: center;
        padding-bottom: 3px;
    }

        table.save_btn tr td a {
            padding-top: 11px !important;
            display: block;
        }

table.result_detailsbtn {
    margin: 0 auto;
}

table.save_btn tr td button {
    margin-top: 20px !important;
}

.row.header_section {
    border: 1pt solid #7FB4D4;
    padding: 5px 0 5px 0px;
    margin-top: 10px;
}

.result_grid {
    margin-top: 10px;
}

td.hide_row {
    display: none !important;
}

td.padding_zero {
    padding: 0px !important;
}
/* ---- Top menu section center align ----*/
.align_center {
    text-align: center !important;
}
.drop_filter .form-control {
    width: auto;
    display: inline;
}

.click_able{
        cursor: pointer;
    }


/* Margins and paddings */

.m-0 {	margin: 0		!important;	}
.m-1 {	margin: 2px		!important; }
.m-2 {	margin: 5px		!important; }
.m-3 {	margin: 10px	!important; }
.m-4 {	margin: 15px	!important; }
.m-5 {	margin: 20px	!important; }

.mx-0 {	margin-left: 	0 !important;	margin-right: 0 	!important;	}
.my-0 {	margin-top: 	0 !important;	margin-bottom: 0	!important;	}

.mt-0 {	margin-top:	0		!important;	}
.mt-1 {	margin-top:	2px		!important;	}
.mt-2 {	margin-top:	5px		!important;	}
.mt-3 {	margin-top:	10px	!important;	}
.mt-4 {	margin-top:	15px	!important;	}
.mt-5 {	margin-top:	20px	!important;	}

.mb-0 {	margin-bottom:	0		!important;	}
.mb-1 {	margin-bottom:	2px		!important;	}
.mb-2 {	margin-bottom:	5px		!important;	}
.mb-3 {	margin-bottom:	10px	!important;	}
.mb-4 {	margin-bottom:	15px	!important;	}
.mb-5 {	margin-bottom:	20px	!important;	}

.mr-0 {	margin-right:	0		!important;	}
.mr-1 {	margin-right:	2px		!important;	}
.mr-2 {	margin-right:	5px		!important;	}
.mr-3 {	margin-right:	10px	!important;	}
.mr-4 {	margin-right:	15px	!important;	}
.mr-5 {	margin-right:	20px	!important;	}

.ml-0 {	margin-left:	0		!important;	}
.ml-1 {	margin-left:	2px		!important;	}
.ml-2 {	margin-left:	5px		!important;	}
.ml-3 {	margin-left:	10px	!important;	}
.ml-4 {	margin-left:	15px	!important;	}
.ml-5 {	margin-left:	20px	!important;	}


.px-0 {	padding-left:	0		!important;		padding-right:	0		!important;	}
.py-0 {	padding-top:	0		!important;		padding-bottom:	0		!important;	}
.px-1 {	padding-left:	2px		!important;		padding-right:	2px		!important;	}
.py-1 {	padding-top:	2px		!important;		padding-bottom:	2px		!important;	}
.px-2 {	padding-left:	5px		!important;		padding-right:	5px		!important;	}
.py-2 {	padding-top:	5px		!important;		padding-bottom:	5px		!important;	}
.px-3 {	padding-left:	10px	!important;		padding-right:	10px	!important;	}
.py-3 {	padding-top:	10px	!important;		padding-bottom:	10px	!important;	}
.px-4 {	padding-left:	15px	!important;		padding-right:	15px	!important;	}
.py-4 {	padding-top:	15px	!important;		padding-bottom:	15px	!important;	}
.px-5 {	padding-left:	20px	!important;		padding-right:	20px	!important;	}
.py-5 {	padding-top:	20px	!important;		padding-bottom:	20px	!important;	}



.p-0 {	padding:	0		!important;	}
.p-1 {	padding:	2px		!important;	}
.p-2 {	padding:	5px		!important;	}
.p-3 {	padding:	10px	!important;	}
.p-4 {	padding:	15px	!important;	}
.p-5 {	padding:	20px	!important;	}

.pt-0 {	padding-top:	0		!important;	}
.pt-1 {	padding-top:	2px		!important;	}
.pt-2 {	padding-top:	5px		!important;	}
.pt-3 {	padding-top:	10px	!important;	}
.pt-4 {	padding-top:	15px	!important;	}
.pt-5 {	padding-top:	20px	!important;	}

.pb-0 {	padding-bottom:	0		!important;	}
.pb-1 {	padding-bottom:	2px		!important;	}
.pb-2 {	padding-bottom:	5px		!important;	}
.pb-3 {	padding-bottom:	10px	!important;	}
.pb-4 {	padding-bottom:	15px	!important;	}
.pb-5 {	padding-bottom:	20px	!important;	}

.pr-0 {	padding-right:	0		!important;	}
.pr-1 {	padding-right:	2px		!important;	}
.pr-2 {	padding-right:	5px		!important;	}
.pr-3 {	padding-right:	10px	!important;	}
.pr-4 {	padding-right:	15px	!important;	}
.pr-5 {	padding-right:	20px	!important;	}

.pl-0 {	padding-left:	0		!important;	}
.pl-1 {	padding-left:	2px		!important;	}
.pl-2 {	padding-left:	5px		!important;	}
.pl-3 {	padding-left:	10px	!important;	}
.pl-4 {	padding-left:	15px	!important;	}
.pl-5 {	padding-left:	20px	!important;	}

.w-0 { width: 0         !important; }
.w-1 { width: 10px      !important; }
.w-2 { width: 21px      !important; }
.w-3 { width: 42px      !important; }
.w-3_2 { width: 52px    !important; }
.w-3_5 { width: 61px    !important; }
.w-3_7 { width: 70px    !important; }
.w-4 { width: 80px      !important; }
.w-5 { width: 120px     !important; }


/* Displays */

.d-none{            display: none           !important; }
.d-inline{          display: inline         !important; }
.d-inline-block{    display: inline-block   !important; }
.d-block{           display: block          !important; }
.d-table{           display: table          !important; }
.d-table-cell{      display: table-cell     !important; }
.d-table-row{       display: table-row      !important; }
.d-flex{            display: flex           !important; }
.d-inline-flex {    display: inline-flex    !important; }


/* Alignment */
.text-left           { text-align: left; }
.text-right          { text-align: right; }
.text-center         { text-align: center; }
.text-justify        { text-align: justify; }
.text-nowrap         { white-space: nowrap; }

/* Transformation */
.text-lowercase      { text-transform: lowercase; }
.text-uppercase      { text-transform: uppercase; }
.text-capitalize     { text-transform: capitalize; }




.date-width {
    width: 91px;
    min-width: 91px;
}


/* User rearangable tables: */
/* Just add the class rearrangeable and it will work :) */
.ui-sortable {
    cursor: pointer;
    cursor: grab;
}

.ui-sortable:active {
    cursor: grabbing;
}


/* Fancy-checkbox: */
/* just add
        <label class="fancy-checkbox">
            <input type="checkbox" autocomplete="off" />
            <span class="glyphicon glyphicon-ok"></span>
        </label>
    and it will work :)
*/
label.fancy-checkbox {
    border: solid 1px gray;
    border-radius: 2px;
    padding: 3px;
    margin: 0;
    cursor: pointer;
}

label.fancy-checkbox input[type="checkbox"] {
    display: none;
}

label.fancy-checkbox input[type="checkbox"] + span {
    opacity: 0;
}

label.fancy-checkbox input[type="checkbox"]:checked + span {
    opacity: 1;
}