.userbar {
    zoom: 90% !important;
}
#home-page{
    /*background: rgba(217, 219, 220, 0.13) !important;*/
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfcfc+0,edeef2+61,ffffff+100 */
background: rgb(252,252,252) !important; /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(252,252,252,1) 0%, rgba(237,238,242,1) 61%, rgba(255,255,255,1) 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(252,252,252,1) 0%,rgba(237,238,242,1) 61%,rgba(255,255,255,1) 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(252,252,252,1) 0%,rgba(237,238,242,1) 61%,rgba(255,255,255,1) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ffffff',GradientType=1 ) !important; /* IE6-9 fallback on horizontal gradient */
}
.ui.main.segment, .ui.main2.segment{
    border-radius: 0 !important;
    margin: 0 !important;
}
.ui.main.segment{
    min-height:100%;
}
.grey1{
    background-color: #393939 !important;
}
.userbar{
    border-radius: 0 !important;
    padding: 0 !important;
}
.a-pointer{
    cursor: pointer;
}
.wide-page.grid{
    width: auto;
    margin-left: 0;
    margin-right: 0;
    padding-left: 15% !important;
    padding-right: 15% !important;
}
.student-menu{
    margin: 0 !important;
}
#btn-user-acct{
    min-width:250px;
}
.yellow2{
    background-color: rgb(252,208,7) !important;
}
.yellow2g{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcd007+0,f7c307+20,ffd107+42,d89206+84 */
background: rgb(252,208,7) !important; /* Old browsers */
background: -moz-linear-gradient(left,  rgba(252,208,7,1) 0%, rgba(247,195,7,1) 20%, rgba(255,209,7,1) 42%, rgba(216,146,6,1) 84%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(252,208,7,1) 0%,rgba(247,195,7,1) 20%,rgba(255,209,7,1) 42%,rgba(216,146,6,1) 84%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(252,208,7,1) 0%,rgba(247,195,7,1) 20%,rgba(255,209,7,1) 42%,rgba(216,146,6,1) 84%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcd007', endColorstr='#d89206',GradientType=1 ) !important; /* IE6-9 */

}

.sjit-bgg{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#005502+0,17661a+56,99cc99+100 */
    background: rgb(0,85,2) !important; /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(0,85,2,1) 0%, rgba(23,102,26,1) 56%, rgba(153,204,153,1) 100%) !important; /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(0,85,2,1) 0%,rgba(23,102,26,1) 56%,rgba(153,204,153,1) 100%) !important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(0,85,2,1) 0%,rgba(23,102,26,1) 56%,rgba(153,204,153,1) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005502', endColorstr='#99cc99',GradientType=1 ) !important; /* IE6-9 */
}
.sjitg2{
    background-color: rgba(0, 85, 2, 0.8) !important;
}
.inverted.sjitg2{
    color: rgba(255, 255, 255, 0.9);
}

#playstore-download{
    float: left;
    display: inline-block;
    cursor: pointer;
    width:95px;
    height:30px;
    margin-top:.3em;
    background-image: URL("../../components/images/icons/aris-mobile-android-badge.png");
    background-size: contain;
    background-repeat: no-repeat;
    /*margin-left:auto;
    margin-right: auto;*/
}
#appstore-download{
    float: left;
    display: inline-block;
    cursor: pointer;
    width:100px;
    height:30px;
    margin-top: .3em;
    background-image: URL("../../components/images/icons/aris_mobile_app_store_badge.png");
    background-size: contain;
    background-repeat: no-repeat;
    /*margin-left:auto;
    margin-right: auto;*/
}
.login-slide{
    margin: 0 auto !important;
    width:70%;
    height: auto;
}
.prev, .prev2 {
  display: block;
  padding: 0 !important;
  position: absolute;
  z-index: 1000;
  left: 10px;
  top:50%;
  transform: translateY(-90%);
  /*transform: translateX(-80%);*/
  cursor: pointer;
}
.prev2{
    left: -10px;
    transform: translateY(-50%);
}
.next, .next2 {
  display: block;
  padding: 0 !important;
  position: absolute;
  right: 10px;
  top:50%;
  transform: translateY(-80%);
  /*transform: translateX(80%);*/
  cursor: pointer;
  z-index: 1000;
}
.next2{
  top:50%;
  right: -10px;
  transform: translateY(-50%);
}
#creditfooter{
    display:none;
}
.feedcol{
    color: #ffffff;
}
.month-activities-container-parent{
    height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
}
.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                          supported by Chrome and Opera */
}
#portal-dashboard{
    padding-top: 2em;
    background: none;
}
#course-info-container{
    padding: .5em;
}
.grd-button{
    margin-top: .5em !important;
}
#tab-container, #user-popup{
    padding: 0 !important;
}
#user-popup{
    border-radius: 0;
}
#studinfo-card{
    margin: 0 auto !important;
}
#studinfo-card.ui.card > .content > #studname.header{
    color: #ffffff !important;
}
#cal-upcoming-activities{
    height: 100px;
    padding-left: 1.5em;
}
@media (min-width: 1367px)  and (orientation: landscape) { 
    #portal-dashboard-grid, #lower-menu-grid{
        max-width: 80%;
        margin: 0 auto !important;
    }
    #lower-menu-bar{
        padding: 0 !important;
    }
}
#prereg-info-container .ui.header{
    margin: .5em .3em !important;
}
.hdata{
    color: #000000 !important;
}
#list-courses-continer{
    /*height: 645px;*/
    max-height: 520px;
    padding-right: 1.5em !important;
    overflow-y: auto;
}
#adv_courses_container{
    height: 645px;
    max-height: 645px;
}
#prereg-listview{
    height:600px;
    max-height:600px;
    overflow-y: auto;
}
#other-courses-list-container.ui.basic.segment{
    margin: .5em 0 !important;
    padding: 0 !important;
}
.col-action-buttons .ui.button{
    width: 175px !important;
    margin: .2em;
}
#online-payment-header-container{
    background-color: #DDDDDD !important;
}
#payment-frm-container, #block-section-tbl-container{
    min-height:150px;
}
#block-section-tbl-container{
    padding: 0 !important;
    
}
.acc-btn.ui.button{
    margin-top: -2.4px;
    z-index: 100 !important;
}
.bsl > .title{
    background: #F2F2F2;
}
#admin-login-page{
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.8)), URL("../images/pexels-photo.jpg") no-repeat fixed top center / cover;
    background-color: #3B4958 !important;
}
#parent-login-page{
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.9)), URL("../../images/system/parent-portal-bg.jpg") no-repeat fixed top center / cover;
    background-color: #3B4958 !important;
}
#parent-login-page > .ui.grid{
    margin: 15% auto !important;
}
.login-frm-container{
    background: rgba(255, 255, 255, 0.8) !important;
    width: 750px !important;
    margin: 0 auto !important;
}
#login-from-header{
    width: 750px !important;
    margin: 0 auto !important;
}
.sjit-primary.ui.button, input[type=submit].ui.button, .sjit-primary.ui.buttons .ui.button{
    color: #FFF !important;
    background-color: #03793f;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#27AE60), to( #03793f   ));
    background-image: -moz-linear-gradient(#27AE60, #03793f);
    background-image: -ms-linear-gradient(#27AE60, #03793f);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #27AE60), color-stop(100%, #03793f));
    background-image: -webkit-linear-gradient(#27AE60, #03793f);
    background-image: -o-linear-gradient(#27AE60, #03793f);
    background-image: linear-gradient(#27AE60, #03793f);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.ui.grey.button, #button_div input[name=btnClose]{
    color: #FFF !important;
    background-color: #03793f  ;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#848484), to( #515151   ));
    background-image: -moz-linear-gradient(#848484, #515151);
    background-image: -ms-linear-gradient(#848484, #515151);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #848484), color-stop(100%, #515151));
    background-image: -webkit-linear-gradient(#848484, #515151);
    background-image: -o-linear-gradient(#848484, #515151);
    background-image: linear-gradient(#848484, #515151);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.sjit-primary.ui.button:hover, input[type=submit].ui.button:hover, .sjit-primary.ui.buttons .ui.button:hover, input[name=btnClose]:hover, .ui.grey.button:hover{
    opacity: 0.85;
}