﻿#Main_Content, footer { padding: 40px 30px !important; }

/*Global Fonts*/
.font1 { font-family: 'Roboto' sans-serif; }
.font2 { font-family: 'Titillium Web', sans-serif !important; }

.color1 { color: #323E48; }
.color2 { color: #013470; /*Blue color*/ }
.color3 { color: #0A2240; }
.color4 { color: #000000; }
.color5 { color: #8B8B8B; }

.font-size1 { font-size: 18px; }
.font-size2 { font-size: 24px; }
.font-size3 { font-size: 28px; }
.font-size4 { font-size: 36px; }
.font-size5 { font-size: 22px; }
.font-size6 { font-size: 32px; }
.font-size7 { font-size: 20px; }
.font-size9 { font-size: 46px; }
.font-size10 { font-size: 14px; }

input[type="checkbox"] { margin-right: 5px }
input[type="checkbox"] + label { display: inline;     }

/*text*/
.paragraph-text { font-size: 22px; }
.heading-text { font-size: 36px; }
.top-text { font-size: 28px; }

/*Cards*/
.card-text { font-size: 20px }
.card-heading { font-size: 32px; }
.card img { height: auto; width: auto; }

/*Table*/
.table-header { background: black; color: white; padding: 5px 10px; font-weight: bold; font-family: 'Titillium Web', sans-serif !important; font-size: 18px; }
.info-table { border: 1px solid black; }

.table-header-grey { background: #e2e2e2; color: black; padding: 5px 10px; font-weight: bold; font-family: 'Titillium Web', sans-serif !important; font-size: 18px; }

/*Top bar*/
.RadMenu .rmLeftImage { float: right !important; }
#profile_member { position: relative; height: 34px; }
#uxDivRadMenuProfile .rmSized .rmRootGroup .rmVertical { width: 300px !important; }
#Top-row .RadMenu .rmVertical .rmItem .rmText { padding: 0px !important; }
.profile_icon ul.rmRootGroup.rmHorizontal li.rmItem.rmFirst a.rmImageOnly img { padding: 5px; background: #0086FA; }
#signin-control, #signin-submit { margin: 0px 60px; }

/*Navbar Menu*/
.RadMenu { z-index: 1000 !important; }
#collapseAdminMenu .RadMenu .rmLink { font-size: 18px; }
#collapseAdminMenu .RadMenu .rmLink { font-size: 18px !important; width: auto !important; white-space: break-spaces;}
.RadMenu .rmLink { font-size: 22px; color: #013470; margin: 5px 22px; }
.navbar-light .navbar-nav .nav-link { color: #013470; }
.RadMenu .rmLink:hover { color: #013470; }
.RadMenu .rmGroup, .RadMenu .rmRootGroup, .RadMenu { border: none !important; }
.RadMenu .rmRootGroup.rmHorizontal > .rmItem { border-style: none !important;     }

.sidebar { position: fixed; top: 0px; bottom: 0; left: 0; max-width: 100%; transition: all ease 0.25s; z-index: 999; }
.grey-panel { border: 1px solid #bfbebe; background-color: #f0f0f0; }

/*form*/
.form-control { border: none !important; width: 95% !important; }
.form-box { border: 1px solid #bfbebe; background-color: #f0f0f0; width: 90% }
input[type="radio"] + label { margin-right: 40px; display: inline; }
input[type="radio"] { margin-right: 5px; }

/*Checkbox*/
.form-check-label input { width: 15px; height: 15px; }
.col-form-label {  font-weight: 600; }

ul.social-icons {list-style: none;display: inline;margin: 0px;padding: 0;}
ul.social-icons li {display: inline;margin: 0px;}
.social-icons li img {display: inline-block;position: relative;margin: 0;}
.RadMenuAdmin {padding: 0px;z-index: 990;}
.RadMenuAdmin .RadMenu .rmGroup .rmLink {margin: 0px;padding: 0px;padding-top: 6px;padding-bottom: 6px;}
#collapseAdminMenu .RadMenu .rmRootGroup .rmRootLink {padding: 4px !important;}
.RadMenu .rmGroup .rmLink {padding: 0px;margin: 0px;}
.RadMenu .rmGroup:before {border: none !important;}
#collapseAdminMenu .rmSized .rmRootGroup .rmVertical {width: 450px !important;}
#collapseAdminMenu .rmSlide {width: 450px !important;}

.rcbList ul {font-size: 22px !important;}
.carousel-caption {top: 50%;transform: translateY(-50%);bottom: 0px !important;right: 5%;left: 5%;}
.carousel-caption .font2 {font-size: 35px;margin-top: -5px;}
#carouselExampleSlidesOnly .carousel-item.active {height: 110px;}

/*Button*/
.btn { white-space: break-spaces; }
.button-blue {background-color: #0086FA !important;color: white;border-radius: 0px;font-size: 20px;padding: 17px 54px;}
.button-blue:hover {color: white;background-color: #3FA2F7 !important;}
.button-blue:focus {color: white;background-color: #00376F !important;border: 3px solid #00376F;}

.button-black {color: white;background-color: #000000;padding: 14px 24px;}
.button-black:hover {color: white;background-color: #3C3C3C !important;}

.button-black-small {color: white;background-color: #000000;padding: 5px 20px;}
.button-black-small:hover {color: white;background-color: #3C3C3C !important;}

.button-blue-small {color: white;background-color: #0086FA;padding: 2px 15px;}
.button-blue-small:hover {color: white;background-color: #00376F !important;}

/*Accordian*/
.accordion-body {background-color: #F2F8FF !important;}
.navbar-light .navbar-toggler {position: absolute;top: -38px;left: 0px;border: none;z-index: 2000;}
.navbar-toggler > .close {display: inline;background-color: #0086FA;}
.navbar-toggler.collapsed > .close, .navbar-toggler:not(.collapsed) > .navbar-toggler-icon {display: none;}
.navbar-toggler:focus, .navbar-toggler:active, .navbar-toggler-icon:focus {outline: none;box-shadow: none;}
.navbar-light .navbar-toggler-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}

/********** Panel ***********/
div.RadPanelBar_Bootstrap .rpLink, div.RadPanelBar_Bootstrap .rpHeaderTemplate {background: #889eb1;border-color: #3d556c #3d556c #3d556c;color: white;}
.RadPanelBar_Bootstrap .rpGroup .rpItem .rpLink, .RadPanelBar_Bootstrap .rpGroup .rpItem .rpHeaderTemplate {background: #a6d9f4 !important;border-color: #889eb1 !important;}
div.RadPanelBar_Bootstrap .rpGroup .rpItem .rpLink.rpSelected, div.RadPanelBar_Bootstrap .rpGroup .rpItem .rpHeaderTemplate.rpSelected {color: #000;}

.rcbSlide {
    z-index: 1000 !important;
}
/*Media Queries*/
@media (max-width: 1042px) {
    .RadMenu .rmLink { font-size: 18px !important; }
}

@media (max-width: 991px) {
    .navbar-brand {width: 100%;text-align: center;}
    .navbar-toggler > .close { position: absolute !important; top: 5px; left: 0px; }
    .navbar .RadMenu .rmRootGroup {padding-top: 40px; font-size: xx-large;}
    .Admin-Menu-Main ul.rmRootGroup.rmHorizontal > li.rmItem, #Top-row ul.rmRootGroup.rmHorizontal > li.rmItem {display: contents !important;}
    .main-navigation ul.rmRootGroup.rmHorizontal { min-width: -webkit-fill-available; }
    .main-navigation ul.rmRootGroup.rmHorizontal > li.rmItem { display: block; width: 100% }
    .Main-menu { width: 100%;background-color: #00376F;top: 0px !important;bottom: 0px !important;z-index: 1000 !important;min-height: 100vh;overflow-y: hidden;}
    .navbar-light .navbar-nav .nav-link {color: #FFFFFF !important;}
    .RadMenu .rmLink:hover {color: #FFFFFF;}
    .RadMenu .rmSlide {position: relative !important;left: 0px !important;}
    .RadMenu a.rmLink {display: inherit !important; min-width: -webkit-fill-available;}
    .RadMenu .rmHorizontal .rmText {padding-left: 20px !important;width: 100%;}
    #collapseAdminMenu .rmVertical.rmGroup.rmLevel1 {background-color: #00376F !important;width: 100% !important;}
    .Admin-Menu-Main a.rmExpanded span.rmExpandDown { background: black; }
    .rmItem:hover {background-color: #3C78A7 !important;}
    .rmText.rmExpandDown {padding-top: 15px !important;padding-bottom: 15px !important;margin: 0px !important;}
    #collapseAdminMenu .rmSlide {width: 100% !important; overflow: hidden !important; }
    .card-border {border-bottom: 2px solid #d3d3d3; padding-bottom: 20px;}
    #carouselExampleSlidesOnly .carousel-item.active {height: 90px;}
}

@media (min-width: 992px) {
    .sidebar {position: relative;top: auto;}
    .Admin-menu {display: none;}
    .card-border {border-right: 2px solid #d3d3d3;}
}

@media (max-width: 576px) {
    #Main_Content, footer { padding: 10px 5px !important }
    .button-blue {font-size: 14px !important;padding: 8px 16px;}
    /*#carouselExampleSlidesOnly .carousel-item.active {height: 60px !important;}*/
    .carousel-caption .font2 {font-size: 24px !important;}
    .paragraph-text {font-size: 20px !important;}
    .heading-text {font-size: 32px !important;}
    .top-text {font-size: 25px !important;}
    .card-text {font-size: 18px }
    .card-heading {font-size: 30px;}
    #signin-control, #signin-submit {margin: 0px !important;}

      /*Grid view Mobile*/
    .RadGrid .rgPager .rgNumPart, .RadGrid .rgPager .rgAdvPart { display: none !important; }
    .RadGrid .rgPager .rgInfoPart { width: 100%; }

    .font-size1 { font-size: 14px; }
    .font-size2 { font-size: 20px; }
    .font-size3 { font-size: 24px; }
    .font-size4 { font-size: 32px; }
    .font-size5 { font-size: 18px; }
    .font-size6 { font-size: 28px; }
    .font-size7 { font-size: 16px; }
    .font-size9 { font-size: 38px; }
    .font-size10 { font-size: 14px; }
    .paragraph-text { font-size: 16px !important; }
}

@media (max-width: 430px) {
    #carouselExampleSlidesOnly .carousel-item.active { height: 121px; }
    .carousel-caption .font2 { font-size: 30px !important;}
    .btn-report { display: block; margin-bottom: 10px; text-align: center; }
}

@media (max-width: 350px) {
    input[type="radio"] + label { margin-right: 0px; }
}

