html{
    height:100%;
    background: linear-gradient(#f8f8f8, #e6f9ff);
    background-repeat: no-repeat;
    background-attachment: fixed;
}

body{
    background-color: transparent!important;
    min-height:calc(100vh - 50px);
}
.detail-view > td{
    background-color: #f3f3f3!important;
}
legend{
    border-bottom : 0px;
}
.mainContent .mce-tinymce{
    border-right: 1px solid #CCCCCC!important;
    border: 0px!important;
    overflow: hidden;
}

.heading_icon{
    display: inline-block;
    margin-right: 10px;
}

.trailing_icon{
    display: inline-block;
    margin-left: 10px;
}

.mce-tinymce{
    width: calc(100%)!important;
}

.boxed{
    box-shadow: 0px 0px 10px black;
}

.btn-success.gradient{
    background: linear-gradient(#00A65A, #008D4C);
}

.btn-danger.gradient{
    background: linear-gradient(#cc0000, #aa0000);
}

.btn-primary.gradient{
    background: linear-gradient(#428bca, #225baa);
}

.input-group-addon{
    padding: 2px 6px;
    text-align: center;
    background-color: #428bca!important;
    color: white;
    min-width: 60px;
}

.swal2-popup {
  font-size: 1.6rem !important;
}

#mainFooter{
    border-top: 5px solid #009BD7;
    padding: 40px 0px 12px;
    width: 100%;
    min-height: 240px;
    color: white;
    box-shadow: 0px 0px 10px 0 #444;
    background-color: #161616;
    background-image:
    repeating-linear-gradient(120deg, #0A0A0A, #0A0A0A 1px, transparent 1px, transparent 60px),
    repeating-linear-gradient(60deg, #0A0A0A, #0A0A0A 1px, transparent 1px, transparent 60px),
    linear-gradient(60deg, #191919 25%, transparent 25%, transparent 75%, #191919 75%, #191919),
    linear-gradient(120deg, #191919 25%, transparent 25%, transparent 75%, #191919 75%, #191919);
    background-size: 70px 120px;
    background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;    
}

#mainFooter ul{
    margin: 0px;
    padding: 0px;
}

#mainFooter li{
    list-style: none;
}

#searchStandard{
    width: 30%;
    margin-left: 4%;
}

#searchFromFooter{
    background-color: transparent;
    width: 60%;
    display: inline-block;
    height: 32px;
    color: white;
}

#mainFooter .software_version{
    text-align: center;
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #444;
    color: #ababab;
    box-shadow: 1 0px 0 0 #222;
}

#mainFooter a:not(.btn){
    color: #1abeff;
}

#mainFooter .section_header{
    font-size: 18px;
    border-bottom: 1px solid #222;
    box-shadow: 0 1px 0 0 #444;
}

#mainFooter span:not(.glyphicon){
    display: block;
    color: #ababab;
    margin-bottom: 10px;
}

#mainNav, #mainNav .container{
    background    : #428bca;
    top           : 0;
    border-bottom : 0px!important;
}
.modal-dialog{box-shadow: 0px 0px 10px #333;}

.modal-backdrop{
    opacity: 0.15!important;
}



#mainNav .nav > li > a{
    color : white!important;
}

.navbar-toggle.pull-left{
    background-color : #20317F!important;
}

#revision{
    position : absolute;
    right    : 0px;
    left     : 0px;
    text-align: center;
    display  : inline;

}
.form-group{
    margin-bottom: 0px!important;
    padding-bottom: 15px!important;
    overflow: hidden!important;
    position: relative!important;
}
@media (min-width: 992px){
    label.col-md-3.control-label{
        margin-left: 40px!important;
        width: calc(25% - 40px)!important;
    }

    label.col-md-4.control-label{
        margin-left: 40px!important;
        width: calc(33.3% - 40px)!important;
    }
    
    .control-label > img{
        position: absolute!important;
        left: -31px!important; 
        margin-top: 5px!important; 
    }
    
    .thumbnailsBar{
        background: #e3e3e3; /* Standard syntax */
        position: absolute;
        width: 40px;
        height: 100%;
    }
}

@media (max-width: 992px){
    label.col-md-3.control-label, label.col-md-4.control-label{
        padding-left: 15px!important;
    }
    
    .control-label > img{
        margin-left: 5px; 
    }
}

@media (min-width: 768px){ 
    #advertise_modal .modal-dialog{
        width: 75vw;
    }
    #normalScreen > .open > ul > li:hover ul, #smallScreen .projectList > ul > li:hover ul{
        background-color : #ffffff!important;
        color            :#20317F!important;
    }

    #normalScreen > .open > ul li ul li:hover, #normalScreen > .open > ul li ul a:hover, #smallScreen .projectList > ul li ul li:hover, #smallScreen .projectList > ul li ul a:hover {
        color            : #20317F!important;
        background-color : #ededed!important;
    }
    #normalScreen > li:not(.active):not(.open) > a:hover,{
        background-color : #dedede!important;
        color            : #000!important;
    }
}
#normalScreen > .open > ul > li:hover b > a, 
#normalScreen > .open > ul > li:hover .option-heading *{
    color:#ffffff!important;   
}

#normalScreen > .active > a, #normalScreen > li > a:hover, #normalScreen > .open > a, 
#normalScreen > .active > li:hover,#normalScreen > .open > a, #normalScreen > .open > ul > li:hover, 
#normalScreen > .open > ul > li:hover, 
#back-home > .active > a, #back-home > li > a:hover, #back-home > .open > a, 
#back-home > .active > li:hover,#back-home > .open > a, #back-home > .open > ul > li:hover, 
#back-home > .open > ul > li:hover, 
#smallScreen .open > a, 
#smallScreen .open > ul > .active > a, 
#smallScreen .projectList > ul > li:hover, 
#smallScreen .projectList > ul > li:hover b > a, 
#smallScreen .projectList > ul > li:hover .option-heading *, 
#smallScreen:hover > li > a, .navbar-right .active > a,
#sites .open > a, 
#sites .open > ul > .active > a, 
#sites .projectList > ul > li:hover, 
#sites .projectList > ul > li:hover b > a, 
#sites .projectList > ul > li:hover .option-heading *, 
#sites:hover > li > a, 
.navbar-right > li > a:hover, .navbar-right .open > a{
    background-color : #20317F!important;
    color      : #ffffff!important;
}
.projectList .dropdown-menu {            
    height     : auto;
    max-height : 300px;
    overflow-x : hidden;
    overflow-y : auto;
}
#on_top{
     min-height:calc(100% - 20px);
    position:relative;
}

#mainContent{
    margin-top  : -10px;
    padding-top : 20px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: 'Muli', 'Helvetica', Arial, sans-serif!important;
}



.error-block{
    color: #ff8080!important;
}
#nano-demo-bar.nanobar { height: 3px; background-color: transparent; position: fixed; top: 0px;}
.side-collapse-container{height: 100%!important;}
#nano-demo-bar .bar{ background-color: #fff; position: absolute; top: 0px; } 
.navbar-nav .option-heading{cursor:pointer!important;}
#torch, .torch, #torchNormal, #torchSmall{
    top            : -10px;
    left           : -10px;
    visibility     : visible; 
    position       : absolute;
    width          : calc(100% + 20px);
    height         : calc(100% + 20px);
    background     : transparent;
    border-radius  : 10px;
    display        : block;
    pointer-events : none;
    z-index        : 9999!important;
    box-shadow     : 0px 0px 0px 122000px rgba(0, 0, 0, 0.5), 0px 0px 20px inset;
}

#panelOk, #panelOkNormal, #panelOkSmall{
    box-shadow       : 0 0 10px black;
    color            : black;
    padding          : 5px;
    margin-top       : -10px;
    margin-left      : -10px;
    display          : block;
    visibility       : visible;
    position         : absolute;
    width            : 250px;
    background-color : #ededed;
    height           : auto;
    text-align       : left!important;
    font-weight      : normal!important;
    font-size        : 14px!important;
    line-height      : normal!important;
    border-radius    : 5px;
    z-index          : 100000!important;
}
.btn-default:not(:disabled):hover{
    background-color : #428bca;
    color            : white;
}       
.text-bold{
    font-weight: bold!important;
}
td > span > a > span, td > span > a > i, td > div > a > span, td > div > a > i{
    border-radius : 50%;
    padding       : 6px 6px!important;
    font-size     : 16px!important;
}
.draggable, .imageCaption {
    cursor: move;
}
.jFiler-item-thumb{
    cursor: pointer;
}
.arrow-up,.arrow-down{color: #337AB7; width:25px;display:inline-block;}

table thead tr{
    background-color: #ededed;
}
.navbar-inverse {
    background : #428bca;
}

.navbar-fixed-top ul:not(.saved_and_banned) > li > a, .navbar-fixed-top ul:not(.saved_and_banned) ul:not(.saved_and_banned) ul:not(.saved_and_banned) a{
    color: #787878!important;
}
#sitemap{
    font-size: 20px;
    margin-bottom: 10px;
}#sitemap{
    font-size: 20px;
    margin-bottom: 10px;
}

#sitemap a{
    font-weight: bold;
    padding-bottom: 1px;
}

#sitemap a.new{
    color: #88b5dd;
}
#sitemap a.active{
    pointer-events: none;
    color: #003399!important;
    font-style: italic;
    border-bottom: 2px solid #003399;
}
@media (max-width: 768px){
    .navbar-inverse{
        background-color: #313131!important;
        background: url('../images/sidebar_blue.png');
        -webkit-background-size: cover;
        background-position: 0px 40%;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-attachment: fixed;
        background-position: center center;
    }
    .summary_tool{
        width: 100vw!important;
        right: 0px!important;
    }
    .advertise_panel .image_div{
        display: none!important;
    }
    .saved_list{
        padding: 5px 20px 0px 10px!important;
    }
    .send_emails_button, .load_a_list, .clear_all_standards, .load_chap{
        width: 100%!important;
        margin-bottom: 5px;
    }
    .saved_list{
        max-height: 60vh!important;
        overflow-y: scroll;
    }
    .saved_list > li{
        border-bottom: 1px solid #aaa!important;
    }
    .load_list{
        width: 28%!important;
        margin-top: -1px!important;
    }
    .list_code{
        width: 70%!important;
    }
    .saved_list > li{
        width: 100%!important;

    }   
    .for_mobile{
        display: block;
    }
    .for_desktop{
        display: none;
    }
    .can_be_hidden{
        display: none;
    }
    .navbar-collapse a{
        font-size: 17px!important;
    }
    .navbar-collapse p, .navbar-collapse span:not(.glyphicon):not(.fa):not(.info-box-icon){
        font-size: 16px!important;
    }
    p.section_header{
        margin-top: 15px;
    }     
    .nopad{
        padding: 0px!important;
    }
    .no-xs-padding{
        padding: 0px!important;
    }
    .no-xs-margin{
        margin: 0px!important;
    }
    #mainNav{
         padding: 0px 5px 0px 5px;
    }
    #mainNav > .container{
        padding: 0px 20px 0px 20px; 
    }
    #sites{
        margin-left: 50px;
        margin-top: 0px;
        margin-bottom: 0px;
    }
    #alert-list li{
        width: 100%!important;
    }

    #torchSmall, #panelOkSmall{
        display: block;
    }
    #torchNormal, #panelOkNormal{
        display: none;
    }  
    #side_menu #normalScreen{
        border-bottom: 1px solid white;
        padding-bottom: 7.5px;
    }
    
    .dropdown li, .dropdown ul{
        background-color: #ededed!important;
    }
    #mainContent .container:not(.welcome){
        overflow: hidden!important;
    }
    .show_on_mobile{
        display: inline;
    }
    
    .navbar-brand{
        float: right;
    }
    #mainNav{
        background-color: #428bca!important;
    }
    .side-collapse-container{
        position   : relative;
        left       : 0;
        transition : left .4s;
    }
    .side-collapse-container.out{
        display: none!important
    }
    .side-collapse {
        top        : 50px;
        left       : 0px;
        bottom     : 0;
        transform  : translate(0%, 0%);
        width      : 100%;
        position   : fixed;
        overflow   : hidden;
        transition : transform .4s;

    }
    .side-collapse.in {
        width     : 100%;
        transform : translate(-100%, 0%); 
    }            
    .option-heading:not(.navbar-nav .option-heading){
        width            : 290px;
        padding-left     : 25px;
        margin-top       : 2px;
        background-color : green;
    }
    #end_normal{
        display:none;
    }
    #end_small{
        display:block;
    }
    #end_session{
        width: 100%; 
    }
    .navbar-right{
        display: block
    }
    #navbars{
        margin: 0px;
        height: 50px;
    }
    #smallScreen{
        display: none; 
    }
    #normalScreen{
        margin-top: 0px; 
    }
    #tbd{
        width:100%!important;
    }
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-collapse{
        max-height : 100%!important;
        overflow-y : auto;
    }
    .navbar-nav {
        float      : none!important;
        margin-top : 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top    : 10px;
        padding-bottom : 10px;
    }
    .collapse.in{
        display : block !important;
    }
}

.load_list_div{
    margin: 10px 0px 0px 0px!important;
    position: relative!important;
}

.load_list_div:before{
    content:'';
    position: absolute;
    top: -10px;
    right: calc(52% - 10px);
    width: 0;
    height: 0;
    border-bottom: solid 10px #e5e5e5;
    border-left: solid 20px transparent;
    border-right: solid 20px transparent;
}

.clear_all_standards, .send_emails_button{
    white-space: normal!important;
}

.clear_all_standards:hover{
    background-color: #ccc!important;
    border: 1px solid #aaa;
}

.load_a_list:hover, .load_a_list:focus{
    background-color: #2d6a9f!important;
    border: 1px solid #aaa;
}

.send_emails_button:hover{
    background-color: #e6ac00!important;
    border: 1px solid #aaa;
}

@media (min-width: 768px) and (max-width: 1100px) {    
    #normalScreen{
       display: none; 
    }      
    #smallScreen{
       display: block; 
    }
}

.user_panel{
    width: 300px;
    box-shadow: 0px 0px 10px #444!important;
    padding-top: 0px;
    border: 0px;
}

.choose_type > a.active{
    background-color: #428bca!important;
    color: white!important;
    cursor: default!important;
}

li.li_banned{
    background-color: #ddd!important;
}

ul.saved_list > li{
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
}

.banned_title, .saved_title{
    cursor: pointer;
    white-space: normal;
}

.remove_from_list{
    float: right;
    cursor: pointer;
    padding: 2px 4px;
    background-color: #cc0000;
    color: white!important;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.user_panel > li:nth-child(1){
    padding: 3px;
    box-shadow: 0px 0px 10px #777!important;
    background-color:#225baa!important;
    background-image: linear-gradient(30deg, #20569f 12%, transparent 12.5%, transparent 87%, #20569f 87.5%, #20569f),
    linear-gradient(150deg, #20569f 12%, transparent 12.5%, transparent 87%, #20569f 87.5%, #20569f),
    linear-gradient(30deg, #20569f 12%, transparent 12.5%, transparent 87%, #20569f 87.5%, #20569f),
    linear-gradient(150deg, #20569f 12%, transparent 12.5%, transparent 87%, #20569f 87.5%, #20569f),
    linear-gradient(60deg, #2462b5 25%, transparent 25.5%, transparent 75%, #2462b5 75%, #2462b5), 
    linear-gradient(60deg, #2462b5 25%, transparent 25.5%, transparent 75%, #2462b5 75%, #2462b5);
    background-size:80px 140px;
    background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;
}

.need_help{
    z-index: 33;
    position: fixed;
    bottom: 0px;
    width: 25vw;
    cursor: pointer!important;
    right: 20px;
    background-color: #428bca!important;
    box-shadow: 0px 0px 10px #000;
    cursor: pointer;
    border-top-right-radius:  10px;
    border-top-left-radius: 10px;
    overflow: hidden;
    color: white;
    font-size: 115%;
}

.navigation_bar{
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5)
}

.need_help > p{
    font-size: 125%!important;
    text-align: center;
    padding: 3px 20px;    
}

.help_container{
    background-color: #f4f4f4;
    color: #555;
}

.help_container a{
    color: #555;
}

.help_container li{
    border-bottom: 1px solid #ccc;
    padding: 5px 10px;
}

@media (min-width: 768px) {
    .can_be_hidden_desktop{
        display: none!important;
    }
    .show-xs{
        display: none!important;
    }
    .saved_list > li{
        width: 50vw!important;
        padding: 5px 15px;
    }
    .saved_list{
        max-height: 60vh!important;
        overflow-y: auto!important;
    }
    .for_mobile{
        display: none;
    }
    .for_desktop{
        display: block;
    }
    .no-md-padding{
        padding: 0px!important;
    }
    .no-md-margin{
        margin: 0px!important;
    }
    #mainNav{
         padding: 0px 5px 0px 0px;
    }
    #mainNav > .container{
        padding: 0px 20px 0px 0px;

    }
    #torchSmall, #panelOkSmall{
        display: none;
    }
    #torchNormal, #panelOkNormal{
        display: block;
    }
    .show_on_mobile{
        display: none;
    }
    #end_normal{
        display:block;
    }
    #end_small{
        display:none;
    }
    #end_session{
        display        : table-cell;
        vertical-align : middle;
    }
    .navbar-right{
        display: table
    }
}

@media (min-width: 1100px) {            
    #normalScreen{
        display: block;
    }      
    #smallScreen{
        display: none;
    }
}      

.snackbar_container{
    z-index: 10000;
    width: 100%;
    position: fixed;
    bottom: 30px;
    text-align: center;
}
.saved_list{
    padding: 0px;
}
.saved_and_banned{
    box-shadow: 0px 0px 10px #222!important;
}

/* TOAST HTML */
#snackbar {
    visibility: hidden;
    min-width: 250px;
    max-width: 50%;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 16px;
    display: inline-block;
    font-size: 17px;
}

#snackbar.visible_on_screen {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
    from {bottom: 0; opacity: 0;} 
    to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
    from {bottom: 30px; opacity: 1;} 
    to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}





/* BACKGROUND COLOR CLASSES */
.bg-maroon{background-color: maroon;}
.bg-red{background-color: red;}
.bg-orange{background-color: orange;}
.bg-yellow{background-color: yellow;}
.bg-olive{background-color: olive;}
.bg-green{background-color: green;}
.bg-purple{background-color: purple;}
.bg-fuchsia{background-color: fuchsia;}
.bg-lime{background-color: lime;}
.bg-teal{background-color: teal;}
.bg-aqua{background-color: aqua;}
.bg-blue{background-color: blue;}
.bg-navy{background-color: navy;}
.bg-black{background-color: black;}
.bg-gray{background-color: gray;}
.bg-silver{background-color: silver;}
.bg-light-gray{background-color: #f4f4f4;}
.bg-dark-gray{background-color: #444444;}
.bg-white{background-color: white;}
.bg-app{background-color: #428bca;}

/* COLOR CLASSES */
.text-maroon{color: maroon;}
.text-red{color: red;}
.text-orange{color: orange;}
.text-yellow{color: yellow;}
.text-olive{color: olive;}
.text-green{color: green;}
.text-purple{color: purple;}
.text-fuchsia{color: fuchsia;}
.text-lime{color: lime;}
.text-teal{color: teal;}
.text-aqua{color: aqua;}
.text-blue{color: blue;}
.text-navy{color: navy;}
.text-black{color: black;}
.text-gray{color: gray;}
.text-silver{color: silver;}
.text-white{color: white;}
.text-app{color: #428bca;}
.text-light-gray{color: #f4f4f4;}
.text-dark-gray{color: #444444;}
.text-dark-blue{color: #225BAA;}

/* TEXT SIZE */
.fs-1{font-size: 1px} .fs-2{font-size: 2px} .fs-3{font-size: 3px} .fs-4{font-size: 4px} .fs-5{font-size: 5px} .fs-6{font-size: 6px} .fs-7{font-size: 7px} .fs-8{font-size: 8px} .fs-9{font-size: 9px} .fs-10{font-size: 10px} .fs-11{font-size: 11px} .fs-12{font-size: 12px} .fs-13{font-size: 13px} .fs-14{font-size: 14px} .fs-15{font-size: 15px} .fs-16{font-size: 16px} .fs-17{font-size: 17px} .fs-18{font-size: 18px} .fs-19{font-size: 19px} .fs-20{font-size: 20px} .fs-21{font-size: 21px} .fs-22{font-size: 22px} .fs-23{font-size: 23px} .fs-24{font-size: 24px} .fs-25{font-size: 25px}

/* DISPLAY STYLE */
.disp-bl{display: block;}
.disp-in{display: inline;}
.disp-in-bl{display: inline-block;}
.disp-tab{display: table;}
.disp-flex{display: flex;}
.disp-trow{display: table-row;}
.disp-tcell{display: table-cell;}
.no-overflow{overflow: hidden;}
.show-overflow{overflow: visible;}

.modal .btn{
    outline: 0;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #ddd;
    border: 0;
    border-radius: .25em;
    margin-left: 10px;
    font-size: 1.4625em!important;
}

.mainContent{
    padding-bottom: 0px!important;
    min-height: calc(100vh - 50px)!important;
}

.side-collapse-container{
    padding-top: 0px!important;
    min-height: calc(100vh - 50px);
    height: auto!important;
}

/* POSITION STYLE */
.ps-rel{position: relative;}
.ps-abs{position: absolute;}
.ps-abs-full{position: absolute; width: 100%; height: 100%; top: 0px; left: 0px;}
.ps-fix{position: fixed;}
/* TEXT STYLE */
.text-bold{font-weight: bold;}
.text-normal{font-weight: normal;}

/* BOX SHADOW COLOR CLASSES */
.bs-maroon{box-shadow: 0px 0px 10px maroon;}
.bs-red{box-shadow: 0px 0px 10px red;}
.bs-orange{box-shadow: 0px 0px 10px orange;}
.bs-yellow{box-shadow: 0px 0px 10px yellow;}
.bs-olive{box-shadow: 0px 0px 10px olive;}
.bs-green{box-shadow: 0px 0px 10px green;}
.bs-purple{box-shadow: 0px 0px 10px purple;}
.bs-fuchsia{box-shadow: 0px 0px 10px fuchsia;}
.bs-lime{box-shadow: 0px 0px 10px lime;}
.bs-teal{box-shadow: 0px 0px 10px teal;}
.bs-aqua{box-shadow: 0px 0px 10px aqua;}
.bs-blue{box-shadow: 0px 0px 10px blue;}
.bs-navy{box-shadow: 0px 0px 10px navy;}
.bs-black{box-shadow: 0px 0px 10px black;}
.bs-gray{box-shadow: 0px 0px 10px gray;}
.bs-silver{box-shadow: 0px 0px 10px silver;}
.bs-white{box-shadow: 0px 0px 10px white;}
.bs-light-gray{box-shadow: 0px 0px 10px #f4f4f4;}
.bs-dark-gray{box-shadow: 0px 0px 10px #555;}
.bs-app{box-shadow: 0px 0px 10px #428bca;}

/* BORDER RADIUS CLASSES */
.br-0{border-radius: 0px;}
.br-5{border-radius: 5px;}
.br-10{border-radius: 10px;}
.br-15{border-radius: 15px;}
.br-20{border-radius: 20px;}
.br-round{border-radius: 100%;}
.btlr-5{border-top-left-radius: 5px;}
.btlr-10{border-top-left-radius: 10px;}
.btlr-15{border-top-left-radius: 15px;}
.btlr-20{border-top-left-radius: 20px;}
.btlr-round{border-top-left-radius: 100%;}
.btrr-5{border-top-right-radius: 5px;}
.btrr-10{border-top-right-radius: 10px;}
.btrr-15{border-top-right-radius: 15px;}
.btrr-20{border-top-right-radius: 20px;}
.btrr-round{border-top-right-radius: 100%;}
.bblr-5{border-bottom-left-radius: 5px;}
.bblr-10{border-bottom-left-radius: 10px;}
.bblr-15{border-bottom-left-radius: 15px;}
.bblr-20{border-bottom-left-radius: 20px;}
.bblr-round{border-bottom-left-radius: 100%;}
.bbrr-5{border-bottom-right-radius: 5px;}
.bbrr-10{border-bottom-right-radius: 10px;}
.bbrr-15{border-bottom-right-radius: 15px;}
.bbrr-20{border-bottom-right-radius: 20px;}
.bbrr-round{border-bottom-right-radius: 100%;}

/* PADDING CLASSES */
.pd-0{padding: 0px;}
.pd-5{padding: 5px;}
.pd-10{padding: 10px;}
.pd-15{padding: 15px;}
.pd-20{padding: 20px;}
.pd-b-0{padding-bottom: 0px;}
.pd-b-5{padding-bottom: 5px;}
.pd-b-10{padding-bottom: 10px;}
.pd-b-15{padding-bottom: 15px;}
.pd-b-20{padding-bottom: 20px;}
.pd-l-0{padding-left: 0px;}
.pd-l-5{padding-left: 5px;}
.pd-l-10{padding-left: 10px;}
.pd-l-15{padding-left: 15px;}
.pd-l-20{padding-left: 20px;}
.pd-r-0{padding-right: 0px;}
.pd-r-5{padding-right: 5px;}
.pd-r-10{padding-right: 10px;}
.pd-r-15{padding-right: 15px;}
.pd-r-20{padding-right: 20px;}
.pd-t-0{padding-top: 0px;}
.pd-t-5{padding-top: 5px;}
.pd-t-10{padding-top: 10px;}
.pd-t-15{padding-top: 15px;}
.pd-t-20{padding-top: 20px;}

/* MARGIN CLASSES */
.mrg-0{margin: 0px;}
.mrg-5{margin: 5px;}
.mrg-10{margin: 10px;}
.mrg-15{margin: 15px;}
.mrg-20{margin: 20px;}
.mrg-40{margin: 40px;}
.mrg-50{margin: 50px;}
.mrg-b-0{margin-bottom: 0px;}
.mrg-b-5{margin-bottom: 5px;}
.mrg-b-10{margin-bottom: 10px;}
.mrg-b-15{margin-bottom: 15px;}
.mrg-b-20{margin-bottom: 20px;}
.mrg-b-40{margin-bottom: 40px;}
.mrg-b-50{margin-bottom: 50px;}
.mrg-l-0{margin-left: 0px;}
.mrg-l-5{margin-left: 5px;}
.mrg-l-10{margin-left: 10px;}
.mrg-l-15{margin-left: 15px;}
.mrg-l-20{margin-left: 20px;}
.mrg-l-40{margin-left: 40px;}
.mrg-l-50{margin-left: 50px;}
.mrg-r-0{margin-right: 0px;}
.mrg-r-5{margin-right: 5px;}
.mrg-r-10{margin-right: 10px;}
.mrg-r-15{margin-right: 15px;}
.mrg-r-20{margin-right: 20px;}
.mrg-r-40{margin-right: 40px;}
.mrg-r-50{margin-right: 50px;}
.mrg-t-0{margin-top: 0px;}
.mrg-t-5{margin-top: 5px;}
.mrg-t-10{margin-top: 10px;}
.mrg-t-15{margin-top: 15px;}
.mrg-t-20{margin-top: 20px;}
.mrg-t-40{margin-top: 40px;}
.mrg-t-50{margin-top: 50px;}

/* WIDTH CLASSES */
.w1{width: 1%;} .w2{width: 2%;} .w3{width: 3%;} .w4{width: 4%;} .w5{width: 5%;} .w6{width: 6%;} .w7{width: 7%;} .w8{width: 8%;} .w9{width: 9%;} .w10{width: 10%;} .w11{width: 11%;} .w12{width: 12%;} .w13{width: 13%;} .w14{width: 14%;} .w15{width: 15%;} .w16{width: 16%;} .w17{width: 17%;} .w18{width: 18%;} .w19{width: 19%;} .w20{width: 20%;} .w21{width: 21%;} .w22{width: 22%;} .w23{width: 23%;} .w24{width: 24%;} .w25{width: 25%;} .w26{width: 26%;} .w27{width: 27%;} .w28{width: 28%;} .w29{width: 29%;} .w30{width: 30%;} .w31{width: 31%;} .w32{width: 32%;} .w33{width: 33%;} .w34{width: 34%;} .w35{width: 35%;} .w36{width: 36%;} .w37{width: 37%;} .w38{width: 38%;} .w39{width: 39%;} .w40{width: 40%;} .w41{width: 41%;} .w42{width: 42%;} .w43{width: 43%;} .w44{width: 44%;} .w45{width: 45%;} .w46{width: 46%;} .w47{width: 47%;} .w48{width: 48%;} .w49{width: 49%;} .w50{width: 50%;} .w51{width: 51%;} .w52{width: 52%;} .w53{width: 53%;} .w54{width: 54%;} .w55{width: 55%;} .w56{width: 56%;} .w57{width: 57%;} .w58{width: 58%;} .w59{width: 59%;} .w60{width: 60%;} .w61{width: 61%;} .w62{width: 62%;} .w63{width: 63%;} .w64{width: 64%;} .w65{width: 65%;} .w66{width: 66%;} .w67{width: 67%;} .w68{width: 68%;} .w69{width: 69%;} .w70{width: 70%;} .w71{width: 71%;} .w72{width: 72%;} .w73{width: 73%;} .w74{width: 74%;} .w75{width: 75%;} .w76{width: 76%;} .w77{width: 77%;} .w78{width: 78%;} .w79{width: 79%;} .w80{width: 80%;} .w81{width: 81%;} .w82{width: 82%;} .w83{width: 83%;} .w84{width: 84%;} .w85{width: 85%;} .w86{width: 86%;} .w87{width: 87%;} .w88{width: 88%;} .w89{width: 89%;} .w90{width: 90%;} .w91{width: 91%;} .w92{width: 92%;} .w93{width: 93%;} .w94{width: 94%;} .w95{width: 95%;} .w96{width: 96%;} .w97{width: 97%;} .w98{width: 98%;} .w99{width: 99%;} .w100{width: 100%;}

/* APP Color Palette [
        MAIN COLOR:     #428BCA;
        DARK COLOR:     #191919;
        CONTRAST COLOR: #225BAA;
    ]
*/

/* TEXT COLOR*/
.pc1{color: #428bca}
.pc2{color: #363636}
.pc3{color: #225BAA}
.pc4{color: #a6d3fa}

/* BACKGROUND COLOR */
.pbc1{background-color: #428bca}
.pbc2{background-color: #363636}
.pbc3{background-color: #225BAA}
.pbc4{background-color: #a6d3fa}

/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
/*body {
  padding-top: 50px;
}*/


/*
 * Global add-ons
 */

.sub-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */

/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
  display: none;
}
@media (min-width: 768px) {
  .sidebar {
    position: fixed;
    top: 50px;
    bottom: 0;
    left: 0;
    height: 100%!important;
    /*z-index: 2000!important;*/
    display: block;
    padding: 20px;
    padding-bottom: 50px;
    /*overflow-x: hidden;*/
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #F8F8F8;
    border-right: 1px solid #ddd;
  }
}

/* Sidebar navigation */
.nav-sidebar {
  margin-right: -21px; /* 20px padding + 1px border */
  margin-left: -20px;
}
.option-heading{
  cursor: pointer!important;
}
.nav-sidebar > li > a {
  padding-right: 20px;
  padding-left: 20px;
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
  color: white;
  background-color: #20317F;
}



/*
 * Main content
 */

.main {
  padding-top:0px;
  padding-right: 20px;
  padding-left: 20px;
  padding-bottom: 20px;
}
@media (min-width: 768px) {
  .main {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.main {
  margin-top: 40px;
}


/*
 * Placeholder dashboard ideas
 */

.placeholders {
  margin-bottom: 30px;
  text-align: center;
}
.placeholders h4 {
  margin-bottom: 0;
}
.placeholder {
  margin-bottom: 20px;
}
.placeholder img {
  display: inline-block;
  border-radius: 50%;
}