/*entonbiba-cityoftoronto*/
#maincontent a[href^="http"]{background: none !important;}
#mapModal{overflow-y: hidden;}
a.btn, a.btn span{background: none !important;}
.input-group[class*="col-"]{float: left !important;}
.gm-style-iw{width: auto !important; line-height: 1.35; overflow: hidden; white-space: nowrap; overflow:hidden !important;}
.gm-style .gm-style-iw{width: auto !important; height: auto !important; left: 8px !important; top: 0px !important;}
.gm-style .gm-style-iw div{width: auto !important; overflow: hidden !important;}
.gfix{line-height:1.35; overflow:hidden; white-space:nowrap;}
.multiselect .caret{position: absolute; float: right; margin-top: 9px; right: 9px;}
#maincontent ul{list-style-type:none !important};
#loading{width: 100%; padding: 10px; text-align: center; font-size: 22px; color: #fff; background: #4783BA; border-bottom: 3px solid #fff;}
#loading_blank{position: absolute; height: 100%; width: 100%; background: #fff; z-index: 9; opacity: 0.7;}
.todayis{background: #009ACD; color: white;}
.toggleHome{background: #fff; cursor: pointer; margin: 5px; padding: 5px; border: 1px solid #ccc;}
.hide, .pshow, .dropinlist-print{display:none;}

/* GENERIC STYLES */
.multiselect-container>li>a{text-decoration: none;}
#maincontent a{text-decoration: none;}
#maincontent .btn-group {width: 100%;}
#maincontent .btn-group button {width: 100% !important;}
#maincontent .row {margin-bottom: 5px;}
.input-group-addon.small {max-width:35px;}
.input-group-addon  {min-width:140px; }
.input-group { width: 100%; margin-bottom:3px; }
#maincontent select {margin:0;}
#maincontent .input-group {padding: 8px 0px 4px;}
#maincontent .btn-primary {background-color: #009EE0; border: 1px solid black; color: white; }
#maincontent .btn-primary:hover {text-decoration: none;}
#textAge { display:none; resize: none; overflow: auto; height:26px; width:31px;}
#maincontent input-group-addon{border-top-right-radius: 0px; border-bottom-right-radius: 0px;}
#maincontent .btn-group button.multiselect.dropdown-toggle.btn.btn-default{border-top-left-radius: 3px; border-top-right-radius: 3px;}
#maincontent .btn-group.open button.multiselect.dropdown-toggle.btn.btn-default{border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;}
ul.multiselect-container.dropdown-menu{border-top-left-radius: 0px; border-top-right-radius: 0px; max-height: 220px !important;}
span.input-group-addon{text-align: right; background-color: transparent; border: none;}
.linkto-mapview, .linkto-listview{padding: 5px; display: inline-block; text-align: center; width: 100%;}
.multiselect-container li a{padding: 0px !important; height: 25px;}

@-moz-document url-prefix() {
    .multiselect-container > li > a{
        padding: 0px !important;
        height: 25px;
    }
}

/* SEARCH BOX */
#searchTextField{margin-bottom: 0px; width: 84.999999%; height: 50px; float: left; font-size: 1.22em; border-radius: 0px; border: 1px solid #d1d1d1; border-bottom: 4px solid #ddd; background-color: #fafafa; border-right: 0px;}
#searchTextField:focus{color: #000; border-bottom: 4px solid #2d5676;}
#locationsearch_btn{float: left; height: 50px; font-size: 20px; line-height: 20px; width: 15%; border-radius: 0px; border: 0px !important; background: #346488 !important; color: #fff !important; text-align: center; border-bottom: 4px solid #2d5676 !important;}
#locationsearch_btn:hover{border-bottom: #427fad !important; background: #427fad !important; text-decoration:none !important;}
#locationsearch_btn:active{border-bottom: #427fad !important; background: #346488 !important; text-decoration:none !important;}
.success{border-bottom: 4px solid #A2E839;}
.error{border-bottom: 4px solid #C30;}

/* MAP STYLES */
#maincontent #map-canvas {height: 500px; width: 80%; text-align: center; float: left; border: 3px solid #eee; border-radius: 5px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;}
#maincontent #map-favs {height: 500px; width: 19.99999%; float: left; border: 3px solid #eee; border-radius: 5px; border-top-left-radius: 0px; border-bottom-left-radius: 0px;}
#maincontent #map-favs .favheader{margin-top: 0px !important; margin-bottom: 4px !important; padding: 8px 4px; text-align: center; border-bottom: 4px solid #1C5174;}
#maincontent #map-favs #myfavs{width: 100%; padding: 0px 4px; background: #F0F0F0;}
#maincontent #map-favs #myfavs span{display: block; margin-bottom: 4px; padding-bottom: 4px; border-bottom: 1px solid #ddd;}
#maincontent #map-favs #myfavs span a.rem-fav{background: #39A2E8; color: white; text-align: center; padding: 2px 5px; margin-right: 4px; cursor: pointer; text-decoration: none;}
#maincontent #map-favs #myfavs span a.rem-fav:hover{background: #DF3F3F; color: white; text-decoration: none;}
#maincontent #map-canvas #map_topmenu {position: absolute; top: 0px; left: 0px; z-index: 9; padding: 5px; background: #eee;}
#map-canvas img {max-width:none;}

/* LIST STYLES */
.media-body{min-height: 10px !important; height: auto !important;}
#dropinlist{height: 500px; overflow-y: auto; position: relative;}
.di_row {height: auto; width: 100%; display: inline-block; min-height: 100px; margin-bottom: 4px; padding: 2px 8px; border: 1px dashed #f7f7f7; clear: both;}
.btn-selected{padding: 6px 6px !important; background-color: #179DD6 !important; color: #fff !important; border: 1px solid #5792AB !important; font-weight: bold;}
.btn-selected:hover{background-color: #5CBAE2 !important; color: #fff;}
.btn-selected:focus, .btn-selected:active{background-color: #179DD6 !important; color: #fff !important;}
.di_row:nth-child(odd) {background: #F7F7F7;}
.di_row:nth-child(even) {background: #fafafa;}
.di_row .feat{text-align: center; margin-top: 15px;}
.di_address .label, .di_phone .label{font-size: 99%; background: #E9E9E9; color: #000; padding: .2em .4em .3em;}
.di_location {cursor: pointer; color: #2b5a83; font-size: 1.3em;}
.di_address{padding: 3px 5px;}
.di_phone{padding: 3px 5px;}
img.recimg {width: 100%; height: 80px; padding: 2px; border-bottom: 4px solid rgb(221, 221, 221); cursor: pointer;}
.rhead{float: left; width: 100%;}
.prgtypes{display: inline-block; margin-top:5px; margin-bottom: 5px;}
.ptype{float: left; margin: 0px 4px; padding: 2px; background: #fdfdfd;}
.l_arts{margin: 0px 4px; background: #9AC2C9;}
.l_general{margin: 0px 4px; background: #779988;}
.l_fitness{margin: 0px 4px; background: #2f97c1;}
.l_skating{margin: 0px 4px; background: #5C7180;}
.l_sports{margin: 0px 4px; background: #8cc540;}
.l_swimming{margin: 0px 4px; background: #0C8ABF;}
.l_other{margin: 0px 4px; background: #F0F0F0;}

/* DROPIN COURSES */
button.close{font-size: 30px;}
#clabels{margin: 0px 0px 5px 0px; padding: 10px 8px; background: #F0F0F0; text-align: center;}
span#all_label, span#arts_label, span#gen_label, span#fitness_label, span#skating_label, span#sports_label, span#swim_label{cursor: pointer; margin: 0px 5px; color: #333;}
span#all_label.selfil, span#arts_label.selfil, span#gen_label.selfil, span#fitness_label.selfil, span#skating_label.selfil, span#sports_label.selfil, span#swim_label.selfil{cursor: pointer; background: #2299FF; color: #000 !important; border: 1px solid #333 !important;}
span#arts_label.notav, span#gen_label.notav, span#fitness_label.notav, span#skating_label.notav, span#sports_label.notav, span#swim_label.notav{display: none;}
span#all_label:hover, span#arts_label:hover, span#gen_label:hover, span#fitness_label:hover, span#skating_label:hover, span#sports_label:hover, span#swim_label:hover{color: #fff !important; cursor: pointer; background: #1B7ACC;}
.modal-header h3{margin-top: 0px !important; margin-bottom: 0px !important;}
.modal-header small{font-size: 75%;}
.modal-body{padding: 4px; font-weight: normal;}
.infobg{display: table; font-weight: normal; position: relative; background: #F9F9F9; padding: 5px; padding-bottom: 15px;}
.searchprogramsbox{margin-top:10px; margin-bottom: 10px;}
.whendate{padding: 5px; text-align: center; margin-top:10px; margin-bottom: 10px;}
#searchprograms{width: 100%; height: 30px; padding: 5px;}
.modal-content hr{margin-top: 0px !important; margin-bottom: 0px !important;}
.addresslabel{padding: 4px 8px;    margin-bottom:8px;}
.feat{text-align: center;}
.feat img{margin: 0px !important;}
.feat .label, .addresslabel .label{font-size: 99%; background: #E9E9E9; color: #000; padding: .2em .4em .3em;}
.feat .yes{background:#9DD078 !important; color: #fff;}
.feat .fully{background: #003E89 !important; color: #fff;}
.feat .no{background: #F05252 !important; color: #fff;}
.feat .some{background: #E5CB31 !important; color: #fff;}
.panel-group .panel{border-radius: 0px;}
/*.modal-body{height: auto; max-height: 450px; overflow: auto;}*/
.modal-footer{margin-top: 0px}

#ditable{margin: 0px !important; width: 100%; height: auto;}
#ditable td:nth-child(odd) {background: #F7F7F7;}
#ditable td:nth-child(even) {background: #fafafa;}
#ditable th{width:90px !important;}
#ditable th, .coursename{text-align: center !important;}
.coursename{background: #fff !important;}
.coursename small{color: #333; font-size: 12px;}
#ditable .coursename{width: 125px; padding-left: 4px !important; padding-right: 4px !important;}
#ditable td{text-align:center !important; padding: 4px 4px !important;}
#ditable td b{display: none;}
#ditable tbody tr td:hover{background:#fff; border: 0px !important; font-weight:bold; padding-left: 0px !important; padding-right: 0px !important;}
#ditable tbody tr td.coursename:hover{border:0px !important; font-weight:normal !important; padding-left: 4px !important; padding-right: 4px !important;}
#ditable td span{margin-top: 5px; display: inline-block;}

/*.spday{width: 20px; position: absolute; height: 20px; overflow: hidden; margin: -4px; background: #cbe737; font-weight: bold; font-size: 12px; border-bottom-right-radius: 8px;}*/
.spday {width: 20px; float: left; height: 20px; overflow: hidden; margin: -4px; background: #cbe737; font-weight: bold; font-size: 12px; border-bottom-right-radius: 8px;}
.familyday{background: #00aced; color: #fff;}
.marchbreak{background: #cbe737; color: #fff;}


/* */
.btn-add {display: block; clear: both; cursor: pointer; background-color: #51A3C9 !important; border: none; color: white; padding: 2px 4px !important; margin: 0px !important; height: auto !important; text-decoration: none !important; border-radius: 0 !important;}
.btn-add:hover {background-color: #009EE0 !important; color: white; text-decoration: none !important;}
.btn-add:active {border-radius: 4px !important;}

@media print and (color) {
   * {
      -webkit-print-color-adjust: exact;
      print-color-adjust: exact;
   }
}
@media print {
    @page {
        margin: 1cm !important;
        clear: both;
        size: portrait;
    }
    @page :first {
        margin-top: 0.3cm !important;
        margin-bottom: 1cm !important;
    }
    @page rotated { margin: 1cm !important; clear: both; size: landscape; }
    table { page: rotated; page-break-inside: avoid !important; break-inside: always !important;}
    * {
        filter: none !important;
        -ms-filter: none !important;
        background: transparent !important;
        box-shadow: none !important;
        color: #000 !important;
        text-shadow: none !important;
    }
    body {
        -moz-transform: scale(95%) !important;
        overflow: visible !important;
    }
    #maincontent{
        margin: 0px; padding: 0px;
    }
    .main-nav,
    .sidebar,
    .comments,
    .main-footer,
	#addtofavs,
	.listentome,
    .phidden, .phidden small, #fontsizer, #vui-cps-ui-tool-mini, .vui-cps-ui-ice-page-component-toolbar {
        display: none !important;
        visibility: hidden !important;
    }
    .vui-cps-ui-ice-page-region{border: none !important;}

    .pshow{
        display: block !important;
    }

    .main-header {
        margin-bottom: 0;
        border: none;
        text-align: center;
    }

    a[href^=http]:after {
        content:" [" attr(href) "] ";
        color: #346488 !important;
    }
    a[href^="#"]:after {
        content: "";
    }

    span.input-group-addon:first-child {
        display: block;
        width: 100%;
        text-align: center;
    }

    @-moz-document url-prefix() {
        html{
            -moz-transform: scale(95%) !important;
        }
        body{
            -moz-transform: scale(95%) !important;
            width: 85% !important;
            display: block !important;
            margin-left: 0px !important;
            margin-right: 20px !important;
            overflow: visible !important;
        }
        .media.articleDetail, .disclaimer {
            margin-right: 50px !important;
        }
        table { page: rotated; page-break-inside: unset !important; break-inside: always !important;}
        .modal-body{
            height: auto !important;
            width: 95% !important;
            margin-right: 20px !important;
        }
        .di_row{
            height: 150px !important;
        }
        #dropinlist{
            width: 95% !important;
            min-height: 150px !important;
            height: auto !important;
            overflow-y: hidden !important;
        }
        .media, .media-body{
            overflow: visible !important;
        }
        .rhead .pull-right.feat{
            margin-right: 10px !important;
            width: auto !important;
            display: block !important;
        }
        .sitefooter {
            position: relative;
            width: 100%;
            text-align: center !important;
            display: inline !important;
        }
    }

        .sitefooter p{
            text-align: center !important;
        }

    #filters .col-xs-12{width: 33.33333333333333%; float: left;}
    #filters .col-xs-12 .btn-group .caret{display: none;}
    #filters .col-xs-12 .btn-group button{background: none !important; border: none !important; color: #000 !important;}
    #filters .col-xs-12 .btn-group button .btn-default{display: none !important; color: #fff !important;}
    #filters .col-xs-12 .btn-group button .btn-selected{color: #000 !important; background: #eee !important; display: block !important;}

    #filters .col-xs-12 .input-group .input-group-addon{border-bottom: 1px solid #4D4D4D !important;}
    .whendate{width: 100% !important;}

    .dropinlist-print{display: block;}
    #dropinlist{height: auto; clear:both; break-before: always !important; page-break-before: always !important;}
    .di_row:nth-child(4n) {display: block !important; page-break-before: always !important; clear: both !important;}
    .di_row{orphans:4; widows:0; margin-bottom: 10px !important; margin-top: 10px !important; height: 150px !important; border: 0px !important; border-bottom: 1px solid #333 !important; clear: both !important;}
    .di_row .feat, .feat .fully, .feat .partial{background: none !important; color: #000 !important;}
    .di_row .feat{margin-top:12px !important;}
    .label{font-weight: bold !important; border: none !important; border-radius: 0px !important; background: none !important;}
    .label .fully, .label .some{font-weight: bold !important; border: 1px solid #ddd !important; border-radius: 0px !important; background: none !important;}

    .l_arts, .l_general, .l_fitness, .l_skating, .l_sports, .l_swimming, .l_other{font-size: 14px !important;}


    .modal{position: relative !important;}
    /*.modal-body{max-height: 100% !important; height: auto !important; overflow: hidden !important;}*/

    #mapInfoBox, #mapModal{
        width: 100% !important;
        height: 100% !important;
        background: #fff !important;
    }

    #mapModal .modal{
        display: none !important;
    }
    #mapModal .modal + .in{
        display: block !important;
    }
    #dropinlist + #mapModal .modal .in{
        display: none !important;
    }
    #mapModal .modal-dialog.modal-lg{
        width: 100% !important;
        height: auto !important;
        background: #fff !important;
        margin: 0px;
    }

    #ditable{margin: 0px !important; width: 100% !important; height: auto !important;}
    #ditable td:nth-child(odd) {background: #F7F7F7;}
    #ditable td:nth-child(even) {background: #fafafa;}
    #ditable th{width:90px !important;}
    #ditable th, .coursename{text-align: center !important;}
    .coursename{background: #fff !important;}
    .coursename small{color: #333; font-size: 12px;}
    #ditable .coursename{width: 125px; padding-left: 4px !important; padding-right: 4px !important;}
    #ditable td{text-align:center !important; padding: 4px 4px !important;}
    #ditable td b{display: none;}
    #ditable tbody tr td:hover{background:#fff; border: 0px !important; font-weight:bold; padding-left: 0px !important; padding-right: 0px !important;}
    #ditable tbody tr td.coursename:hover{border:0px !important; font-weight:normal !important; padding-left: 4px !important; padding-right: 4px !important;}
    #ditable td span{margin-top: 5px; display: inline-block; font-weight: normal !important;}

    /*
     h1, h2, h3, h4, ul {
         page-break-after: avoid;
    }
    p, ul {
        orphans: 5;
        widows: 5;
        font-size: 12pt;
    }


    #ditable{margin: 0px !important; width: 100%; height: auto;}
    #ditable td:nth-child(odd) {background: #F7F7F7;}
    #ditable td:nth-child(even) {background: #fafafa;}
    #ditable th{width:90px !important;}
    #ditable th, .coursename{text-align: center !important;}
    .coursename{background: #fff !important;}
    .coursename small{color: #333; font-size: 12px;}
    #ditable .coursename{width: 125px; padding-left: 4px !important; padding-right: 4px !important;}
    #ditable td{text-align:center !important; padding: 4px 4px !important;}
    #ditable td b{display: none;}
    #ditable tbody tr td:hover{background:#fff; border: 0px !important; font-weight:bold; padding-left: 0px !important; padding-right: 0px !important;}
    #ditable tbody tr td.coursename:hover{border:0px !important; font-weight:normal !important; padding-left: 4px !important; padding-right: 4px !important;}
    #ditable td span{margin-top: 5px; display: inline-block;}
*/

	#sideFavs{display: none;}
}

/*@media print and (min-width: 768px) {
	.modal-body{height: auto; max-height: 450px; overflow: visible;}
	#ditable tbody{display: !important; overflow: auto; width: 100%; height: auto;}
	#ditable thead.cf{ display: !important; margin-right: !important; }
	#ditable thead tr th:first-of-type{width: !important;}
	.table-bordered{border: 0px;}
}*/

@media print and (max-width: 768px){
    #ditable{margin: 0px !important; width: 100%; height: auto;}
    #ditable td:nth-child(odd) {background: #F7F7F7;}
    #ditable td:nth-child(even) {background: #fafafa;}
    #ditable th{width:90px !important;}
    #ditable th, .coursename{text-align: center !important;}
    .coursename{background: #fff !important;}
    .coursename small{color: #333; font-size: 12px;}
    #ditable .coursename{width: 125px; padding-left: 4px !important; padding-right: 4px !important;}
    #ditable td{text-align:center !important; padding: 4px 4px !important;}
    #ditable td b{display: none;}
    #ditable tbody tr td:hover{background:#fff; border: 0px !important; font-weight:bold; padding-left: 0px !important; padding-right: 0px !important;}
    #ditable tbody tr td.coursename:hover{border:0px !important; font-weight:normal !important; padding-left: 4px !important; padding-right: 4px !important;}
    #ditable td span{margin-top: 5px; display: inline-block;}
}