/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 27.01.2017, 15:26:12
    Author     : tihomirov_av

	Updated: 11.26.2018 by Kristian Correa
*/

ul.acalog{
    padding: 30px;
    background: rgb(239, 239, 239);
}
ul.acalog .acalog-course-title,
ul.acalog .acalog-program-title,
ul.acalog .acalog-program-name,
ul.acalog .acalog-program-core-name{
    font-size: 20px;
}
ul.acalog .acalog-course-body br,
ul.acalog .acalog-program-core-course-body br,
ul.acalog .acalog-program-body br{
        display: none;
}
ul.acalog .acalog-close{
        display: none;
}
ul.acalog .acalog-course-link,
ul.acalog .acalog-program-link{
    width: 100%
}
ul.ph-alfa-list{
    text-align: center;
}
ul.ph-alfa-list:after{
    content: '';
    display: block;
    clear: both;
}
ul.ph-alfa-list li{
    float: left;
    padding-left: 10px!important;
    padding-right: 10px;
}
ul.ph-alfa-list li:before{
    content: '|'!important;
    color: #f7a800!important;
}
ul.ph-alfa-list li:first-child::before{
    display: none!important;
}
ul.ph-alfa-list li a.ph-active{
    color: #f7a800;
}
.ph-program-title:before, 
.ph-course-title:before {
    font-family: FontAwesome;
    color: #002f87;
    margin-right: 10px;
    font-weight: normal;
    content: "\f105";
    font-size: 13px;
}
.ph-active > .ph-course-title:before{
    content: "\f107";
}
.ph-before,
.ph-after{
    padding-left: 42px;
    color: black;
    font-size: 1rem;
    line-height: 38px;
}
.ph-program-title,
.ph-course-title{
    padding-left: 20px;
    color: #002f87;
    font-size: 1rem;
    cursor:pointer;
	line-height:1.75rem;
}

.ph-course-title:hover{
    color: #f7a800;
}
.ph_element_course{
    padding-left: 0px!important;
}
.ph_element_course:before{
    display: none!important;
}
.ph-course-type-name{
    background-color: #002f87;
    margin: 6px 0;
    color: white;
    font-size: 1rem;
    line-height: 1.75rem;
    padding: 15px;
}
.ph-active .ph-course-type-name{
    background-color:#ddd;  
    color: #002f87;
}
.ph-active div.ph-course-type-name:after {
    background-color: #002f87;
    color: rgb(239, 239, 239);  
}
.ph-corses-all-body{
      background-color: #ddd;  
}
.ph-course-item{
    background-color:#f3f3f3;  
	padding:15px 0;
}
.ph-course-description{
    background-color: white;  
    margin:  0 35px;
    padding: 0 10px 0 13px;
}

.ph-description {
	margin-bottom:25px;
	padding-bottom:2px;
}

.ph-title{
    font-size: 1.1rem;
	display:none;
}
.ph-course-description .ph-credits {
	font-weight:600;
}
.ph-prereq{
    font-style: italic;
}
div.ph-course-type-name{
    cursor: pointer;
    
}
div.ph-course-type-name:after{
    content: "\f067";
    font-size: 15px;
    background-color: white;
    color: #002f87;
    border-radius: 17px;
    padding: 0 9px;
    font-family: FontAwesome;
    position: absolute;
    right: 8px;
    top: 15px;
}

.ph_element_course:hover .ph-course-type-name {background-color:#f7a800; color:#fff}
.ph_element_course:hover div.ph-course-type-name:after, .ph-active div.ph-course-type-name:after {color:#f7a800; background-color:#fff}
.ph-active .ph-course-type-name {
-webkit-box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.1);
box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.1);
}

div.ph-course-title{
    position:relative;
}


.ph-active div.ph-course-type-name:after{
    content: "\f068";
    font-family: FontAwesome;
    padding: 0px 7px;
    font-size: 20px;

}
.ph-course-popup-window.ph-ajax-load:after{
    content: " ";
    padding: 0 10px;
    background-image: url(../images/spinner.gif);
    width: 30px;
    height: 30px;
    border-radius: 17px;
    background-repeat: no-repeat;
    background-position: 7px;
    
}
div.ph-course-title.ph-ajax-load:after,
div.ph-course-type-name.ph-ajax-load:after{
    content: " ";
    padding: 0 10px;
    background-image: url(../images/spinner.gif);
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: 7px;
}
.ph-course-tb-title{
    font-size: 24px;
    font-weight: normal;
}
.ph-course-tb-descr{
   font-size: 20px; 
}
#ph-filter_search_string,
#ph-filter_prefix,
#ph-filter_course_type_id,
#ph-filter_code{
    border-color: #002f87;
    color: #002f87;
    width: 100%;
    padding: 0;
    line-height: 40px;
    font-size: 24px;
}
#ph-filter_prefix,
#ph-filter_course_type_id{
    padding: 3px;
}
 .ph-td-label td{
        font-size: 18px;
}

.ph-filter-form table,
.ph-filter-form table td,
.ph-filter-form table th{
        border: none;
        padding: 0;
    }
#ph-filter_search_string,
#ph-filter_code,
 .ph-td-filter-input td{
    padding-left: 4px!important;
    padding-right: 4px!important;
}
#ph-input-button{
    background-color: #f7a800;
}
.ph-program ol{
    float: none!important;
    list-style: decimal!important;
}
.ph-program > .ph-child > .title{
    background-color: #002f87;
    color: white;
 	font-size:1.5rem; 
    padding:9px;
}

.ph-program > .ph-child > .content,
.ph-program > .ph-child > .child{
    background-color: rgb(239, 239, 239);
	padding-top:1px;
}
.ph-program > .ph-child > .content p {margin-left:10px;}
.child .ph-active .ph-course-title {font-weight:700}
.ph-program > .ph-child > .child > .ph-child > .title
{
    padding-left: 10px;
    font-size: 1.4rem;
	margin-top:15px;
 }

.ph-program>.ph-child>.child>.ph-child:first-child{ padding-top:15px; }
.ph-program>.ph-child>.child>.ph-child:last-child{ padding-bottom:15px; }

.ph-program > .ph-child > .child > .ph-child > .content ul li{
    font-size: 1rem;
    line-height: 1.75;
    padding: 0;
    font-family: "open_sans";
}
.ph-program > .ph-child > .child > .ph-child > .content ul li:before{
    content: ''!important;
    display:none;
}
.ph-course-popup-window{
   
    color: #002f87;
    cursor:pointer;
}
.ph-department-title{
}

h3.ph-department-title{margin-top:15px;}

.ph-program div.ph-course-title:not(.ph-ajax-load)::after{
    background: transparent;
    color: transparent;
}
.ui-dialog{
    background-color: white;
    border: 1px solid #002f87;
	z-index:100;
    -webkit-box-shadow: 0px 0px 25px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 25px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 25px 10px rgba(0, 0, 0, 0.2);
}

.ph-course-item .ph-active .ph-course-description {padding:8px 10px 0 13px;}
.ph-course-item .ph-active .ph-course-title {font-weight:700;}

.ui-dialog button {background-color:#002f87 !important;}
.ui-dialog button:hover {background-color:#f7a800 !important;}