body {
    font-size:13px !important
}
.logo {
    width: 100%;
}

.srch_addn {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #fff;
    text-align: center;
    background-color: #f7894e;
    border: 1px solid #f7894e;
    border-radius: 4px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 0 !important;
    border-radius: 6px;
    height: 25px !important;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.srch_span {
    color: #f7894e;
    line-height: 2.3;
}
.sch_input {
    background-color: #f7894e;
    border-color: #f7894e;
    color: #fff;
    height: 25px
}
.jumbotron1 {
    background: url('../../Images/PrincipalMessage.jpg') no-repeat left bottom;
    /*background: url(http://p1.pichost.me/i/66/1910819.jpg) no-repeat center center fixed;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -background-size: cover;
    height: 330px;
    /*background-color: #e4ab22;*/
    color: #fff;
    /*text-align: center;*/
    -text-shadow: 0 1px 3px rgba(0,0,0,.5);
    padding-left:0;
    padding-right:0;
    padding-bottom:10px;
    padding-top:0;
background-size: auto;
}
.contentOfInnerBanner{
    padding: 20px;
}
/*.search_field_adjustement .input-group-sm>.form-control, .search_field_adjustement .input-group-sm>.input-group-addon, .search_field_adjustement .input-group-sm>.input-group-btn>.btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 6px;
}*/
.call_to_action_prn_dir_msg {
    /*background-image: url(http://www.bahriatownschool.edu.pk/img/karachi%20campus.jpg);*/
    background-color: #f7894e;
    padding: 25px 20px 30px;
    /*width: 100%;*/
    /*float: left;*/
    clear: both;
    background-attachment: fixed;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index: 9;
    position: relative;
    border-top: 1px solid #dedede;
    text-align: justify;
}
.cont_pad_zero{
    padding:0 !important;
}
.call_to_action_prn_dir_msg h3 {
        color: #fff;
        font-size: 22px;
        margin-bottom: 20px;
        text-transform: uppercase;
        font-weight: 600;
    }
.call_to_action_prn_dir_msg p {
        /*margin-bottom: 40px;*/
        color: #fff;
    }
    .call_to_action_prn_dir_msg a {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
        position: relative;
        -webkit-transition-property: color;
        transition-property: color;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        padding: 3px 15px;
        /*font-size: 20px;*/
        color: #fff;
        /*text-transform: uppercase;*/
        background: #ffbd5a;
        border-radius:30px
    }
.mission_statement_border_bottom {
    border-bottom: 8px solid #1e8778;
    margin-bottom: 30px;
}
.Overview_border_bottom {
    border-bottom: 5px solid #1e8778;
    margin-bottom: 30px;
}
img.rounded {
    object-fit: cover;
    border-radius: 50%;
    height: 120px;
    width: 120px;
    /*display: block;*/
    margin-left: auto;
    margin-right: auto;
    padding: 4px;
    margin-top: -70px;
}
.panel_circle {
    height: 220px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px
}
.overview_col_pad i {
    color: #fff;
    font-size: 30px;
}
.overview_bak_clr {
    background: #fdc54e;
}
.new_span{
        color: white;
}

.regAndAdm_bak_clr {
    background: #b9e0c5;
}
.schlTrns_bak_clr {
    background: #f7894e;
}
.ICT_bak_clr {
    background: #019188;
}
.div_padng {
    padding: 0 10px
}
.div_padng p{
    text-align:justify
}
.LatestNews_Of_InnerAll_Pages {
    background: #fdc54e;
    padding: 20px !important;
    float: right;
}

.News_Marque_upper_head {
    border: 2px solid #fff;
    height: 200px;
    background-color: #fdc54e;
}
.LatestNews_Of_InnerAll_Pages .News_Marque_upper_head marquee + a {
    background: #f7894e ;
    color: #ffffff ;
    border-radius: 14px ;
    padding: 2px 10px ;
    float: right;
    margin-right: 15px;
}
#overview_area .row .col-lg-9, #overview_area .row .col-lg-3 {
    padding-right: 5px;
    padding-left: 0px; 
}
.row_meg {
    margin-right: 0;
    margin-left: 0;
}
.col_pad{
    padding-left:0 !important;
    padding-right:0 !important;
}
.marg_btm {
    margin-bottom: 30px;
}

.youtube_link_back {
    background-image: url('../../images/UserArea/bts_logo_youtube.jpg');
    /*background-image: url(images/photo.jpg);*/
    opacity: 0.9;
   ;
    border-radius: 50%;
    /* margin: 10px 10px 10px 10px; */
    margin: 2px 0;
    transform: scale(1, 1);
    /* transition-duration: 0.3s; */
    -webkit-transition-duration: 0.3s;
    width: 160px;
    height: 192px;
}
.panel-primary {
    border:none
}
.panel-primary > .panel-heading {
    color: #fff;
    background-color: #ffc24a;
    border-color: #ffc24a;
}
.panel-primary1 {
    color: #fff;
    background-color: #ff7f50;
    border:1px solid #D0D0D0;
}
.panel-body {
    min-height: 303px;
    border: 1px solid #7cb9a7;
    background-color: #e3f3e9;
}
.panel-body-container {
    min-height: 303px;
    border: 1px solid #7cb9a7;
    background-color: #e3f3e9;
    color:#000;
}
.panel-body-container_pages {
    min-height: 303px;
    border: 1px solid #e3f3e9;
    background-color: #e3f3e9;
    color:#000;
    font-size:12px;
    height:400px;
    overflow:auto;
}
.footer_border {
    border: 2px solid #f7894e;
    padding: 10px;
}
.fourthR_padding {
    padding: 0;
    padding-top: 11px;
}
.daterangepicker {
    position: absolute;
    color: inherit;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ddd;
    width: 278px;
    max-width: none;
    padding: 0;
    margin-top: 7px;
    top: 100px;
    left: 20px;
    z-index: 3001;
    display: none;
    font-family: arial;
    font-size: 15px;
    line-height: 1em
}

    .daterangepicker:after, .daterangepicker:before {
        position: absolute;
        display: inline-block;
        border-bottom-color: rgba(0,0,0,.2);
        content: ''
    }

    .daterangepicker:before {
        top: -7px;
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
        border-bottom: 7px solid #ccc
    }

    .daterangepicker:after {
        top: -6px;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
        border-left: 6px solid transparent
    }

    .daterangepicker.opensleft:before {
        right: 9px
    }

    .daterangepicker.opensleft:after {
        right: 10px
    }

    .daterangepicker.openscenter:before {
        left: 0;
        right: 0;
        width: 0;
        margin-left: auto;
        margin-right: auto
    }

    .daterangepicker.openscenter:after {
        left: 0;
        right: 0;
        width: 0;
        margin-left: auto;
        margin-right: auto
    }

    .daterangepicker.opensright:before {
        left: 9px
    }

    .daterangepicker.opensright:after {
        left: 10px
    }

    .daterangepicker.drop-up {
        margin-top: -7px
    }

        .daterangepicker.drop-up:before {
            top: initial;
            bottom: -7px;
            border-bottom: initial;
            border-top: 7px solid #ccc
        }

        .daterangepicker.drop-up:after {
            top: initial;
            bottom: -6px;
            border-bottom: initial;
            border-top: 6px solid #fff
        }

    .daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
        float: none
    }

    .daterangepicker.single .drp-selected {
        display: none
    }

    .daterangepicker.show-calendar .drp-calendar {
        display: block
    }

    .daterangepicker.show-calendar .drp-buttons {
        display: block
    }

    .daterangepicker.auto-apply .drp-buttons {
        display: none
    }

    .daterangepicker .drp-calendar {
        display: none;
        max-width: 270px
    }

        .daterangepicker .drp-calendar.left {
            padding: 8px 0 8px 8px
        }

        .daterangepicker .drp-calendar.right {
            padding: 8px
        }

        .daterangepicker .drp-calendar.single .calendar-table {
            border: none
        }

    .daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
        color: #fff;
        border: solid #000;
        border-width: 0 2px 2px 0;
        border-radius: 0;
        display: inline-block;
        padding: 3px
    }

    .daterangepicker .calendar-table .next span {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
    }

    .daterangepicker .calendar-table .prev span {
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg)
    }

    .daterangepicker .calendar-table td, .daterangepicker .calendar-table th {
        white-space: nowrap;
        text-align: center;
        vertical-align: middle;
        min-width: 32px;
        width: 32px;
        height: 24px;
        line-height: 24px;
        font-size: 12px;
        border-radius: 4px;
        border: 1px solid transparent;
        white-space: nowrap;
        cursor: pointer
    }

    .daterangepicker .calendar-table {
        border: 1px solid #fff;
        border-radius: 4px;
        background-color: #fff
    }

        .daterangepicker .calendar-table table {
            width: 100%;
            margin: 0;
            border-spacing: 0;
            border-collapse: collapse
        }

    .daterangepicker td.available:hover, .daterangepicker th.available:hover {
        background-color: #eee;
        border-color: transparent;
        color: inherit
    }

    .daterangepicker td.week, .daterangepicker th.week {
        font-size: 80%;
        color: #ccc
    }

    .daterangepicker td.off, .daterangepicker td.off.end-date, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date {
        background-color: #fff;
        border-color: transparent;
        color: #999
    }

    .daterangepicker td.in-range {
        background-color: #ebf4f8;
        border-color: transparent;
        color: #000;
        border-radius: 0
    }

    .daterangepicker td.start-date {
        border-radius: 4px 0 0 4px
    }

    .daterangepicker td.end-date {
        border-radius: 0 4px 4px 0
    }

    .daterangepicker td.start-date.end-date {
        border-radius: 4px
    }

    .daterangepicker td.active, .daterangepicker td.active:hover {
        background-color: #357ebd;
        border-color: transparent;
        color: #fff
    }

    .daterangepicker th.month {
        width: auto
    }

    .daterangepicker option.disabled, .daterangepicker td.disabled {
        color: #999;
        cursor: not-allowed;
        text-decoration: line-through
    }

    .daterangepicker select.monthselect, .daterangepicker select.yearselect {
        font-size: 12px;
        padding: 1px;
        height: auto;
        margin: 0;
        cursor: default
    }

    .daterangepicker select.monthselect {
        margin-right: 2%;
        width: 56%
    }

    .daterangepicker select.yearselect {
        width: 40%
    }

    .daterangepicker select.ampmselect, .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect {
        width: 50px;
        margin: 0 auto;
        background: #eee;
        border: 1px solid #eee;
        padding: 2px;
        outline: 0;
        font-size: 12px
    }

    .daterangepicker .calendar-time {
        text-align: center;
        margin: 4px auto 0 auto;
        line-height: 30px;
        position: relative
    }

        .daterangepicker .calendar-time select.disabled {
            color: #ccc;
            cursor: not-allowed
        }

    .daterangepicker .drp-buttons {
        clear: both;
        text-align: right;
        padding: 8px;
        border-top: 1px solid #ddd;
        display: none;
        line-height: 12px;
        vertical-align: middle
    }

    .daterangepicker .drp-selected {
        display: inline-block;
        font-size: 12px;
        padding-right: 8px
    }

    .daterangepicker .drp-buttons .btn {
        margin-left: 8px;
        font-size: 12px;
        font-weight: 700;
        padding: 4px 8px
    }

    .daterangepicker.show-ranges .drp-calendar.left {
        border-left: 1px solid #ddd
    }

    .daterangepicker .ranges {
        float: none;
        text-align: left;
        margin: 0
    }

    .daterangepicker.show-calendar .ranges {
        margin-top: 8px
    }

    .daterangepicker .ranges ul {
        list-style: none;
        margin: 0 auto;
        padding: 0;
        width: 100%
    }

    .daterangepicker .ranges li {
        font-size: 12px;
        padding: 8px 12px;
        cursor: pointer
    }

        .daterangepicker .ranges li:hover {
            background-color: #eee
        }

        .daterangepicker .ranges li.active {
            background-color: #08c;
            color: #fff
        }
.Notice_Adjust {
    float: left;
    font-size: small;
    min-height: 34px;
    /* width: 92.5%; */
    width: 100%;
    /* background-color: #201e5b; */
    /* background-image: url(images/4.jpg); */
    background-image: url('../../images/UserArea/Notice-Bar.png');
    /*background-image: url(images/Notice-Bar.png);*/
   background-size: 100%;
    background-repeat: no-repeat;
}
.call_to_action_prn_dir_msg a{
    float:right;
}
.overview_col_pad {
    padding-left: 0;
    padding-right: 5px;
    padding-top: 66px;
}
.new_span_text {
    color: #1e8778;
}
.News_Marque table tbody tr {
    border-bottom: 2px solid white;
}
.prin_dir_head_back {
    background: #ffbd5a;
    color: #ffffff;
    border-radius: 14px;
    padding: 8px 15px;
    width: 290px;
}


.prin_dir_head_back_left_Caln_0 {
    background: linear-gradient(#fdc54e, #F4D03F);
    color: #fff;
    border-radius: 0px;
    padding: 8px 15px;
    width: 125px;
    margin: 0;
    font-size: 13px;
}

.prin_dir_head_back_left {
    background:linear-gradient(#d0d0d0, #d3d3d3);
    color: #fff;
    border-radius: 0px;
    padding: 8px 15px;
    width: auto;
    margin:0;
    font-size:13px;
}
.prin_dir_head_back_left1 {
    background:linear-gradient(#fdc54e, #F4D03F);
    color: #fff;
    border-radius: 0px;
    padding: 8px 15px;
    width: auto;
    margin:0;
    font-size:13px;
}
.prin_dir_head_back_left2 {
    background:linear-gradient(#1e8778, #1e8770);
    color: #fff;
    border-radius: 0px;
    padding: 8px 15px;
    width: auto;
    margin:0;
    font-size:13px;
}
.prin_dir_head_back_left3 {
    background:linear-gradient(#f7894e, #f7890e);
    color: #fff;
    border-radius: 0px;
    padding: 8px 15px;
    width: auto;
    margin:0;
    font-size:13px;
}
/*navbar > ul > li + li:after {
    content: "";
    background: #f7894e;
    position: absolute;
    bottom: 25%;
    left: 0;
    height: 50%;
    width: 1px;
}*/
@media (min-width:768px) {
    .nav_ul_float{
        float:left;
    }
}
@media (min-width:564px) {
    .daterangepicker {
        width: auto
    }

        .daterangepicker .ranges ul {
            width: 140px
        }

        .daterangepicker.single .ranges ul {
            width: 100%
        }

        .daterangepicker.single .drp-calendar.left {
            clear: none
        }

        .daterangepicker.single.ltr .drp-calendar, .daterangepicker.single.ltr .ranges {
            float: left
        }

        .daterangepicker.single.rtl .drp-calendar, .daterangepicker.single.rtl .ranges {
            float: right
        }

        .daterangepicker.ltr {
            direction: ltr;
            text-align: left
        }

            .daterangepicker.ltr .drp-calendar.left {
                clear: left;
                margin-right: 0
            }

                .daterangepicker.ltr .drp-calendar.left .calendar-table {
                    border-right: none;
                    border-top-right-radius: 0;
                    border-bottom-right-radius: 0
                }

            .daterangepicker.ltr .drp-calendar.right {
                margin-left: 0
            }

                .daterangepicker.ltr .drp-calendar.right .calendar-table {
                    border-left: none;
                    border-top-left-radius: 0;
                    border-bottom-left-radius: 0
                }

            .daterangepicker.ltr .drp-calendar.left .calendar-table {
                padding-right: 8px
            }

            .daterangepicker.ltr .drp-calendar, .daterangepicker.ltr .ranges {
                float: left
            }

        .daterangepicker.rtl {
            direction: rtl;
            text-align: right
        }

            .daterangepicker.rtl .drp-calendar.left {
                clear: right;
                margin-left: 0
            }

                .daterangepicker.rtl .drp-calendar.left .calendar-table {
                    border-left: none;
                    border-top-left-radius: 0;
                    border-bottom-left-radius: 0
                }

            .daterangepicker.rtl .drp-calendar.right {
                margin-right: 0
            }

                .daterangepicker.rtl .drp-calendar.right .calendar-table {
                    border-right: none;
                    border-top-right-radius: 0;
                    border-bottom-right-radius: 0
                }

            .daterangepicker.rtl .drp-calendar.left .calendar-table {
                padding-left: 12px
            }

            .daterangepicker.rtl .drp-calendar, .daterangepicker.rtl .ranges {
                text-align: right;
                float: right
            }
}
.daterangepicker {
    font-family: Nunito,sans-serif
}

    .daterangepicker .ranges li.active, .daterangepicker td.active, .daterangepicker td.active:hover {
        background-color: #727cf5
    }

@media (min-width:730px) {
    .daterangepicker .ranges {
        width: auto
    }

    .daterangepicker.ltr .ranges {
        float: left
    }

    .daterangepicker.rtl .ranges {
        float: right
    }

    .daterangepicker .drp-calendar.left {
        clear: none !important
    }
}
@media (min-width: 1200px) {
    .container_BTSC {
        /*width: 1250px;*/
        width:100%;
    }
    .container_BTSC1 {
        width:100%;
}

@media screen and (min-width: 768px) {
    .col_sm_5_Msg {
        width: 46.666667% !important;
    }
}


    /* width */
    ::-webkit-scrollbar {
        width: 6px;
        height:7px;
    }

    /* Track */
    ::-webkit-scrollbar-track {
        background: rgba(167, 167, 167, 0.40);
        border-radius: 10px;
    }

    /* Handle */
    ::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 10px;

    }

        /* Handle on hover */
        ::-webkit-scrollbar-thumb:hover {
            background: #555;
        }