@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,200,300,600,700,900);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);


/* Global Styling
==================================================*/
html,
body {
    height:100%;
    margin:0;
    padding:0;
}

body {
    background-color:#ecf0f5 !important;
    font-family:'Titillium Web', sans-serif;
    font-size:14px;
    color:#666666;
}

h1 {
    font-family:Open Sans;
    font-size:3.4rem;
    /*font-size:30px;*/
    font-weight:300;
    line-height:1.42857143;
    color:#cc0000;
    margin:0 15px 10px 0;
}

h2 {
    font-size:15px;
    margin:0 0 40px;
}

blockquote {
    padding: 5px;
    margin: 0 0 5px;
    font-size: 14px;
    border-left: 5px solid #E79800;
    color: #e79800;
}

.text-danger {
    color: #cc0000 !important;
}

.fa {
    margin-right:6px;
}

.header-top-bar {
    height:38px;
    color:#fff;
    background-color:#E79800;
}

.header-top-bar p {
    margin:8px 0 10px 15px;
}

.header-banner img {
    max-height:65px;
    margin:15px 0;
}

.header-banner h1 {
    text-align:right;
    font-size:18px;
    margin:20px 59px 0 0;
}

.header-contacts {
    font-size: 12px;
    margin-top: 15px;
}

.header-contacts i {
    font-size: 18px;
    color: #cc0000;
}

.header-contacts .heading {
    font-size: 15px;
    font-weight: bold;
}

.content-wrapper {
    max-width:1170px;
    background-color:#fff;
    box-shadow:0 0 8px #a8a8a8;
}

/* Navigation */
.YesScript {
     display:none; 
}

.navbar {
    padding-left:15px;
    height:72px;
    background-color:#f7f7f7;
    /*border:1px solid #b43700;*/
}

/*.navbar-nav i {
    border:1px solid #666666;
    border-radius:50px;
    height:25px;
    width:25px;
}*/

.navbar-nav > li > a {
    height:72px;
    padding-top:25px;
    color:#333333;
    font-weight:400;
    -webkit-transition:all .3s linear;
       -moz-transition:all .3s linear;
         -o-transition:all .3s linear;
            transition:all .3s linear;
}

.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus,
.navbar-nav > li > a:active,
.navbar-nav li.active > a,
.navbar-nav > li.active > a:hover,
.navbar-nav > li.active > a:focus,
.navbar-nav > li.active > a:active,
.nav .open > li {
    background:#cc0000 !important;
    color:#fff !important;
}

.navbar-collapse {
    background-color:#f7f7f7;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    background-color:#cc0000;
    border-color:#337ab7;
    color:#fff;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li.active > a,
.dropdown-menu > li.active > a:hover {
    background:inherit;
    color:inherit;
}

.dropdown-menu > li > a {
    padding:10px 20px;
    -webkit-transition:all .3s linear;
       -moz-transition:all .3s linear;
         -o-transition:all .3s linear;
            transition:all .3s linear;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li:hover {
    background:#cc0000;
    color:#fff;
    /*padding-left:14px;*/
}


.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}

.navbar-toggle {
    margin-top:19px;
    border-color:#595959;
}

.navbar-toggle .icon-bar {
  width:18px;
  height:3px;
  background-color:#595959;
}

.fa-angle-down {
    margin:0 0 0 5px !important;
}

/* Delays */
.delay-1 {
            animation-delay:0.3s;
    -webkit-animation-delay:0.3s;
}

.delay-2 {
            animation-delay:0.6s;
    -webkit-animation-delay:0.6s;
}

.delay-3 {
            animation-delay:0.9s;
    -webkit-animation-delay:0.9s;
}

.delay-4 {
            animation-delay:1.2s;
    -webkit-animation-delay:1.2s;
}

/* Tooltips*/
.tooltip-inner {
    width:150px;
    padding:10px;
}

/* Panels */
.panel-default .panel-heading {
    color:#fff;
    background-color:#E79800;
}


/* DOM Manipulation*/

.hidden {
     display: none;
}

/* Forms */
input,
select,
textarea,
editorfor,
.form-control {
    border: 1px solid #ccc;
    padding-left: 6px !important;
}

.form-control-large {
    border: 1px solid #ccc;
    padding-left: 6px !important;
}

.form-group {
    margin-bottom: 5px;
}

.form-control {
    border-radius: 0;
    height:38px;
}

.form-control-large {
    border-radius: 0;
}

.label-grey {
    background-color:transparent !important;
    border:none;
    box-shadow:none;
}

.radio label, .checkbox label {
    padding-left:0;
}

input #RememberMe {
    width:auto !important;
}

.searchnotpopulated {
    border: 1px solid #cc0000;
}


/* fix form input error on screen re-size */
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: inherit;
}


/* Layout */
.padding-half {
    padding:0 7.5px;
}

.padding-none {
    padding:0;
}

.padding-left-50 {
    padding-left:50px;
}


.padding-right-30 {
    padding-right:30px !important;
}

.padding-right-none {
    padding-right:0;
}

.padding-left-none {
    padding-left:0;
}

/* Grids */
.grid-view-heading {
    margin:0 1px;
    font-weight:bold;
}

.grid-view {
    margin:5px 1px 0;
    padding:5px 0;
    border:1px solid #808080;
    border-radius:2px;
    border-top:3px solid #E79800;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
    background-color:#f7f7f7 !important;
}

.grid-view .col-md-1,
.grid-view .col-md-2,
.grid-view .col-md-3,
.grid-view .col-md-4,
.grid-view .col-md-5,
.grid-view .col-md-6,
.grid-view .col-md-7,
.grid-view .col-md-8,
.grid-view .col-md-9,
.grid-view .col-md-10,
.grid-view .col-md-11 {
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #666;
}

.border-left-none {
    border-left-width: 0 !important;
}

.btn {
    margin-top: 10px;
    border-radius: 0;
}

.grid-view .btn {
    margin-top: 0;
}

.activity-search .btn {
    margin-top: 0;
}

.btn-default {
    color: #fff;
    background-color: #E79800;
    border-color: #E79800;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active {
    color: #b43700;
    background-color: transparent;
    border-color: #b43700;
}

.input-group-btn .btn-default {
    border-color: #ccc;
}

.input-group-btn .fa,
.grid-view .fa {
    margin-right: 0;
}

/* Pagination */
.pagination {
    margin-bottom:0;
}

/* Footer */
footer .row {
    height:50px;
    margin-top:40px;
    padding:15px 30px;
    background-color:#cc0000;
}

.copyright p {
    font-size:12px;
    color:#fff;
}

.social-icons i {
    color:#fff;
}

.scrollToTop {
    background:rgba(0, 0, 0, 0.1);
    bottom:15px;
    display:none;
    height:50px;
    padding:2px;
    position:fixed;
    right:18px;
    text-align:center;
    text-decoration:none;
    width:50px;
    z-index:99999;
}
   
.scrollToTop .fa {
    margin-right:0;
    color:#fff;
    font-size:42px;
}

.scrollToTop:hover {
    background:rgba(0, 0, 0, 0.6);
    text-decoration:none;
}


/* Maintenance notification banner */
.maintenance-notification {
    font-size: 14px;
    z-index: 1050;
}

/* Index Page
==================================================*/

.notifications {
    margin-bottom: -48px;
    background-color: #fff;
}

#notifications .item {
    display: block;
    width: 100%;
    height: auto;
}

#notifications .owl-item img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-box-shadow: 5px 5px 5px rgba(113, 112, 111, 0.5);
       -moz-box-shadow: 5px 5px 5px rgba(113, 112, 111, 0.5);
            box-shadow: 5px 5px 5px rgba(113, 112, 111, 0.5);
}

.customNavigation {
    position: relative;
    display: block;
    text-align: center;
}

.customNavigation .btn {
    margin-top: 0;
}

.customNavigation .prev,
.customNavigation .next {
    position: relative;
    top: -225px;
    font-size: x-large;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.05);
}

.customNavigation .prev:hover,
.customNavigation .next:hover {
    color: #cc0000;
    background-color: rgba(255, 255, 255, 0.5);
}

.customNavigation .prev {
    float: left;
}

.customNavigation .next {
    float: right;
}


.partners {
    margin-top: 10px;
}

.partners img {
    max-height: 185px !important;
    margin: auto;
    padding: 30px 15px 0;
}


/* Sign-up & Sign-In Short Pages
==================================================*/
.sign-up-short a {
    color: #cc0000 !important;
}

.sign-up-detailed {
    padding-right: 30px;
}

.sign-up-detailed .panel input {
    width: 100% !important;
    /*text-align:center*/
}

.log-in-aid {
    margin-top: 5px;
    padding-left: 5px;
}

.log-in-aid a {
    color: #cc0000 !important;
}

/* Activity Page
==================================================*/
.criteria-filter {
    margin:0 0 30px;
}

.criteria-filter label {
    padding-left:31px;
}


/* CPTD Documentation Page
==================================================*/
.downloads-wrapper {
    padding:0 30px 0 0;
}

.documents .btn {
    width:100%;
    margin:7.5px 0;
}

/* Required Field Validation
    =============================================*/

.required:after {
    content:" *";
    color: #f00;
}


/* Display Message Page
    =============================================*/

.display-message h2 {
    margin:0 0 10px;
}


/*spinner*/
#cover-spin {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0.7);
    z-index: 9999;
    display: none;
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
@media only screen and (max-device-width: 480px) {
    .visible-lg {
        display: none;
    }
}
#cover-spin::after {
    content: '';
    display: block;
    position: absolute;
    left: 48%;
    top: 40%;
    width: 40px;
    height: 40px;
    border-style: solid;
    border-color: black;
    border-top-color: transparent;
    border-width: 4px;
    border-radius: 50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}

/*Remove Default webv Picker Functionality*/
::-webkit-calendar-picker-indicator {
    display: none;
}