/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.

You're the boss, so have fun editing!

--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Global Styles
2.0 - Responsive media queries (mobile styles)
  2.1 - MAXIMUM width of 720 pixels (phones landscape)
  2.2 - MAXIMUM width of 380 pixels (phones portrait)
  2.3 - MINIMUM width of 721 pixels (tablets+)
  2.4 - MINIMUM width of 1040 pixels (desktops and laptops)
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 - Global Styles
--------------------------------------------------------------*/



/*
.just_an_example {
  color: black;
}
*/

/* no need to show pages because we use scrolly datatables. */
/*.dataTables_paginate{
    display: none;
}*/

.dataTables_scrollFoot {
    display: none;
}

table.dataTable.nowrap td p {
    white-space: normal !important;
}
.dataTables_wrapper table.dataTable.display tbody tr.odd{
	background-color: white;
}
.entry-content table.dataTable.display{
	font-size: 14px;
	color: #525252;
}
@media screen and (min-width: 1040px) {

}


@media screen and (max-width: 721px) {


}

@media screen and (max-width: 721px) {
    body #send-message-popup {
        margin: 40% 2%;
        position: unset;
        width: auto;
    }
    #send-message-popup #send-message-buttons {
        width: auto;
    }
    #select2-drop {
        top: 190px!important;
	position: fixed;
    }
    .child-events-holder {
        display: none;
    }
    .dataTables_wrapper .dataTables_paginate.paging_simple_numbers {
        float: left;
    }
}



@media screen and (max-width: 480px) {


}
/*--RTMEDIA Activity thumbnails --*/


@media screen and (min-width: 721px) {

}

@media screen and (min-width: 1040px) {



}



/*-----SP Gravity Form Front end list/edit styles------*/

/*.frontEndList table th {

min-width: 60px;

}*/



.frontEndList table tr td{

    padding:5px;

}

@media screen and (max-width: 480px) {


    .frontEndList table{

        margin-left: -15px!important;

    }

}

/* end (max-width: 480px) */

/* STUDENT PAGES*/

.entry-post-thumbnail img {
    max-width: 150px;
    max-height: none;
}

.child-general-holder h3 {
    margin:0 0 10px 0;
    color:#444;
}

div.parent-title, div.teacher-title {
    color:#444;
    text-align: center;
}


.teacher-col, .parent-col {

    display:inline-block;
    margin-bottom: 30px;
    margin-right: 30px;
    text-align:center;
}

.teacher-col img, .parent-col img {
    border-radius: 50%;
    margin:2px auto;
}

.child-general-holder {
    float:right;
    width: 90%;
    /*  background-color: #c7dae8;*/
    padding: 20px;
    /*  border:dotted 1px lightblue;
    */  border-radius: 5px;
    margin-bottom: 50px;
    clear:both;
    min-height: 300px;

}

@media screen and (min-width: 721px) {

    .single-students .entry-content > h3 {

        width:40%;
        float:left;
    }
		.single-students .entry-content .dataTables_paginate{
			margin-bottom: 40px;
		}
    .child-content-section {
        width: 60%;
        float: left;
        clear:both;
    }

    .child-general-holder {
        float:right;
        width: 30%;
        padding-left: 20px;
        position: absolute;
        top: 0;
        right: 0;
        margin-top: 250px;

    }

    .teacher-col img, .parent-col img {
        width:70px;
        height:70px;
    }

}

/*Profile Page Styles*/
@media screen and (max-width: 720px) {

}

.select-all-option {
    margin-bottom: 30px;
}
button.select.st-sel {
    margin-left: 0 !important;
    float: right;
}

.edit-entry.button,
.preview-entry.button,
.view-entry.button,
.delete-entry.button {
    display: block;
    margin-bottom: 5px;
    max-width: 4em;
}

.entry-content .frontEndList li {
    font-size: 12px;
}

.child-entries-holder table.frontEndList{
    display: none;
}
#divOverlay {
    position: fixed;
    z-index: 99999;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
}

.modal_close {
    position: absolute;
    top: 12px;
    right: 12px;
    display: block;
    width: 14px;
    height: 14px;
    background: url(../img/modal_close.png);
    z-index: 2;
}

#modalDiv {
    padding: 0px;
    display: none;
    background: #FFF;
}
@media screen and (max-width: 719px) {
    #modalDiv {
        width: 90%;
        margin: 10px;
    }
}
@media screen and (min-width: 720px) {
    #modalDiv {
        width: 720px;
    }
}

@media screen and (min-width: 721px){
    #wpadminbar .quicklinks {
        z-index: 1000;
    }
}


@media screen
{
    body{
        color: #333
    }
    :focus {
        outline: 0
    }
    div#print_preview_hdr {
        margin: 0 0 16px 0;
        color: #18749D;
        font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif;
        padding: 12px 20px 12px 0;
        font-size: 16px;
        border-bottom: 2px solid #C5D7F1;
        background-color: #DFEFFF;
        display: block !important
    }
    div#print_preview_hdr div:first-child {
        background-image: url(../images/wp-logo.png);
        background-position: 16px center;
        background-repeat: no-repeat;
        padding-left: 36px
    }
    div#print_preview_hdr span.actionlinks {
        width: 200px;
        display: block;
        float: right;
        text-align: right;
        margin-top: 5px;
        font-family: "lucida sans", "lucida grande", lucida , sans-serif;
        font-size: 12px;
        color: #CCC
    }
    div#print_preview_hdr a {
        color: #21759B;
        text-decoration: none;
        display: inline;
        font-weight: normal;
        letter-spacing: normal
    }
    div#print_preview_hdr a:hover {
        color: #21759B;
        text-decoration: underline
    }
    div#view-container {
        margin: 0 20px 20px 20px
    }
    div.print-hr {
        border-top: 1px dotted #ccc;
        margin: 15px 0 30px
    }

    #divModalFrame {
        background-color: white;
        display: block;
        height: 85%;
        left: 4%;
        margin: 0;
        opacity: 1;
        padding: 0 0 3rem;
        position: fixed;
        top: 4%;
        width: 92%;
        z-index: 99999;
    }
    #divModalFrame iframe {
        background-color: white;
        height: 95%;
        width: 100%;
        max-height: 98%;
        max-width: 97%;
        margin: 0 0 0 0.60rem;
    }    

    #divModalFrame .head {
        background: #dfefff url('../img/hubbli-favicon.png') no-repeat 8px center;
        border-bottom: 2px solid #c5d7f1;
        color: #18749d;
        display: block !important;
        font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif;
        font-size: 16px;
        margin: 0 0 16px;
        padding: 12px 20px 12px 0;
    }

    .head .caption{
        margin-left: 32px;
    }

    .head .actions{
        display: inline-block;
        float: right;
    }

    .dataTables_scrollBody .dataTables_sizing {
        display: table-caption; /* hides the row which is needed only to set the widths for columns */
    }
}

@media print
{
    body{
        color:#000
    }
    div#print-preview-header,
    div#print-preview-header span.actionlinks,
    div#print-preview-header span.actionlinks a {
        display: none !important
    }
    div#print-preview-header {
        margin-left:-9000px
    }
    div.print-page-break {
        page-break-after: always;
        border-top: 0;
        margin: 0
    }
}

@media screen,print
{

    html {
        height: 100%;
    }
    body {
        font-family: sans-serif;
        font-size: 12px;
        padding: 0;
        margin: 0;
        height: 100%
    }
    ul {
        margin: 10px 0;
        padding: 0
    }
    img {
        border: 0
    }
    .widefat {
        background-color: #FFF;
        border-color: #DFDFDF
    }
    .widefat {
        -moz-border-radius: 4px;
        -khtml-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        border-spacing: 0;
        border-style: solid;
        border-width: 1px;
        clear: both;
        margin: 0;
        width: 100%
    }
    table.fixed {
        table-layout: fixed
    }
    table.entry-detail-view,
    table.entry-detail-notes {
        margin: 0 0 16px 0
    }
    table.entry-detail-notes {
        page-break-before: always
    }
    table.entry-detail-view th,
    table.entry-detail-notes th {
        font-size: 14px;
        text-shadow: 0 1px 0 #FFF;
        text-align: left;
        padding: 7px;
        background-color: #E3E3E3
    }

    table.entry-detail-view td.lastrow,
    table.entry-detail-notes td.lastrow {
        border-bottom: none !important
    }
    td.entry-view-section-break {
        font-size: 14px;
        font-weight: bold;
        background-color: #EEE;
        border-bottom: 1px solid #DFDFDF;
        padding: 7px 7px
    }
    td.entry-view-field-name {
        font-weight: bold;
        background-color: #EAF2FA;
        border-bottom: 1px solid #FFF;
        line-height: 150%;
        padding: 7px 7px
    }
    td.entry-view-field-value {
        border-bottom: 1px solid #DFDFDF;
        padding: 7px 7px 7px 40px;
        line-height: 150%
    }
    td.entry-view-field-value p {
        text-align: left;
        line-height: 150%
    }
    td.entry-view-field-value ul.bulleted {
        margin-left:12px
    }
    td.entry-view-field-value ul.bulleted li {
        list-style-type:disc
    }
    td.entry-detail-note {
        border-bottom: 1px solid #DFDFDF;
        padding: 7px 7px;
        line-height: 150%
    }
    div.note-avatar {
        width: 48px;
        height: 48px;
        float: left;
        margin-right: 6px
    }
    h6.note-author {
        font-weight: bold;
        font-size: 13px;
        margin: 0;
        padding: 0;
        line-height: 100%
    }
    div.detail-note-content {
        margin: 10px 0 10px 54px;
        line-height: 150%
    }
    div.detail-note-content p {
        line-height: 150%
    }

    /* transaction table styles  ------------------------------------------------------------------------- */

    table.entry-products {
        border: 1px solid #DFDFDF;
        border-right: none;
        border-bottom: none;
        margin: 10px 0
    }
    table.entry-products th[scope=col] {
        background-color: #F4F4F4;
        border-right: 1px solid #DFDFDF !important;
        border-bottom: 1px solid #DFDFDF
    }
    table.entry-products col.entry-products-col2 {
        width: 50px
    }
    table.entry-products col.entry-products-col3 {
        width: 155px
    }
    table.entry-products col.entry-products-col4 {
        width: 155px
    }
    table.entry-products td {
        border-right: 1px solid #DFDFDF !important;
        border-bottom: 1px solid #DFDFDF;
        padding: 7px 7px 8px 7px;
        vertical-align: top
    }
    table.entry-products td.textcenter,
    table.entry-products th.textcenter {
        text-align: center
    }
    table.entry-products td.textright,
    table.entry-products th.textright {
        text-align: right
    }
    table.entry-products td.grandtotal,
    table.entry-products td.grandtotal_amount,
    table.entry-products td.shipping,
    table.entry-products td.shipping_amount {
        font-weight: bold;
        font-size: 13px;
        padding-top: 7px;
        padding-bottom: 8px
    }
    table.entry-products td.emptycell {
        background-color: #F4F4F4
    }
    table.entry-products td div.product_name {
        font-weight: bold;
        color: #BF461E;
        font-size: 13px;
        margin-bottom: 5px
    }
    table.entry-products td ul.product_options {}
    table.entry-products td ul.product_options li {
        background-image: url(../images/prodlist.png);
        background-repeat: no-repeat;
        background-position: left top;
        overflow: visible;
        margin: 0 0 0 2px !important;
        padding: 4px 0 4px 16px;
        list-style-type: none
    }
    table.entry-products td ul.product_options li.lastitem {
        background-image: url(../images/prodlist_last.png)
    }

    /* list table styles  ------------------------------------------------------------------------- */

    table.gfield_list td.gfield_list_cell {
        padding: 8px 0
    }
    table.gfield_list td.gfield_list_cell + td.gfield_list_cell {
        padding: 8px 10px
    }
    table.gfield_list thead tr th  {
        padding: 8px 0;
        font-weight: bold
    }
    table.gfield_list thead tr th + th {
        padding: 8px 10px
    }
    table.widefat tbody tr td.entry-view-field-value table.gfield_list {
        border-top: 1px solid #DFDFDF !important;
        border-left: 1px solid #DFDFDF !important;
        border-spacing: 0;
        padding: 0;
        margin: 2px 0 6px;
        width: 100%
    }
    table.widefat tbody tr td.entry-view-field-value table.gfield_list td {
        border-right: 1px solid #DFDFDF !important;
        font-family: sans-serif !important
    }
    table.widefat tbody tr td.entry-view-field-value table.gfield_list thead tr th {
        background-image: none !important;
        border-right: 1px solid #DFDFDF !important;
        padding: 6px 10px;
        font-family: sans-serif !important
    }
    table.widefat tbody tr td.entry-view-field-value ul li {
        color: #555 !important
    }
    table.widefat tbody tr td.entry-view-field-value table.gfield_list td,
    table.widefat tbody tr td.entry-view-field-value table.gfield_list th {
        border-bottom: 1px solid #DFDFDF;
        padding: 6px 10px
    }
    table.widefat tbody tr td.entry-view-field-value table.gfield_list td {
        border-top: 1px solid #FFF
    }
    table.widefat tbody tr td.entry-view-field-value table.gfield_list th {
        color: #333;
        background-color: #F1F1F1;
        font-size: 12px
    }
    table.widefat tbody tr td.entry-view-field-value table.gfield_list td {
        font-size: 12px;
        padding: 4px 7px 3px 10px;
        vertical-align: top;
        color: #555;
        word-wrap: break-word
    }
}