/**
 *  NAVIGATION BAR
 */


.navbar-default .navbar-nav>.open>a {
    background-color: darkorange !important;
}

.navbar a:hover {
    color: darkorange !important;

}

.navbar-app {
    top: 50px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    background-color: #fff;
    z-index: 1000 !important;
    box-shadow: 0px 5px 18px #888888;
}

[ng-app=scheduleGenerator] > div:not(.navbar-app) {
    margin-top: 350px;
}

/* 1350 px en adelante aplica este estilo */
.ua-boxes-row {
    width: 89%;
    display: inline-table;
}

.ua-box, .ua-extra-box {
    margin: 5px;
    text-align: center;
    /*width: 10%;*/
    width: 125px;
    display: inline-table;
    border-radius: 10px;
    height: 80px;
    line-height: 80px;
    -webkit-transition: border-color .3s, color .3s;
    -moz-transition: border-color .3s, color .3s;
    -ms-transition: border-color .3s, color .3s;
    -o-transition: border-color .3s, color .3s;
    transition: border-color .3s, color .3s;
}

.ua-box .ua-hours {
    font-variant: small-caps;

}

.ua-selected {
    border-color: orange !important;
    color: orange !important;
    cursor: pointer;
}

.float-label {
    display: inline-table;
    width: 85%;
}

.ua-content {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    font-weight: bold;
}

.level1 {
    color: rgb(6,20,236);
    border: solid rgb(6, 20, 236);
    /*border-radius: 10px;*/
}

.electiva {
    color: #276539;
    border: solid rgb(46, 94, 51);
}

.level2 {
    color: black;
    border-style: dotted;

}

.level3 {
    color: rgb(238,30,36);
    border-style: dashed;
}

.level4 {
    color: rgb(135,90,67);
    border-style: dashed;
}

.level5 {
    color: rgb(156,37,203);
    border-style: dashed;
}

.container-fluid {
    margin-left: 20px;
    margin-right: 20px;
}

.node-circle {
    border-radius: 50px;
    width: 100px;
    height: 100px;
    text-align: center;
    display: table;
    margin: 5px;
}

.node-circle p {
    vertical-align: middle;
    display: table-cell;
}

.node-inventory {
    display: flex;
}

.glyphicon-info-sign + .tooltip > .tooltip-inner {background-color: #FFF3E0; border: 5px solid orange;
    color: #000; font-size: 1.2em;}
.glyphicon-info-sign + .tooltip {opacity: 1 !important;}
.glyphicon-info-sign + .tooltip > .tooltip-arrow {border-top-color: orange;}

#collapse-navigation > button {
    border: none;
    background-color: rgba(0,0,0,0);
}

.header-margin-bottom {
    margin-bottom: 80px;
}

/**
 * ORG CHART
 */

.tree ul {
    padding-top: 20px; position: relative;

    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.tree li {
    /*float: left; */
    text-align: center;
    list-style-type: none;
    position: relative;
    padding: 20px 5px 0 5px;

    /* this is for larger trees */
    float:none;
    display:inline-block;
    vertical-align:top;

    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

/*We will use ::before and ::after to draw the connectors*/

.tree li::before, .tree li::after{
    content: '';
    position: absolute; top: 0; right: 50%;
    border-top: 1px solid #ccc;
    width: 50%; height: 20px;
}
.tree li::after{
    right: auto; left: 50%;
    border-left: 1px solid #ccc;
}

/*We need to remove left-right connectors from elements without
any siblings*/
.tree li:only-child::after, .tree li:only-child::before {
    display: none;
}

/*Remove space from the top of single children*/
.tree li:only-child{ padding-top: 0;}

/*Remove left connector from first child and
right connector from last child*/
.tree li:first-child::before, .tree li:last-child::after{
    border: 0 none;
}
/*Adding back the vertical connector to the last nodes*/
.tree li:last-child::before{
    border-right: 1px solid #ccc;
    border-radius: 0 5px 0 0;
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
}
.tree li:first-child::after{
    border-radius: 5px 0 0 0;
    -webkit-border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
}

/*Time to add downward connectors from parents*/
.tree ul ul::before{
    content: '';
    position: absolute; top: 0; left: 50%;
    border-left: 1px solid #ccc;
    width: 0; height: 20px;
}

.tree li a{
    border: 1px solid #ccc;
    padding: 5px 10px;
    text-decoration: none;
    color: #666;
    font-family: arial, verdana, tahoma;
    font-size: 11px;
    display: inline-block;

    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;

    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

/*Time for some hover effects*/
/*We will apply the hover effect the the lineage of the element also*/
.tree li a:hover, .tree li a:hover+ul li a {
    background: #c8e4f8; color: #000; border: 1px solid #94a0b4;
}
/*Connector styles on hover*/
.tree li a:hover+ul li::after,
.tree li a:hover+ul li::before,
.tree li a:hover+ul::before,
.tree li a:hover+ul ul::before{
    border-color:  #94a0b4;
}

/**
 * ALERTA
 */

.alert-fixed {
    position: fixed;
    right: 0px;
    width: 250px;
    z-index: 999;
}


/**
   Material design Colors
 */

/**  reds **/
.md_red_50{ background-color: #FFEBEE; color: black;}
.md_red_100{ background-color: #FFCDD2; color: black;}
.md_red_200{ background-color: #EF9A9A; color: black;}
.md_red_300{ background-color: #E57373; color: black;}
.md_red_400{ background-color: #EF5350; color: #f5f5f5;}
.md_red_500{ background-color: #F44336; color: #f5f5f5;}
.md_red_600{ background-color: #E53935; color: #f5f5f5;}
.md_red_700{ background-color: #D32F2F; color: #f5f5f5;}
.md_red_800{ background-color: #C62828; color: #f5f5f5;}
.md_red_900{ background-color: #B71C1C; color: #f5f5f5;}
.md_red_A100{ background-color: #FF8A80; color: black;}
.md_red_A200{ background-color: #FF5252; color: black;}
.md_red_A400{ background-color: #FF1744; color: #f5f5f5;}
.md_red_A700{ background-color: #D50000; color: #f5f5f5;}

/**   pinks  **/
.md_pink_50{ background-color: #FCE4EC; color: black;}
.md_pink_100{ background-color: #F8BBD0; color: black;}
.md_pink_200{ background-color: #F48FB1; color: black;}
.md_pink_300{ background-color: #F06292; color: black;}
.md_pink_400{ background-color: #EC407A; color: #f5f5f5;}
.md_pink_500{ background-color: #E91E63; color: #f5f5f5;}
.md_pink_600{ background-color: #D81B60; color: #f5f5f5;}
.md_pink_700{ background-color: #C2185B; color: #f5f5f5;}
.md_pink_800{ background-color: #AD1457; color: #f5f5f5;}
.md_pink_900{ background-color: #880E4F; color: #f5f5f5;}
.md_pink_A100{ background-color: #FF80AB; color: black;}
.md_pink_A200{ background-color: #FF4081; color: black;}
.md_pink_A400{ background-color: #F50057; color: #f5f5f5;}
.md_pink_A700{ background-color: #C51162; color: #f5f5f5;}

/**   purples  **/
.md_purple_50{ background-color: #F3E5F5; color: black;}
.md_purple_100{ background-color: #E1BEE7; color: black;}
.md_purple_200{ background-color: #CE93D8; color: black;}
.md_purple_300{ background-color: #BA68C8; color: black;}
.md_purple_400{ background-color: #AB47BC; color: #f5f5f5;}
.md_purple_500{ background-color: #9C27B0; color: #f5f5f5}
.md_purple_600{ background-color: #8E24AA; color: #f5f5f5}
.md_purple_700{ background-color: #7B1FA2; color: #f5f5f5}
.md_purple_800{ background-color: #6A1B9A; color: #f5f5f5}
.md_purple_900{ background-color: #4A148C; color: #f5f5f5}
.md_purple_A100{ background-color: #EA80FC; color: black;}
.md_purple_A200{ background-color: #E040FB; color: #f5f5f5;}
.md_purple_A400{ background-color: #D500F9; color: #f5f5f5;}
.md_purple_A700{ background-color: #AA00FF; color: #f5f5f5;}

/**   deep purples  **/
.md_deep_purple_50{ background-color: #EDE7F6; color: black;}
.md_deep_purple_100{ background-color: #D1C4E9; color: black;}
.md_deep_purple_200{ background-color: #B39DDB; color: black;}
.md_deep_purple_300{ background-color: #9575CD; color: #f5f5f5;}
.md_deep_purple_400{ background-color: #7E57C2; color: #f5f5f5;}
.md_deep_purple_500{ background-color: #673AB7; color: #f5f5f5;}
.md_deep_purple_600{ background-color: #5E35B1; color: #f5f5f5;}
.md_deep_purple_700{ background-color: #512DA8; color: #f5f5f5;}
.md_deep_purple_800{ background-color: #4527A0; color: #f5f5f5;}
.md_deep_purple_900{ background-color: #311B92; color: #f5f5f5;}
.md_deep_purple_A100{ background-color: #B388FF; color: black;}
.md_deep_purple_A200{ background-color: #7C4DFF; color: #f5f5f5;}
.md_deep_purple_A400{ background-color: #651FFF; color: #f5f5f5;}
.md_deep_purple_A700{ background-color: #6200EA; color: #f5f5f5;}

/**   indigo  **/
.md_indigo_50{ background-color: #E8EAF6; color: black;}
.md_indigo_100{ background-color: #C5CAE9; color: black;}
.md_indigo_200{ background-color: #9FA8DA; color: black;}
.md_indigo_300{ background-color: #7986CB; color: #f5f5f5;}
.md_indigo_400{ background-color: #5C6BC0; color: #f5f5f5;}
.md_indigo_500{ background-color: #3F51B5; color: #f5f5f5;}
.md_indigo_600{ background-color: #3949AB; color: #f5f5f5;}
.md_indigo_700{ background-color: #303F9F; color: #f5f5f5;}
.md_indigo_800{ background-color: #283593; color: #f5f5f5;}
.md_indigo_900{ background-color: #1A237E; color: #f5f5f5;}
.md_indigo_A100{ background-color: #8C9EFF; color: black;}
.md_indigo_A200{ background-color: #536DFE; color: #f5f5f5;}
.md_indigo_A400{ background-color: #3D5AFE; color: #f5f5f5;}
.md_indigo_A700{ background-color: #304FFE; color: #f5f5f5;}

/**  blue **/
.md_blue_50{ background-color: #E3F2FD; color: black;}
.md_blue_100{ background-color: #BBDEFB; color: black;}
.md_blue_200{ background-color: #90CAF9; color: black;}
.md_blue_300{ background-color: #64B5F6; color: black;}
.md_blue_400{ background-color: #42A5F5; color: #f5f5f5;}
.md_blue_500{ background-color: #2196F3; color: #f5f5f5;}
.md_blue_600{ background-color: #1E88E5; color: #f5f5f5;}
.md_blue_700{ background-color: #1976D2; color: #f5f5f5;}
.md_blue_800{ background-color: #1565C0; color: #f5f5f5;}
.md_blue_900{ background-color: #0D47A1; color: #f5f5f5;}
.md_blue_A100{ background-color: #82B1FF; color: black;}
.md_blue_A200{ background-color: #448AFF; color: #f5f5f5;}
.md_blue_A400{ background-color: #2979FF; color: #f5f5f5;}
.md_blue_A700{ background-color: #2962FF; color: #f5f5f5;}

/**   light blue **/
.md_light_blue_50{ background-color: #E1F5FE; color: black;}
.md_light_blue_100{ background-color: #B3E5FC; color: black;}
.md_light_blue_200{ background-color: #81D4fA; color: black;}
.md_light_blue_300{ background-color: #4fC3F7; color: black;}
.md_light_blue_400{ background-color: #29B6FC; color: #f5f5f5;}
.md_light_blue_500{ background-color: #03A9F4; color: #f5f5f5;}
.md_light_blue_600{ background-color: #039BE5; color: #f5f5f5;}
.md_light_blue_700{ background-color: #0288D1; color: #f5f5f5;}
.md_light_blue_800{ background-color: #0277BD; color: #f5f5f5;}
.md_light_blue_900{ background-color: #01579B; color: #f5f5f5;}
.md_light_blue_A100{ background-color: #80D8FF; color: black;}
.md_light_blue_A200{ background-color: #40C4FF; color: black;}
.md_light_blue_A400{ background-color: #00B0FF; color: black;}
.md_light_blue_A700{ background-color: #0091EA; color: #f5f5f5;}

/**   cyan  **/
.md_cyan_50{ background-color: #E0F7FA; color: black;}
.md_cyan_100{ background-color: #B2EBF2; color: black;}
.md_cyan_200{ background-color: #80DEEA; color: black;}
.md_cyan_300{ background-color: #4DD0E1; color: black;}
.md_cyan_400{ background-color: #26C6DA; color: black;}
.md_cyan_500{ background-color: #00BCD4; color: black;}
.md_cyan_600{ background-color: #00ACC1; color: black;}
.md_cyan_700{ background-color: #0097A7; color: black;}
.md_cyan_800{ background-color: #00838F; color: #f5f5f5;}
.md_cyan_900{ background-color: #006064; color: #f5f5f5;}
.md_cyan_A100{ background-color: #84FFFF; color: black;}
.md_cyan_A200{ background-color: #18FFFF; color: black;}
.md_cyan_A400{ background-color: #00E5FF; color: black;}
.md_cyan_A700{ background-color: #00B8D4; color: black;}

/**   teal  **/
.md_teal_50{ background-color: #E0F2F1; color: black;}
.md_teal_100{ background-color: #B2DFDB; color: black;}
.md_teal_200{ background-color: #80CBC4; color: black;}
.md_teal_300{ background-color: #4DB6AC; color: black;}
.md_teal_400{ background-color: #26A69A; color: #f5f5f5;}
.md_teal_500{ background-color: #009688; color: #f5f5f5;}
.md_teal_600{ background-color: #00897B; color: #f5f5f5;}
.md_teal_700{ background-color: #00796B; color: #f5f5f5;}
.md_teal_800{ background-color: #00695C; color: #f5f5f5;}
.md_teal_900{ background-color: #004D40; color: #f5f5f5;}
.md_teal_A100{ background-color: #A7FFEB; color: black;}
.md_teal_A200{ background-color: #64FFDA; color: black;}
.md_teal_A400{ background-color: #1DE9B6; color: black;}
.md_teal_A700{ background-color: #00BFA5; color: black;}

/**   green  **/
.md_green_50{ background-color: #E8F5E9; color: black;}
.md_green_100{ background-color: #C8E6C9; color: black;}
.md_green_200{ background-color: #A5D6A7; color: black;}
.md_green_300{ background-color: #81C784; color: black;}
.md_green_400{ background-color: #66BB6A; color: black;}
.md_green_500{ background-color: #4CAF50; color: #f5f5f5;}
.md_green_600{ background-color: #43A047; color: #f5f5f5;}
.md_green_700{ background-color: #388E3C; color: #f5f5f5;}
.md_green_800{ background-color: #2E7D32; color: #f5f5f5;}
.md_green_900{ background-color: #1B5E20; color: #f5f5f5;}
.md_green_A100{ background-color: #B9F6CA; color: black;}
.md_green_A200{ background-color: #69F0AE; color: black;}
.md_green_A400{ background-color: #00E676; color: black;}
.md_green_A700{ background-color: #00C853; color: black;}

/**  light green **/
.md_light_green_50{ background-color: #F1F8E9; color: black;}
.md_light_green_100{ background-color: #DCEDC8; color: black;}
.md_light_green_200{ background-color: #C5E1A5; color: black;}
.md_light_green_300{ background-color: #AED581; color: black;}
.md_light_green_400{ background-color: #9CCC65; color: #f5f5f5;}
.md_light_green_500{ background-color: #8BC34A; color: black;}
.md_light_green_600{ background-color: #7CB342; color: black;}
.md_light_green_700{ background-color: #689F38; color: #f5f5f5;}
.md_light_green_800{ background-color: #558B2F; color: #f5f5f5;}
.md_light_green_900{ background-color: #33691E; color: #f5f5f5;}
.md_light_green_A100{ background-color: #CCFF90; color: black;}
.md_light_green_A200{ background-color: #B2FF59; color: black;}
.md_light_green_A400{ background-color: #76FF03; color: black;}
.md_light_green_A700{ background-color: #64DD17; color: black;}

/**   lime **/
.md_lime_50{ background-color: #F9FBE7; color: black;}
.md_lime_100{ background-color: #F0F4C3; color: black;}
.md_lime_200{ background-color: #E6EE9C; color: black;}
.md_lime_300{ background-color: #DCE775; color: black;}
.md_lime_400{ background-color: #D4E157; color: black;}
.md_lime_500{ background-color: #CDDC39; color: black}
.md_lime_600{ background-color: #C0CA33; color: black}
.md_lime_700{ background-color: #A4B42B; color: black}
.md_lime_800{ background-color: #9E9D24; color: #f5f5f5}
.md_lime_900{ background-color: #827717; color: #f5f5f5}
.md_lime_A100{ background-color: #F4FF81; color: black;}
.md_lime_A200{ background-color: #EEFF41; color: black;}
.md_lime_A400{ background-color: #C6FF00; color: black;}
.md_lime_A700{ background-color: #AEEA00; color: black;}

/**  yellow  **/
.md_yellow_50{ background-color: #FFFDE7; color: black;}
.md_yellow_100{ background-color: #FFF9C4; color: black;}
.md_yellow_200{ background-color: #FFF590; color: black;}
.md_yellow_300{ background-color: #FFF176; color: black;}
.md_yellow_400{ background-color: #FFEE58; color: black;}
.md_yellow_500{ background-color: #FFEB3B; color: black}
.md_yellow_600{ background-color: #FDD835; color: black}
.md_yellow_700{ background-color: #FBC02D; color: black}
.md_yellow_800{ background-color: #F9A825; color: black}
.md_yellow_900{ background-color: #F57F17; color: #f5f5f5}
.md_yellow_A100{ background-color: #FFFF82; color: black;}
.md_yellow_A200{ background-color: #FFFF00; color: black;}
.md_yellow_A400{ background-color: #FFEA00; color: black;}
.md_yellow_A700{ background-color: #FFD600; color: black;}

/**  amber **/
.md_amber_50{ background-color: #FFF8E1; color: black;}
.md_amber_100{ background-color: #FFECB3; color: black;}
.md_amber_200{ background-color: #FFE082; color: black;}
.md_amber_300{ background-color: #FFD54F; color: black;}
.md_amber_400{ background-color: #FFCA28; color: black;}
.md_amber_500{ background-color: #FFC107; color: black;}
.md_amber_600{ background-color: #FFB300; color: black;}
.md_amber_700{ background-color: #FFA000; color: black;}
.md_amber_800{ background-color: #FF8F00; color: #f5f5f5;}
.md_amber_900{ background-color: #FF6F00; color: #f5f5f5;}
.md_amber_A100{ background-color: #FFE57F; color: black;}
.md_amber_A200{ background-color: #FFD740; color: black;}
.md_amber_A400{ background-color: #FFC400; color: black;}
.md_amber_A700{ background-color: #FFAB00; color: #f5f5f5;}

/**  orange **/
.md_orange_50{ background-color: #FFF3E0; color: black;}
.md_orange_100{ background-color: #FFE0B2; color: black;}
.md_orange_200{ background-color: #FFCC80; color: black;}
.md_orange_300{ background-color: #FFB74D; color: black;}
.md_orange_400{ background-color: #FFA726; color: #f5f5f5;}
.md_orange_500{ background-color: #FF9800; color: black;}
.md_orange_600{ background-color: #FB8C00; color: black;}
.md_orange_700{ background-color: #F57C00; color: #f5f5f5;}
.md_orange_800{ background-color: #EF6C00; color: #f5f5f5;}
.md_orange_900{ background-color: #E65100; color: #f5f5f5;}
.md_orange_A100{ background-color: #FFD180; color: black;}
.md_orange_A200{ background-color: #FFAB40; color: black;}
.md_orange_A400{ background-color: #FF9100; color: black;}
.md_orange_A700{ background-color: #FF6D00; color: #f5f5f5;}

/**  deep orange **/
.md_deep_orange_50{ background-color: #FBE9A7; color: black;}
.md_deep_orange_100{ background-color: #FFCCBC; color: black;}
.md_deep_orange_200{ background-color: #FFAB91; color: black;}
.md_deep_orange_300{ background-color: #FF8A65; color: black;}
.md_deep_orange_400{ background-color: #FF7043; color: black;}
.md_deep_orange_500{ background-color: #FF5722; color: #f5f5f5}
.md_deep_orange_600{ background-color: #F4511E; color: #f5f5f5}
.md_deep_orange_700{ background-color: #E64A19; color: #f5f5f5}
.md_deep_orange_800{ background-color: #D84315; color: #f5f5f5}
.md_deep_orange_900{ background-color: #BF360C; color: #f5f5f5}
.md_deep_orange_A100{ background-color: #FF9E80; color: black;}
.md_deep_orange_A200{ background-color: #FF6E40; color: black;}
.md_deep_orange_A400{ background-color: #FF3D00; color: #f5f5f5;}
.md_deep_orange_A700{ background-color: #DD2600; color: #f5f5f5;}

/**  brown  **/
.md_brown_50{ background-color: #EFEBE9; color: black;}
.md_brown_100{ background-color: #D7CCC8; color: black;}
.md_brown_200{ background-color: #BCAAA4; color: black;}
.md_brown_300{ background-color: #A1887F; color: black;}
.md_brown_400{ background-color: #8D6E63; color: #f5f5f5;}
.md_brown_500{ background-color: #795548; color: #f5f5f5;}
.md_brown_600{ background-color: #6D4C41; color: #f5f5f5;}
.md_brown_700{ background-color: #5D4037; color: #f5f5f5;}
.md_brown_800{ background-color: #4E342E; color: #f5f5f5;}
.md_brown_900{ background-color: #3E2723; color: #f5f5f5;}

/**  grey **/
.md_grey_50{ background-color: #FAFAFA; color: black;}
.md_grey_100{ background-color: #F5F5F5; color: black;}
.md_grey_200{ background-color: #EEEEEE; color: black;}
.md_grey_300{ background-color: #E0E0E0; color: black;}
.md_grey_400{ background-color: #BDBDBD; color: black;}
.md_grey_500{ background-color: #9E9E9E; color: black;}
.md_grey_600{ background-color: #757575; color: #f5f5f5;}
.md_grey_700{ background-color: #616161; color: #f5f5f5;}
.md_grey_800{ background-color: #424242; color: #f5f5f5;}
.md_grey_900{ background-color: #212121; color: #f5f5f5;}
.md_black_1000{ background-color: #000000; color: #f5f5f5;}
.md_white_1000{ background-color: #ffffff; color: black;}

/**  blue grey **/
.md_blue_grey_50{ background-color: #ECEFF1; color: black;}
.md_blue_grey_100{ background-color: #CFD8DC; color: black;}
.md_blue_grey_200{ background-color: #B0BBC5; color: black;}
.md_blue_grey_300{ background-color: #90A4AE; color: black;}
.md_blue_grey_400{ background-color: #78909C; color: black;}
.md_blue_grey_500{ background-color: #607D8B; color: #f5f5f5}
.md_blue_grey_600{ background-color: #546E7A; color: #f5f5f5}
.md_blue_grey_700{ background-color: #455A64; color: #f5f5f5}
.md_blue_grey_800{ background-color: #37474F; color: #f5f5f5}
.md_blue_grey_900{ background-color: #263238; color: #f5f5f5}

@media screen and (max-width: 1314px)  {
    .ua-boxes-row {
        width: 87%;
        display: inline-table;
    }
    #logo_gold {
        width: auto;
    }
    .header-margin-bottom {
        margin-bottom: 80px;
    }
}

@media screen and (max-width: 1121px)  {
    .ua-boxes-row {
        width: 80%;
        display: inline-table;
    }
    #logo_gold {
        width: 200px;
    }
    /*  Menú de navegación */
    .navbar-fixed-top {
        position: static !important;
        right: auto !important;
        left: auto !important;
    }
    .navbar-app {
        top: auto !important;
        padding-left: auto !important;
        padding-right: auto !important;
        background-color: rgba(0,0,0,0) !important;
        z-index: auto !important;
        -webkit-box-shadow: inset 0px 0px 0px #000;
        -moz-box-shadow: inset 0px 0px 0px #000;
        box-shadow: inset 0px 0px 0px #000;
    }

    [ng-app=scheduleGenerator] > div:not(.navbar-app) {
        margin-top: auto;
    }

    #collapse-navigation {
        display: none;
    }
}

@media screen and (max-width: 750px)  {
    .ua-boxes-row {
        width: 70%;
        display: inline-table;
    }
    h2.responsive {
        font-size: 1.5em;
    }
}

@media screen and (max-width: 520px)  {
    .ua-boxes-row {
        width: 110%;
        display: inline-table;
    }
    .title-section {
        font-size: 2em;
    }
    .title-section + h3 {
        font-size: 1.5em;
    }
    #logo_gold {
        width: 100px;
    }
    .title-app {
        display: none;
    }

    h2.responsive {
        font-size: 1.4em;
    }

    .header-margin-bottom {
        margin-bottom: 0px;
    }

}