.accordion_heading {
    color: #5d5d5d   !important;
    font-size: 16px !important;
    font-weight: 600;
    padding: 10px 10px !important;
}
.bxsnone {
    box-shadow: none !important;
}

.page-content-white .page-bar, .page-container-bg-solid .page-bar {
    background-color: #ffffff;
    position: relative;
    padding: 0px 20px;
    margin: -25px -20px 0 -20px !important;
}

.page-content-white .page-content .page-bar {
    border-bottom: 1px solid #e7ecf1 !important;
}

.tpspace {
    padding-top: 20px !important;
}

.headstyle {
    border-bottom: 1px solid #eee;
    background-color: #f6f6f6;
}

.bgwhite {
    background-color: white !important;
}

.modeltext {
    color: #333333;
    font-family: "Open Sans", sans-serif !important;
}

.paddingbottom10 {
    padding-bottom: 10px;
    padding-top: 10px;
}

.btn.btn-outline.primany_circle {
    border-color: #337ab7 !important;
    color: #337ab7 !important;
    background: 0 0 !important;
    font-size: 11px !important;
}

.modeltext {
    color: #333333;
    font-family: "Open Sans", sans-serif !important;
}

.paddingbottom10 {
    padding-bottom: 10px;
    padding-top: 10px;
}

.btn.btn-outline.primany_circle {
    border-color: #337ab7 !important;
    color: #337ab7 !important;
    background: 0 0 !important;
    font-size: 11px !important;
}

    .btn.btn-outline.primany_circle.active, .btn.btn-outline.primany_circle:active, .btn.btn-outline.primany_circle:active:focus, .btn.btn-outline.primany_circle:active:hover, .btn.btn-outline.primany_circle:focus, .btn.btn-outline.primany_circle:hover {
        border-color: #337ab7 !important;
        color: #FFF !important;
        background-color: #337ab7 !important;
        font-size: 11px !important;
    }

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

.caption3 {
    padding-left: 10px !important;
    color: #5d5d5d !important;
    font-size: 16px !important;
    float: left !important;
    line-height: 18px;
    padding: 10px 10px !important;
    font-weight:bold;
}

.form_btn_align {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.btn.btn-outline.orange_circle {
    border-color: #337ab7 !important;
    color: #337ab7 !important;
    background: 0 0 !important;
    font-size: 11px !important;
}

    .btn.btn-outline.orange_circle.active, .btn.btn-outline.orange_circle:active, .btn.btn-outline.orange_circle:active:focus, .btn.btn-outline.orange_circle:active:hover, .btn.btn-outline.orange_circle:focus, .btn.btn-outline.orange_circle:hover {
        border-color: #e87e04 !important;
        color: #FFF !important;
        background-color: #e87e04 !important;
        font-size: 11px !important;
    }

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

.form_btn_align {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.btn.primary_circle_icn:not(.btn-outline) {
    color: #337ab7;
    background: 0 0 !important;
    border-color: #337ab7;
    font-size: 11px !important;
}

    .btn.primary_circle_icn:not(.btn-outline):active, .btn.primary_circle_icn:not(.btn-outline).active, .open > .btn.primary_circle_icn:not(.btn-outline).dropdown-toggle {
        color: #337ab7 !important;
        background-color: #337ab7 !important;
        border-color: #337ab7 !important;
    }

.btn.primary_circle_icn.active, .btn.primary_circle_icn:active, .btn.primary_circle_icn:active:focus, .btn.primary_circle_icn:active:hover, .btn.primary_circle_icn:focus, .btn.primary_circle_icn:hover {
    border-color: #337ab7 !important;
    color: #FFF !important;
    background-color: #337ab7 !important;
}

.btn.delete_circle_icn:not(.btn-outline) {
    color: #e7505a;
    background: 0 0 !important;
    border-color: #e7505a;
    font-size: 11px !important;
}

    .btn.delete_circle_icn:not(.btn-outline):active, .btn.delete_circle_icn:not(.btn-outline).active, .open > .btn.delete_circle_icn:not(.btn-outline).dropdown-toggle {
        color: #e7505a !important;
        background-color: #e7505a !important;
        border-color: #e7505a !important;
    }

.btn.delete_circle_icn.active, .btn.delete_circle_icn:active, .btn.delete_circle_icn:active:focus, .btn.delete_circle_icn:active:hover, .btn.delete_circle_icn:focus, .btn.delete_circle_icn:hover {
    border-color: #e7505a !important;
    color: #FFF !important;
    background-color: #e7505a !important;
}

.btn.red_circle_icn:not(.btn-outline) {
    color: #ff0000;
    background: 0 0 !important;
    border-color: #ff0000;
    font-size: 11px !important;
}

    .btn.red_circle_icn:not(.btn-outline):active, .btn.red_circle_icn:not(.btn-outline).active, .open > .btn.red_circle_icn:not(.btn-outline).dropdown-toggle {
        color: #ff0000 !important;
        background-color: #ff0000 !important;
        border-color: #ff0000 !important;
    }

.btn.red_circle_icn.active, .btn.red_circle_icn:active, .btn.red_circle_icn:active:focus, .btn.red_circle_icn:active:hover, .btn.red_circle_icn:focus, .btn.red_circle_icn:hover {
    border-color: #ff0000 !important;
    color: #FFF !important;
    background-color: #ff0000 !important;
}

.btn.invite_circle_icn:not(.btn-outline) {
    color: #1BBC9B;
    background: 0 0 !important;
    border-color: #1BBC9B;
    font-size: 11px !important;
}

    .btn.invite_circle_icn:not(.btn-outline):active, .btn.invite_circle_icn:not(.btn-outline).active, .open > .btn.invite_circle_icn:not(.btn-outline).dropdown-toggle {
        color: #1BBC9B !important;
        background-color: #1BBC9B !important;
        border-color: #1BBC9B !important;
    }

.btn.invite_circle_icn.active, .btn.invite_circle_icn:active, .btn.invite_circle_icn:active:focus, .btn.invite_circle_icn:active:hover, .btn.invite_circle_icn:focus, .btn.invite_circle_icn:hover {
    border-color: #1BBC9B !important;
    color: #FFF !important;
    background-color: #1BBC9B !important;
}

.btn.btn-outline.invite_circle {
    border-color: #1BBC9B !important;
    color: #1BBC9B !important;
    background: 0 0 !important;
    font-size: 11px !important;
}

    .btn.btn-outline.invite_circle.active, .btn.btn-outline.invite_circle:active, .btn.btn-outline.invite_circle:active:focus, .btn.btn-outline.invite_circle:active:hover, .btn.btn-outline.invite_circle:focus, .btn.btn-outline.invite_circle:hover {
        border-color: #1BBC9B !important;
        color: #FFF !important;
        background-color: #1BBC9B !important;
        font-size: 11px !important;
    }

.btn.btn-outline.delete_circle {
    border-color: #e7505a !important;
    color: #e7505a !important;
    background: 0 0 !important;
    font-size: 11px !important;
}

    .btn.btn-outline.delete_circle.active, .btn.btn-outline.delete_circle:active, .btn.btn-outline.delete_circle:active:focus, .btn.btn-outline.delete_circle:active:hover, .btn.btn-outline.delete_circle:focus, .btn.btn-outline.delete_circle:hover {
        border-color: #e7505a !important;
        color: #FFF !important;
        background-color: #e7505a !important;
        font-size: 11px !important;
    }

.btn.btn-outline.warning-circle {
    border-color: #614f06 !important;
    color: #c29d0b !important;
    background: 0 0 !important;
    font-size: 11px !important;
}

    .btn.btn-outline.warning-circle.active, .btn.btn-outline.warning-circle:active, .btn.btn-outline.warning-circle:active:focus, .btn.btn-outline.warning-circle:active:hover, .btn.btn-outline.warning-circle:focus, .btn.btn-outline.warning-circle:hover {
        border-color: #a08209 !important;
        color: #FFF !important;
        background-color: #a08209 !important;
        font-size: 11px !important;
    }

.btn.btn-outline.save_circle {
    border-color: #26C281 !important;
    color: #26C281 !important;
    background: 0 0 !important;
    font-size: 11px !important;
}

    .btn.btn-outline.save_circle.active, .btn.btn-outline.save_circle:active, .btn.btn-outline.save_circle:active:focus, .btn.btn-outline.save_circle:active:hover, .btn.btn-outline.save_circle:focus, .btn.btn-outline.save_circle:hover {
        border-color: #26C281 !important;
        color: #FFF !important;
        background-color: #26C281 !important;
        font-size: 11px !important;
    }

.sml_btn_padding {
    padding: 8px 20px 8px 20px !important;
}

.btn.grey_circle_icn:not(.btn-outline) {
    color: #808080;
    background: 0 0 !important;
    border-color: #808080;
    font-size: 11px !important;
}

.btn.darkorange_circle_icn:not(.btn-outline) {
    color: #E87E04;
    background: 0 0 !important;
    border-color: #E87E04;
    font-size: 11px !important;
}

    .btn.darkorange_circle_icn:not(.btn-outline):active, .btn.darkorange_circle_icn:not(.btn-outline).active, .open > .btn.darkorange_circle_icn:not(.btn-outline).dropdown-toggle {
        color: #E87E04 !important;
        background-color: #E87E04 !important;
        border-color: #E87E04 !important;
    }

.btn.darkorange_circle_icn.active, .btn.darkorange_circle_icn:active, .btn.darkorange_circle_icn:active:focus, .btn.darkorange_circle_icn:active:hover, .btn.darkorange_circle_icn:focus, .btn.darkorange_circle_icn:hover {
    border-color: #E87E04 !important;
    color: #FFF !important;
    background-color: #E87E04 !important;
}

.btn.disable_circle_icn:not(.btn-outline) {
    color: #808080;
    background: 0 0 !important;
    border-color: #808080;
    font-size: 11px !important;
}

    .btn.grey_circle_icn:not(.btn-outline):active, .btn.disable_circle_icn:not(.btn-outline).active, .open > .btn.disable_circle_icn:not(.btn-outline).dropdown-toggle {
        color: #808080 !important;
        background-color: #808080 !important;
        border-color: #808080 !important;
    }

.btn.disable_circle_icn.active, .btn.disable_circle_icn:active, .btn.disable_circle_icn:active:focus, .btn.disable_circle_icn:active:hover, .btn.disable_circle_icn:focus, .btn.disable_circle_icn:hover {
    border-color: #808080 !important;
    color: #FFF !important;
    background-color: #808080 !important;
}

.btn.green_circle_icn:not(.btn-outline) {
    color: #008000;
    background: 0 0 !important;
    border-color: #008000;
    font-size: 11px !important;
}

    .btn.green_circle_icn:not(.btn-outline):active, .btn.green_circle_icn:not(.btn-outline).active, .open > .btn.green_circle_icn:not(.btn-outline).dropdown-toggle {
        color: #008000 !important;
        background-color: #008000 !important;
        border-color: #008000 !important;
    }

.btn.green_circle_icn.active, .btn.green_circle_icn:active, .btn.green_circle_icn:active:focus, .btn.green_circle_icn:active:hover, .btn.green_circle_icn:focus, .btn.green_circle_icn:hover {
    border-color: #008000 !important;
    color: #FFF !important;
    background-color: #008000 !important;
}

.btn.greenlock_circle_icn:not(.btn-outline) {
    color: #5fb75f;
    background: 0 0 !important;
    border-color: #5fb75f;
    font-size: 11px !important;
}

    .btn.greenlock_circle_icn:not(.btn-outline):active, .btn.greenlock_circle_icn:not(.btn-outline).active, .open > .btn.greenlock_circle_icn:not(.btn-outline).dropdown-toggle {
        color: #5fb75f !important;
        background-color: #5fb75f !important;
        border-color: #5fb75f !important;
    }

.btn.greenlock_circle_icn.active, .btn.greenlock_circle_icn:active, .btn.greenlock_circle_icn:active:focus, .btn.greenlock_circle_icn:active:hover, .btn.greenlock_circle_icn:focus, .btn.greenlock_circle_icn:hover {
    border-color: #5fb75f !important;
    color: #FFF !important;
    background-color: #5fb75f !important;
}

.btn.purple_circle_icn:not(.btn-outline) {
    color: #8e44ad;
    background: 0 0 !important;
    border-color: #8e44ad;
    font-size: 11px !important;
}

    .btn.purple_circle_icn:not(.btn-outline):active, .btn.purple_circle_icn:not(.btn-outline).active, .open > .btn.purple_circle_icn:not(.btn-outline).dropdown-toggle {
        color: #8e44ad !important;
        background-color: #8e44ad !important;
        border-color: #8e44ad !important;
    }

.btn.purple_circle_icn.active, .btn.purple_circle_icn:active, .btn.purple_circle_icn:active:focus, .btn.purple_circle_icn:active:hover, .btn.purple_circle_icn:focus, .btn.purple_circle_icn:hover {
    border-color: #8e44ad !important;
    color: #FFF !important;
    background-color: #8e44ad !important;
}

.carding_alerts {
    padding-top: 5px;
}

.carding_right_frame {
    padding: 0px;
    border: 1px solid #f2f0f0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18);
    margin-top: 10px;
}

.unverify_bg {
    color: #ff0000;
}

.verify_icon {
    background-color: #44af31 !important;
    color: #fff;
    border-radius: 25px !important;
    width: 20px !important;
    height: 20px !important;
    margin-left: 10px !important;
}

.unverify_icon {
    background-color: #e7505a !important;
    color: #fff;
    border-radius: 25px !important;
    width: 20px !important;
    height: 20px !important;
    margin-left: 10px !important;
}

.icons_sizes {
    font-size: 10px !important;
    padding-left: 5px;
}

.unverify_align {
    padding-left: 10px;
}

.unverify_icons {
    background-color: #c63535;
    border-color: #c63535;
}

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

.certificate_icons {
    font-size: 16px;
}

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

.athlete_photo {
    width: 100% !important;
    margin: 0 auto !important;
    margin-bottom: 35px !important;
}

.athlete_map {
    width: 100% !important;
    margin: 0 auto !important;
    margin-bottom: 35px !important;
}

.athlete_member {
    width: 100% !important;
    margin: 0 auto !important;
    margin-bottom: 35px !important;
}

.atlete_medical {
    width: 100% !important;
    margin: 0 auto !important;
    margin-bottom: 35px !important;
}

.atlete_performaces {
    width: 100% !important;
    margin: 0 auto !important;
    margin-bottom: 17px !important;
}

.atlete_parents {
    width: 100% !important;
    margin: auto !important;
    margin-bottom: 28px !important;
}

.atlete_performacess {
    width: 100% !important;
    margin: 0 auto !important;
    margin-bottom: 35px !important;
}

.page-content-white .page-content .page-bar {
    border-bottom: 1px solid #e7ecf1 !important;
}

.page-content-white .page-bar, .page-container-bg-solid .page-bar {
    background-color: #ffffff;
    position: relative;
    padding: 0px 20px;
    margin: -25px -20px 0 -20px !important;
}

.frame_border {
    border: 1px solid #ddd !important;
}

.heading_style {
    border-bottom: 1px solid #eee;
    background-color: #f6f6f6;
}
.list-heading_style{ border-bottom: 1px solid #eee; background-color: #f6f6f6;}
.tabbable-line>.nav-tabs>li.active{border-bottom: 4px solid #306b9e !important}
.tabbable-line>.nav-tabs>li {
    margin: 0;
    border-bottom: 4px solid transparent;
}
 .tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu { border-top: .25em solid #306b9e!important;}
.tabbable-line>.nav-tabs>li.open, .tabbable-line>.nav-tabs>li:hover {
    background: 0 0;
    border-bottom: 4px solid #306b9e!important;
}

.dropdown-menu {
    min-width: 220px!important;
}

    .tables-tps{margin-top: 30px!important}
    .mblview{margin-bottom: 10px!important}
/*Athlete Profile*/
.page-content {
    background: #eef1f5 !important;
}

.tiles .tile .tile-object > .name {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #3c3c3c  !important;
    text-align: center !important;
}

.tiles_na {
    text-align: center !important;
}

.icons_size {
    font-size: 42px !important;
    color: #999 !important;
}

.tile_bg {
    background-color: #fff !important;
    border: 1px solid #ddd !important;
    border-radius: 3px !important;
}

.tiles .tile.selected, .tile_bg, .tile:active {
    border: 1px solid #ccc !important;
}

.tiles .tile .tile-body > i {
    margin-top: 0px !important;
}

.profile-desc-link a {
    font-size: 12px !important;
}

.status_sideheading {
    font-size: 12px;
    font-weight: 600;
    color: #666 !important;
    padding-top: 5px;
    margin-bottom: 0px !important;
}

.tiles .tile {
    display: block;
    float: left;
    height: 150px;
    width: 161px !important;
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    position: relative;
    font-weight: 300;
    font-size: 12px;
    letter-spacing: .02em;
    line-height: 20px;
    overflow: hidden;
    border: 4px solid transparent;
    margin: 0 10px 10px 0;
}

.profile-sidebar {
    width: 300px;
    margin-right: 20px;
}

.table.table-light > thead > tr > th {
    font-weight: 600;
    font-size: 13px;
    color: #93a2a9 !important;
    border: 0;
    border-bottom: 1px solid #F2F5F8;
}

.pro_big img {
    width: 60%;
    height: 60%;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
}

.pro_small img {
    float: left;
    margin-left: 10px;
    width: 20%;
    height: 20%;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
}

hr {
    margin-top: 8px !important;
    margin-bottom: 5px !important;
}

.portlet.light {
    padding-bottom: 0px !important;
    padding-top: 20px !important;
}

.page-bar {
    background-color: transparent !important;
}

.personal_tiles {
    width: 60% !important;
    margin: 0 auto !important;
}

.contactinfo_tiles {
    width: 80% !important;
    margin: 0 auto !important;
}

.parentinfo_tiles {
    width: 82% !important;
    margin: 0 auto !important;
}

.language_frame {
    border-left: 5px solid #8bb4e7 !important;
    margin-bottom: 7px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

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

.language_name_padding {
    padding-left: 13px !important;
    padding-top: 5px;
}

.language_write {
    padding-top: 5px;
    padding-left: 10px;
}

.modal_algin {
    width: 70% !important;
    margin: 0 auto !important;
}

.padding20 {
    padding: 20px !important;
}

.academic_study {
    color: #666 !important;
}

.paddingtop10 {
    padding-top: 10px !important;
}

.dropzone_border {
    border: 3px dotted #ddd !important;
}

.dropzone_previewalign {
    margin: 0 auto !important;
    width: 20% !important;
}

.legend_bg {
    background-color: #fff !important;
}

.frame_title {
    padding-bottom: 0px !important;
    padding-left: 20px !important;
}

.paddingtop5 {
    padding-top: 5px !important;
}

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

.smalltextcenter {
    text-align: center !important;
}

.dropdowns {
    min-width: 230px !important;
}

.dropdown-menuss li + li {
    margin-top: 0px !important;
}

.dropdown-menuss li a {
    padding: 15px 0 5px 50px!important;
    min-height: 50px;
    position: relative;
    white-space: normal;
}

.dropdown-menuss .typeahead-inner .item-img {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 5px;
    top: 5px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 5px;
}

.dropdown-menuss .typeahead-inner .item-heading {
    display: inline-block;
    vertical-align: middle;
    line-height: 18px;
}

p {
    margin: 0px !important;
}

.padding_right {
    padding-right: 0px !important;
}

.padding_top10 {
    padding-top: 10px !important;
}

.padding5 {
    padding: 5px !important;
}

.wordwrap {
    word-wrap: break-word !important;
}

.card_heading {
    color: #3590c1 !important;
    font-size: 14px !important;
}

.application_frame {
    padding: 10px !important;
    padding-top: 0px !important;
}

.icon_space {
    padding-top: 2px !important;
}

.hrline {
    border: 1px solid #eee !important;
}

.app_content_result {
    color: #333 !important;
}

.eligibility_model {
    width: 80% !important;
    left: 25% !important;
}

.alignleft20 {
    margin-left: 20px;
}

.tiles .tile .tile-object > .name {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #3c3c3c !important;
    text-align: center !important;
}

.mod_popup {
    width: 65% !important;
    left: 36% !important;
}

.mbl_pad5 {
    padding-top: 5px !important;
}

.photo_profile {
    width: 200px;
    max-height: 150px;
    margin: 0 auto !important;
    align-content: center;
}

.img_mbl {
    max-width: 100%;
    height: 150px !important;
}

.img_thumb {
    max-width: 200px;
    max-height: 150px;
}

.modal-lg-algin {
    width: 50% !important;
}

.listing_header {
    background-color: #eef1f5 !important;
}

/*.modal {
    width: 70% !important;
    top: 0% !important;
    left: 15% !important;
    margin-top: 0px !important;
}*/

/*.modal-dialog {
    margin: 0 auto !important;
}*/

/*.modal {
    background-color: transparent !important;
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0) !important;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0) !important;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0) !important;
    background-clip: padding-box;
}*/

.modal_align {
    width: 70% !important;
    top: 0% !important;
    /*left: 35% !important;*/
    margin-top: 0px !important;
}

.tile_height {
    height: 450px !important;
}

.certificate_aligns {
    width: 40% !important;
}
.photo-align{width: 285px!important;}
.checkbox_aligns{padding-left: 50px!important;}
.photobtnwidth{width: 100%!important;}
.photo_btn{padding-left: 60px!important;}

 .bgimage {
        background-size: 500px 274px;
        background-color: white;
        background-repeat: no-repeat;
        background-image: url('../../Content/Images/bgcard.png');
    }
.printcard-frame{border: 1px solid #4373b8!important;width:485px!important; height:274px!important;margin-left: 216px!important; border-radius: 15px !important;}
/*Access Denied*/
.rowcont {
    background-color: red;
    border: 1px solid #e6e9ec;
    background-color: white;
    width: 60%;
    margin: 0 auto;
    padding: 10px;
}

.imgref {
    float: left;
    padding-top: 25px;
}

.rightbrd {
    float: left;
    height: 100px;
    padding: 5px;
    margin-right: 10px;
    border-right: 1px solid #e6e9ec;
}
.accessdenied-content{font-size: 20px!important; color: #333000!important; padding-top: 0px;}
.accessdenied-button{padding-top: 10px; padding-bottom: 10px;}
.access-denied-bg {background-image: url('../../Content/Images/login_background.jpg');}
.grid-action-width{width: 250px!important; min-width: 155px;}
.grid-action-width5{width: 160px!important; min-width: 100px;}
.grid-action-width3{width: 120px!important; min-width: 100px;}
.grid-action-width6{width: 230px!important; text-align: center;}
.profile-frame{height: 440px;}
@media only screen and (max-width: 500px) {
    .page-header.navbar .page-logo{width:130px!important;}
    .athlete_map {
        width: 90% !important;
        margin: 0 auto !important;
        margin-bottom: 15px !important;
    }

    .atlete_medical {
        width: 100% !important;
        margin: 0 auto !important;
        margin-bottom: 15px !important;
    }

    .atlete_performaces {
        width: 100% !important;
        margin: 0 auto !important;
        margin-bottom: 15px !important;
    }

    .atlete_parents {
        width: 100% !important;
        margin: auto !important;
        margin-bottom: 15px !important;
    }

    .athlete_photo {
        width: 100% !important;
        margin: 0 auto !important;
        margin-bottom: 15px !important;
    }
    .note_mobile{padding:0px!important;}
    .tiles .tile {
        display: block;
        float: left;
        height: 120px;
        width: 100% !important;
        cursor: pointer;
        text-decoration: none;
        color: #fff;
        position: relative;
        font-weight: 300;
        font-size: 12px;
        letter-spacing: .02em;
        line-height: 20px;
        overflow: hidden;
        border: 4px solid transparent;
        margin: 0 10px 10px 0;
    }

        .tiles .tile .tile-object > .name {
            font-size: 14px;
            font-weight: 600 !important;
            color: #306b9e !important;
            text-align: center !important;
        }

        .tiles .tile .tile-object > .name {
            position: relative !important;
        }

    .tiles_na {
        text-align: center !important;
    }

    .icons_size {
        font-size: 42px !important;
        color: #999 !important;
    }

    .pro_big img {
        margin: 0 auto;
        width: 60%;
        height: 60%;
        -webkit-border-radius: 50% !important;
        -moz-border-radius: 50% !important;
        border-radius: 50% !important;
    }

    .pro_small img {
        float: left;
        margin-left: 10px;
        width: 20%;
        height: 20%;
        -webkit-border-radius: 50% !important;
        -moz-border-radius: 50% !important;
        border-radius: 50% !important;
    }
     .mbl-btns-width{width:100%!important;}
     .mbl-fullwidth{width: 100%!important;}
     .mbl-remove-space{margin-top: 10px!important;}

    .personal_tiles {
        width: 100% !important;
    }

    .contactinfo_tiles {
        width: 100% !important;
        margin: 0 auto !important;
    }

    .parentinfo_tiles {
        width: 100% !important;
        margin: 0 auto !important;
    }

    .language_write {
        padding-top: 5px;
        padding-left: 10px;
    }

    .paddingright-xs {
        padding-right: 0px !important;
    }

    .modal_algin {
        width: 100% !important;
    }

    .paddingleft_xs {
        padding-right: 15px !important;
        padding-top: 5px !important;
    }

    .dropzone_previewalign {
        margin: 0 auto !important;
        width: 80% !important;
    }

    .eligibility_model {
        width: 100% !important;
        left: 0% !important;
    }

    .mbl_alignleft0 {
        margin-left: 0px !important;
    }

    .mbl_alignright0 {
        padding-right: 0px !important;
    }

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

    .mbl_btnwidth {
        margin-top:5px;
        width: 100% !important;
    }

    .mbl_pad5 {
        margin-top: 5px !important;
    }

    .mbl_pad10 {
        padding-top: 10px !important;
    }
    .mod_popup {
        width: 100% !important;
        left: 0% !important;
    }
    .mobile_printcard{overflow-y: scroll!important; height: 550px!important;}
    .mbl-modal-body{overflow-y: scroll!important; height: 550px!important;}
    /*.modal {
        width: 100% !important;
        top: 0% !important;
        left: 0% !important;
        margin-top: 0px !important;
    }

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

    .modal {
        background-color: transparent !important;
        border: 1px solid #999999;
        border: 1px solid rgba(0, 0, 0, 0) !important;
        border-radius: 6px;
        -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0) !important;
        box-shadow: 0 3px 9px rgba(0, 0, 0, 0) !important;
        background-clip: padding-box;
    }*/

    .modal_align {
        width: 100% !important;
        top: 0% !important;
        left: 0% !important;
        margin-top: 0px !important;
    }

    .tile_height {
        height: 520px !important;
    }

    .certificate_aligns {
        width: 100% !important;
    }
     .bgimage {
        background-size: 300px 500px;
        background-color: white;
        background-repeat: no-repeat;
        background-image: url('../../Content/Images/bgcard.png');
    }
    .printcard-frame{width:100%!important; height:500px!important;margin-left: 0px!important;}
    .mbl-printcard{padding-left: 50px; width: 200px; height: 150px;}
    .mbl-printcard-logo{padding-left: 40px; width:200px; height:60px;}
    .profile-frame{height: 600px!important;}
    .control-label-left{font-weight: 600!important; font-size: 14px!important;}
}

/*Iphone 7 and Iphone 8*/
@media only screen and (min-width: 321px) and (max-width:375px) {
    .iphonembl_imgs{padding-left: 30px!important;}
    .iphonebtn{padding-left:25px!important;}
    .dz-default, .dz-message{font-size: 13px!important;}

     .bgimage {
        background-size: 370px 500px;
        background-color: white;
        background-repeat: no-repeat;
        background-image: url('../../Content/Images/bgcard.png');
    }
    .printcard-frame{width:100%!important; height:500px!important;margin-left: 0px!important;}
    .mbl-printcard{padding-left: 50px; width: 200px; height: 150px;}
    .mbl-printcard-logo{padding-left: 40px; width:200px; height:60px;}
        .profile-frame{height: 700px!important;}
}

/*Iphone 7+ and Iphone 8+*/
@media only screen and (min-width: 376px) and (max-width:414px) {
    .iphonembl_imgs{padding-left: 50px!important;}
    .iphonebtn{padding-left:50px!important;}
    .bgimage {
        background-size: 300px 200px;
        background-color: white;
        background-repeat: no-repeat;
        background-image: url('../../Content/Images/bgcard.png');
    }
    .printcard-frame{width:100%!important; height:500px!important;margin-left: 0px!important;}
    .mbl-printcard{padding-left: 50px; width: 200px; height: 150px;}
    .mbl-printcard-logo{padding-left: 40px; width:200px; height:60px;}
}

/*Responsive*/
@media only screen and (min-width: 414px) and (max-width:425px) {
    .iphonembl_imgs{padding-left: 60px!important;}
    .iphonebtn{padding-left:50px!important;}

    .bgimage {
        background-size: 400px 500px;
        background-color: white;
        background-repeat: no-repeat;
        background-image: url('../../Content/Images/bgcard.png');
    }
    .printcard-frame{width:100%!important; height:500px!important;margin-left: 0px!important;}
    .mbl-printcard{padding-left: 90px; width: 260px; height: 150px;}
    .mbl-printcard-logo{padding-left: 80px; width:250px; height:60px;}
}
/*Responsive*/
@media only screen and (min-width: 426px) and (max-width:768px) {
   
    .bgimage {
        background-size: 400px 500px;
        background-color: white;
        background-repeat: no-repeat;
        background-image: url('../../Content/Images/bgcard.png');
    }
    .printcard-frame{width:100%!important; height:500px!important;margin-left: 0px!important;}
    .mbl-printcard{padding-left: 90px; width: 260px; height: 150px;}
    .mbl-printcard-logo{padding-left: 80px; width:250px; height:60px;}
}
/*landscape*/
@media only screen and (min-width: 667px) and (max-width:768px) {
   .modal_align {
        width: 100% !important;
        top: 0% !important;
        left: 0% !important;
        margin-top: 0px !important;
    }
   .bgimage {
        background-size: 620px 275px;
        background-color: white;
        background-repeat: no-repeat;
        background-image: url('../../Content/Images/bgcard.png');
    }
    .printcard-frame{width:80%!important; height:275px!important;margin-left: 60px!important;}
    .mbl-printcard{padding-left: 10px; width: 180px; height: 150px;}
    .mbl-printcard-logo{padding-left: 10px; width:150px; height:60px;}
}


@media only screen and (min-width: 768px) and (max-width:1024px) {
    .photo_tiless {
        width: 250px;
        clear: both;
        background-color: #ff0000 !important;
    }

    .modal_align {
        width: 70% !important;
        top: 0% !important;
        left: 10% !important;
        margin-top: 0px !important;
    }
    .bgimage {
        background-size: 620px 275px;
        background-color: white;
        background-repeat: no-repeat;
        background-image: url('../../Content/Images/bgcard.png');
    }
    .printcard-frame{width:80%!important; height:275px!important;margin-left: 60px!important;}
    .mbl-printcard{padding-left: 10px; width: 180px; height: 150px;}
    .mbl-printcard-logo{padding-left: 10px; width:150px; height:60px;}
    .profile-frame{height: 600px!important;}
    
}



@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .language_frames {
        width: 100% !important;
    }
    .banner_righthead{  font-size: 40px !important;font-weight: 600 !important;text-align: right !important; padding-top: 10px;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .language_frames {
        width: 100% !important;
    }
    .profile-frame{height: 700px!important;}

}

@media only screen and (max-width:320px) {
    .photo_tiless {
        width: 200px !important;
        clear: both;
        background-color: #ff0000 !important;
    }
    .mbl-photos-frame{width: 95%!important;}
   
}

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
    .iphone5_align {
        margin-top: 250px;
    }
     .mbl-photos-frame{width: 95%!important;}
}

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {
    .iphone5_align {
        margin-top: 250px;
    }
}

@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) {
    .iphone5_align {
        margin-top: 250px;
    }

    #main-slider .carousel .boxed {
        width: 250px;
    }
     .mbl-photos-frame{width: 95%!important;}
}

.frame_border {
    border: 1px solid #ddd !important;
}

.page-content {
    background: #fff !important;
}

.onoffswitch3 {
    position: relative;
    width: 200px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.onoffswitch3-checkbox {
    display: none;
}

.onoffswitch3-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #ddd;
    border-radius: 0px;
    border-radius: 4px !important;
}

.onoffswitch3-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s;
    -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s;
    transition: margin 0.3s ease-in 0s;
}

    .onoffswitch3-inner > span {
        display: block;
        float: left;
        position: relative;
        width: 50%;
        height: 30px;
        padding: 0;
        line-height: 30px;
        font-size: 14px;
        color: white;
        font-family: Trebuchet, Arial, sans-serif;
        font-weight: bold;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .onoffswitch3-inner .onoffswitch3-active {
        padding-left: 10px;
        background-color: #EEEEEE;
        color: #FFFFFF;
    }

    .onoffswitch3-inner .onoffswitch3-inactive {
        padding-right: 10px;
        background-color: #EEEEEE;
        color: #FFFFFF;
        text-align: right;
    }

.onoffswitch3-switch {
    display: block;
    width: 50%;
    margin: 0px;
    text-align: center;
    border: 0px solid #999999;
    border-radius: 0px;
    position: absolute;
    top: 0;
    bottom: 0;
}

.onoffswitch3-active .onoffswitch3-switch {
    background: #337ab7;
    left: 0;
}

.onoffswitch3-inactive .onoffswitch3-switch {
    background: #337ab7;
    right: 0;
}

.onoffswitch3-checkbox:checked + .onoffswitch3-label .onoffswitch3-inner {
    margin-left: 0;
}

.left_toggles {
    width: 100px !important;
}

.captionhome {
    margin-top: 25px;
    padding-left: 10px;
    color: #4c87b9;
    font-size: 60px;
    float: left;
    line-height: 18px;
    padding: 10px 10px;
}

.heading {
    font-size: 18px !important;
}

.content-heading {
    font-size: 18px;
}

.color-fade {
    color: gray;
}

.bottom-spacer {
    margin-bottom: 5px;
}

.more-select {
    color: #347fb2;
    font-size: 15px;
}

.home-title {
    font-size: 17px;
    text-decoration: none;
    text-decoration-line: none;
}

.home-title-icon {
    font-size: 22px;
    color: #337ab7;
}

.more-bottom-space {
    margin-bottom: 10px;
}



.profile_heading {
    font-weight: 500 !important;
    font-size: 13px !important;
    color: #93a2a9 !important;
}

.left_subframe {
    width: 92%;
    margin: 10px;
    border-bottom: 1px solid #eee;
    padding: 5px;
}

.left_subframeicn {
    width: 20%;
    float: left;
    margin: 5px;
    margin-top: 0px;
}

.left_subframe_content {
    width: 66%;
    float: left;
}

.left_subframeicnright {
    width: 10% !important;
    float: left;
}

.left_subframecoachexicn {
    width: 10%;
    float: left;
    margin: 10px;
    margin-top: 0px;
}

.left_subframe_coachexcontent {
    width: 80%;
    float: left;
}

.left_subframe_eventcontent {
    width: 90%;
    padding-left: 5%;
    padding-bottom: 10px;
}

.tickalign {
    padding-top: 5px !important;
    padding-right: 100px !important;
}

.green-tick {
    color: green;
    font-size: 16px !important;
}

.green-dot {
    color: green;
    font-size: 8px !important;
}

.tiles .tile .tile-object {
    bottom: -15px !important;
}

td {
    border-top: none !important;
    border-bottom: none !important;
    word-break: break-all;
}

table > thead > tr > th {
    color: #337ab7 !important;
    background-color: #eef1f5 !important;
}


.Orange {
    color: #f0ad4e !important;
}

.Blue {
    color: #337ab7 !important;
}

.Green {
    color: #008000 !important;
}

@media (min-width: 700px) {
    .delete_circle {
        width: 100px;
        text-transform: uppercase !important;
        font-weight: 600 !important;
    }

    .green-jungle {
        width: 100px;
        text-transform: uppercase !important;
        font-weight: 600 !important;
    }
}

.Brown {
    color: #bd4e0b !important;
}


/*To Apply Custom Style to Multi-Select Control - Siva K*/
.multiselect {
    font-size: 13px !important;
    font-weight: 400 !important;
    transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px !important;
    text-transform: none !important;
}

    .task_border_blue{
        border-left: 5px solid #5867dd;margin-left: -15px;
    }
    .task_border_yellow{
        border-left: 5px solid #ffb822;margin-left: -15px;
    }
    .task_border_skyblue{
        border-left: 5px solid #22b9ff;margin-left: -15px;
    }
    .task_border_lightgreen{
        border-left: 5px solid #34bfa3;margin-left: -15px;
    }
    .task_border_pinkred{
        border-left: 5px solid #f4516c;margin-left: -15px;
    }
    .tpspac{
    padding-top:23px !important;
}
      .margin-bottom0{margin-bottom: 0px!important;}

    .md-shadow-z-1, .alert, .badge, .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all), .btn-group > .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all), .btn.btn-link:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all):hover, .icon-btn, .label:not(.md-skip), .note, .panel, .social-icons li > a, .social-icons.social-icons-color > li > a, .well {
            box-shadow: none!important;
        }
    .action_align{text-align:center!important;}

    .font-org
    {
        color:#f28f00!important;
    }
.btn-org {
    color: #fff;
    background-color: #f28f00;
    border-color: #b3b3b3;
}
.forget-password
{
    color:#5d5d5d;
}
.forget-password:hover
{
    color:#f28f00;
}
.font-gry
{
 color:#5d5d5d !important;
}
.login .copyright {
    text-align: center;
    margin: 0 auto 30px 0;
    padding: 10px;
    color: #5d5d5d!important;
    font-size: 13px;
}
.llink
{
    color: #5d5d5d;
}
.llink:hover
{
   color: #f28f00;
}

@media only screen and (max-width : 1100px) {
/* Styles */
.rightbrd
{
    display:none;
    padding:10px;
}
}
 @media only screen and (max-width : 1100px) {
/* Styles */
.imgref
{
   float:initial!important;
    padding:15px;
}
}
 @media only screen and (max-width : 1100px) {
/* Styles */
.rtbtn
{
   float:initial!important;
     
}
}
 @media only screen and (max-width : 1100px) {
/* Styles */
.textcont
{
   float:initial!important;
    padding:5px;
    text-align:center!important;
}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.grid-table{width: 100%!important; overflow-y: scroll!important;}
.grid-action-width{width: 250px;}
.grid-action-width3{width: 150px;}
.grid-action-width5{width: 250px; min-width: 180px;}
.grid-action-width6{width: 230px; min-width: 180px;}
.application-table{width: 100%; overflow-x: scroll;}
}

/*This ccs has been created for E-card resize and bg image*/ 
.bgimage2 {
            background-size: 500px 38px;
            background-color: white;
            background-repeat: no-repeat;
            background-image: url(../Images/bgcard2.png);
        }
        @media screen and (max-width: 374px) and (min-width: 10px) {
        .sizescale {
            transform: scale(0.5,0.5)!important;
            margin-left:-111px;
        }
    }
        @media only screen and (max-width: 428px)  and (min-width: 375px){
        .sizescale {
            transform: scale(0.6,0.6)!important;
            margin-left:-80px;
        }
    }
        
        @media only screen and (max-width: 702px)  and (min-width: 429px){
        .sizescale {
             transform: scale(0.9,0.9)!important; 
            margin-left:-15px;
        }
    } 
          @media only screen and (max-width: 2000px)  and (min-width: 703px){
        .sizescale {
            display:none;
        }
        .vcardshow
        {
            display:block!important;
        }
    }