html {
    height: 100%;
    background-color: rgb(121, 144, 134);
    /*min-width:350px;*/
    overflow-x:hidden;
}

body{
    background-color:transparent;
    font-size:16px;
    overflow-x:hidden;
}

.wrapper{
    background-color:rgb(250, 250, 249);
}
.form-control{
    /*margin-bottom:4px !important;*/
}

img {
       -ms-interpolation-mode: bicubic;
}

.center{
    text-align:center;
}

a:hover, a:focus {
    text-decoration: none;
}

.nowrap {
  white-space: nowrap ;
}

footer {
    background-color: rgb(121, 144, 134);
    padding: 15px 0px;
    background: #799086;
    color: #e0ddc5;
}
.itemHeader{
    margin-top:10px;
    text-decoration: underline;
}

.feature-box {
    background-color: #ecf0f5;
    border-radius: 6px;
    padding: 14px;
    position: relative;
    text-align: center;
}

    .list-group-item .row{
        margin:5px 0px 7px 0px; 
    }


    .navbar-brand a{
        /*color: #9d9d9d !important;*/
        font-weight:100;
        color: #fefefe;
    }
    .navbar-brand a:hover{
        /*color: #fff !important;*/
        font-weight:100;
        color: #ffffff;
    }

    .navbar-inverse .navbar-brand {
        color: #fefefe;
    }

    .navbar-inverse .navbar-brand:hover {
        color: #ffffff;
    }

    .navbar-inverse .navbar-nav > li > a {
        color: #fefefe;
    }

    .navbar-inverse .navbar-nav > li > a:hover {
        color: #ffffff;
    }

.agentIndicator {
    background-color: #fcffb8;
    color: black;
    padding: 2px 40px 2px 20px;
    border-bottom: 2px solid black;
}
        .agentIndicator p {
            text-align: right;
            margin: 0px;
            font-size: 11px;
        }

hr {
    margin: 10px 0px;
}

.orderInfo{
    margin-bottom:20px;
}

.navbar {
    margin-bottom:0px;
    border-radius:0px;
}

.licensePrice{
    margin-left: 25px;
    font-weight:normal;
}
.licenseTitle{
    font-weight:normal;
}

     .error{
        color: #fff;
        border-color: #AF4353;
        padding: 15px 15px 10px 15px;
        background-color: #B94A48;
        text-shadow: 0 1px 0 rgba(51, 51, 51, 0.5);
        color: #FFF;
        border-radius: 5px;
        margin-bottom: 15px;
    }
    .error p{
        /*font-style: italic;
        font-size:.9em;*/
    }
    .control-error{
        border-color: #a94442;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        background-color:#F9F0F0;
    }
    .control-error:focus {
        border-color: #843534;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
        background-color:#f2dede;
    }

    .control-warning{
        border-color: #F8EDB5;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        background-color: #fcf8e3;
    }
    .control-warning:focus {
        border-color: #F4E186;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
        background-color: #fcf8e3;
    }

    .control-info{
        border-color: #5093CE;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        background-color:#d9edf7;
    }

    .control-info:focus {
        border-color: #337ab7;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #2b669a;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #2b669a;
        background-color:#d9edf7;
    }

   .list-group-item:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }

    hr{
        border-top:1px solid #ccc;
    }
    .customerDOB{
	    margin-left: 5px;
	    font-size: .8em;
    }

    .customerEditLink{
        font-size: .8em; margin-left: 20px;
    }

    .customerEditA{
        margin: 10px 0px 0px 0px
    }
    .customerEditB{
        margin: 10px 0px 0px 30px
    }

    .residentAddress{
        margin: 5px 0px 0px 0px;
    }

    .itemsList{
        padding: 10px 20px 0px 25px
    }

    .list-group-item.active a{
        color:#fff;
    }
    /* GRID ITEM NEW CSS */

        input[type="checkbox"]:checked + label {
            color: #000 !important;
            border-radius: 5px;
         }

         input[type="checkbox"] + label .actionAdd{
           display:block;
         }
         input[type="checkbox"] + label .actionRemove{
           display:none;
         }

        input[type="checkbox"]:checked + label .actionAdd{
            display:none;
         }
        input[type="checkbox"]:checked + label .actionRemove{
            display:block;
         }

        input[type="checkbox"] + label .stateSelect{
           display:block;
         }

         input[type="checkbox"] + label .stateChecked{
           display:none;
         }

        input[type="checkbox"]:checked + label .stateSelect{
            display:none;
         }
        input[type="checkbox"]:checked + label .stateChecked{
            display:block;
         }
        .list-group-item:last-child {
            margin-bottom: 10px;
        }
        ul {
            padding-left:15px;
        }​
    /*---Header---*/
    .itemHead{
        font-size: 1.0em;
        line-height: 1.2em;
       /*padding:10px 10px;
        border-bottom: 1px solid rgba(0,0,0,0.4);
        text-shadow: 0 -1px 0 #286090;
        background-image: -webkit-linear-gradient(top, #337ab7 0%, #2b669a 100%);
        background-image: -o-linear-gradient(top, #337ab7 0%, #2b669a 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2b669a));
        background-image: linear-gradient(to bottom, #337ab7 0%, #2b669a 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0);
        background-repeat: repeat-x;
        border-color: #2b669a;
        border-top-right-radius:5px;
        border-top-left-radius:5px;
        color:#fff;*/
    }

    input[type="checkbox"]:checked + label .itemHead{
            /*font-size: 1.0em;
            line-height: 1.2em;
            padding:10px 10px;
            border-bottom: 1px solid rgba(0,0,0,0.4);
            text-shadow: 0 -1px 0 #000;
            background-image: -webkit-linear-gradient(top, #000000%, #3D3D3D 100%);
            background-image: -o-linear-gradient(top, #000000 0%, #3D3D3D 100%);
            background-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#3D3D3D));
            background-image: linear-gradient(to bottom, #000000 0%, #3D3D3D 100%);
            border-color: #000000;
            border-top-right-radius:5px;
            border-top-left-radius:5px;
            color:#fff;*/
        }

    .itemHead .itemState, .itemHead .itemTitle, .itemHead .itemMoreInfo{
    }
    .itemState{
        width:25px;
        float:left;
        margin-top:3px;
    }
    .itemTitle{
        margin-left:25px;
    }
    .itemMoreInfo{
        width:25px;
        float:right;
        margin-top: 3px;
    }
    .itemMoreInfo a{
        color:#fff;
    }
    /*---Description---*/
    .itemDesc{
        padding:10px;
        border-bottom:1px solid #ccc;
    }
    /*---Footer---*/
    .itemFooter{
        text-align:left;
        margin-top:10px;
    }
    .itemFooter .itemAction{
        padding:0px 10px 5px 10px;
    }
    .itemFooter .itemPrice{
        display:inline;
        padding:0px 10px 5px 10px;
    }
    .itemAction{
        padding-right:65px;
        margin-top:10px;
    }
    .itemPrice{
        font-size:1em;
        margin-right:10px;
        width:55px;
        float:right;
        text-align:right;
        /*margin-top:-5px;*/
    }

    label{
        margin-bottom:0px;
    }

    /* /GRID ITEM NEW CSS */

.gridItem{
   /*max-width:400px;*/
    line-height:1.0em !important;
}

.rightSide{
    border:1px solid #ccc;
    padding: 0px 5px 10px 10px;
}



.licenseView label{
    width:100%;
}









 /* Extra small devices (phones, less than 768px) */
        @media (max-width: 768px) {
            h3{font-size:21px;}

            h2{
                font-size:24px;
            }

        }
        /* Small devices (tablets, 768px and up) */
        @media (max-width: 768px) {

        }

        /* Medium devices (desktops, 992px and up) */
        @media (max-width: 992px) {

        }

        /* Large devices (large desktops, 1200px and up) */
        @media (max-width: 1200px) {

        }


@media print {

        .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
          float: left;
        }
        .col-sm-12 {
          width: 100%;
        }
        .col-sm-11 {
          width: 91.66666666666666%;
        }
        .col-sm-10 {
          width: 83.33333333333334%;
        }
        .col-sm-9 {
          width: 75%;
        }
        .col-sm-8 {
          width: 66.66666666666666%;
        }
        .col-sm-7 {
          width: 58.333333333333336%;
        }
        .col-sm-6 {
          width: 50%;
        }
        .col-sm-5 {
          width: 41.66666666666667%;
        }
        .col-sm-4 {
          width: 33.33333333333333%;
         }
         .col-sm-3 {
           width: 25%;
         }
         .col-sm-2 {
           width: 16.666666666666664%;
         }
         .col-sm-1 {
          width: 8.333333333333332%;
         }

         body {
            font-size: 13px;
        }

         a[href]:after {
            content:none;
          }
}



#MainContent_CheckBoxAllHunt, #MainContent_CheckBoxMobile,
#MainContent_CheckBoxAllHunt1, #MainContent_CheckBoxMobile1, #MainContent_CheckBoxBoat1,
#MainContent_CheckBoxAllHunt2, #MainContent_CheckBoxMobile2, #MainContent_CheckBoxBoat2,
#MainContent_CheckBoxAllHunt3, #MainContent_CheckBoxMobile3, #MainContent_CheckBoxBoat3,
#MainContent_CheckBoxAllHunt4, #MainContent_CheckBoxMobile4, #MainContent_CheckBoxBoat4,
#MainContent_CheckBoxAllHunt5, #MainContent_CheckBoxMobile5, #MainContent_CheckBoxBoat5 {
    margin-top: -2px;
}

#MainContent_DropDownListCard, #MainContent_DropDownListYear, #MainContent_DropDownListMonth {
    width: 100%
}

.Lbl {
    font-weight: bold;
}

.yellowAlert {
    background-color: #FEF0A9;
    padding: 8px 15px;
    border: 2px dashed #FDC15B;
    margin-bottom: 10px;
    border-radius: 12px;
}

h4 small {
    font-size: 14px;
    color: #da4f49;
}

.alert {
    /*text-shadow: 0 1px 1px rgba(0,0,0,0.9) !important;*/
}

.wellish {
    min-height: 20px;
    padding: 0px 0px 20px 0px;
    margin-bottom: 20px;
    /*background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);*/
}

h2 {
    margin-top: 15px;
    margin-bottom: 0px;
}

h3 {
    margin-top: 10px;
}

a.btn i.icon-pencil, a.btn i.icon-plus {
    color: #fff !important;
}

hr {
    margin: 5px 0px 15px 0px;
}

.ajax__validatorcallout_popup_table_row {
    display: none;
}

.filler {
    margin-bottom: 15px !important;
}

.options {
    margin-bottom: 0px;
}

.alert-success {
    margin-top: 10px;
}

.options-icon, .options-desc {
    display: inline;
}

.options-icon {
    width: 80px;
}

.options-desc {
    position: relative;
    bottom: 36px;
}

.options h3 {
    margin-bottom: 2px;
    padding-left: 38px;
}

.options .options-icon i {
    font-size: 29px;
    position: relative;
    top: 5px;
    left: 0px;
    color: #27ae60;
    margin: 0px 10px 0px 0px;
}

.options .desc {
    overflow: hidden;
}

.options p {
    margin-left: 0px;
    padding-right: 10px;
}

.alert-error {
    margin-top: 10px;
}

    .alert-error h3 {
        color: #FFF;
        text-shadow: 1px 1px 1px #000;
    }

.test-btn:before {
    font-family: "FontAwesome";
    content: "\f007";
}

.options p.options-link a {
    text-align: center;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    transition: background 1s ease-out;
    background: #e67e22;
    background: -webkit-linear-gradient(orange 40%, #e67e22);
    background: -moz-linear-gradient(orange 40%, #e67e22);
    background: -o-linear-gradient(orange 40%, #e67e22);
    background: -ms-linear-gradient(orange 40%, #e67e22);
    color: #FFF !important;
    text-decoration: none;
    font-family: 'source_sans_probold';
    font-size: 20px;
    display: block;
    box-sizing: border-box;
}

.options p.options-link:hover a {
    transition: background 1s ease-in;
    background: #e67e22;
    background: -webkit-linear-gradient(orange 15%, #e67e22);
    background: -moz-linear-gradient(orange 15%, #e67e22);
    background: -o-linear-gradient(orange 15%, #e67e22);
    background: -ms-linear-gradient(orange 15%, #e67e22);
}


.control-create {
    padding-top: 10px;
}

.well .controls-dob select {
    width: 32%;
}

.control-group {
    display: inline-block;
}

.control-5 {
    width: 4%;
}

.control-10 {
    width: 9%;
}

.control-15 {
    width: 14%;
}

.control-20 {
    width: 19%;
}

.control-25 {
    width: 24%;
}

.control-30 {
    width: 29%;
}

.control-35 {
    width: 34%;
}

.control-40 {
    width: 39%;
}

.control-45 {
    width: 44%;
}

.control-50 {
    width: 49%;
}

.control-55 {
    width: 54%;
}

.control-60 {
    width: 59%;
}

.control-70 {
    width: 69%;
}

.control-75 {
    width: 74%;
}

.control-80 {
    width: 79%;
}

.control-85 {
    width: 84%;
}

.control-90 {
    width: 89%;
}

.control-100 {
    width: 99%;
}

.control-end {
    text-align: right;
}

.val-error::-webkit-input-placeholder {
    color: rgb(185, 74, 72) !important;
}

.val-error:-moz-placeholder { /* Firefox 18- */
    color: rgb(185, 74, 72) !important;
}

.val-error::-moz-placeholder { /* Firefox 19+ */
    color: rgb(185, 74, 72) !important;
}

.val-error:-ms-input-placeholder {
    color: rgb(185, 74, 72) !important;
}

.val-error {
    border-color: rgb(185, 74, 72) !important;
    color: rgb(185, 74, 72) !important;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 4px rgb(213, 147, 146) !important;
}

    .val-error:focus {
        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgb(213, 147, 146) !important;
        border-color: rgb(149, 59, 57) !important;
    }


.myProfileButton {
    margin: 8px 10px -10px 0px;
    font-size: 14px;
    color: #fff !important;
}

    .myProfileButton span {
        font-style: italic;
        font-size: 100%;
        font-family: 'Times New Roman';
        text-shadow: 1px 1px 1px rgba(1, 126, 188, 0.85);
        font-weight: 300;
        font-size: 15px;
    }

    .myProfileButton a:hover {
        text-decoration: none;
        color: #fff;
    }

.panel-license .table tbody tr td:last-of-type i {
    padding-right: 4px;
}

.panel-license .table tbody tr td {
}

.table hr {
    margin: 3px 0px;
}

.table-hover tbody tr.success:hover > td {
    background-color: #51A351;
}

.alert-harvest {
    background-color: rgb(0, 84, 157);
    border-color: transparent;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.75);
}

    .alert-harvest h4 {
        color: #FFF;
        text-shadow: 1px 1px 1px #000;
    }

.alert-newuser {
    background-color: #e67e22;
    border-color: transparent;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.75);
}

    .alert-newuser h4 {
        color: #FFF;
        text-shadow: 1px 1px 1px #000;
    }

a:hover .alert-newuser {
    background-color: #f39c12;
}

.table-blank tbody tr td {
    min-width: 100px;
}

.table-blank tr td p {
    padding: 4px;
    background-color: lightgray;
    margin-bottom: 0px;
    margin-top: 4px;
}

.table-blank tr td:first-child p {
    margin-top: 0px;
    padding: 7px;
    background-color: silver;
    margin-bottom: 0px;
}

.myOptions {
    color: #017EBC;
    font-size: 15.5px;
    margin-bottom: 0px;
    border-bottom: 1px solid #DDD;
    padding: 5px;
}

    .myOptions i {
        font-size: 23px;
    }

    .myOptions:hover {
        cursor: pointer;
    }

.MoreOptions {
    border: 1px solid #DDD;
    margin-bottom: 10px;
    box-sizing: border-box;
    border-top: none;
    width: 100%;
}

    .MoreOptions .unstyled {
        padding: 5px;
        margin-bottom: 0px;
    }

        .MoreOptions .unstyled li {
            padding: 3px 0px 3px 3px;
        }

.control-group {
    margin-bottom: 0px;
}

.options {
    margin-bottom: 5px;
}

    .options a {
        text-decoration: none;
    }

.alert {
    margin-bottom: 15px;
}

    .alert h4 {
        /*color: #999999;*/
        text-shadow: none;
        font-size: 21px;
        margin: 5px 0px;
    }

    .alert p {
        /*color: #AAAAAA;*/
        margin-bottom: 0px;
    }

.options a:hover .alert-success {
    background-color: rgb(208, 233, 198);
}

.options a .option {
    -webkit-transition: background .5s ease-in-out;
    -moz-transition: background .5s ease-in-out;
    -ms-transition: background .5s ease-in-out;
    -o-transition: background .5s ease-in-out;
    transition: background .5s ease-in-out;
}

.alert-license {
    background: #e67e22;
    background: -webkit-linear-gradient(orange 55%, #e67e22);
    background: -moz-linear-gradient(orange 55%, #e67e22);
    background: -o-linear-gradient(orange 55% #e67e22);
    background: -ms-linear-gradient(orange 55%, #e67e22);
    background: linear-gradient(orange 55%, #e67e22);
    border: 1px solid #111;
}

    .alert-license h4 {
        color: #FFF;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.65);
    }

    .alert-license p {
        color: #FFF;
    }


.alert-telecheck {
    background: #333;
    background: -webkit-linear-gradient(#707070 55%, #333);
    background: -moz-linear-gradient(#707070 55%, #333);
    background: -o-linear-gradient(#707070 55% #333);
    background: -ms-linear-gradient(#707070 55%, #333);
    background: linear-gradient(#707070 55%, #333);
    border: 1px solid #111;
}


    .alert-telecheck h4 {
        color: #EEE;
        text-shadow: 1px 1px 1px #000;
    }

    .alert-telecheck p {
        color: #EEE;
    }

/******************************/
.alert-elk_draw_results {
    background-color: #2980b9;
    background: -webkit-linear-gradient(#479DD7 55%, #2980b9);
    background: -moz-linear-gradient(#479DD7 55%, #2980b9);
    background: -o-linear-gradient(#479DD7 55% #2980b9);
    background: -ms-linear-gradient(#479DD7 55%, #2980b9);
    background: linear-gradient(#479DD7 55%, #2980b9);
    border: 1px solid #111;
}

    .alert-elk_draw_results h4 {
        color: #EEE;
        text-shadow: 1px 1px 1px #000;
    }

    .alert-elk_draw_results p {
        color: #EEE;
    }

/******************************/
.alert-contact_info_update {
    background-color: #808080;
    border-color: #111;
}

    .alert-contact_info_update h4 {
        color: #EEE;
        text-shadow: 1px 1px 1px #000;
    }

    .alert-contact_info_update p {
        color: #EEE;
    }

a:hover .alert-contact_info_update {
    background-color: #808080;
}


    .panel .panel-body .btn:hover {
        transition: background 1s ease-in;
    }

.btn-license {
    background: #e67e22;
    background: -webkit-linear-gradient(orange 40%, #e67e22);
    background: -moz-linear-gradient(orange 40%, #e67e22);
    background: -o-linear-gradient(orange 40%, #e67e22);
    background: -ms-linear-gradient(orange 40%, #e67e22);
    color: #FFF !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.65);
    border: 1px solid #e67e22;
}

    .btn-license:hover {
        background: #e67e22;
        background: -webkit-linear-gradient(orange 15%, #e67e22);
        background: -moz-linear-gradient(orange 15%, #e67e22);
        background: -o-linear-gradient(orange 15%, #e67e22);
        background: -ms-linear-gradient(orange 15%, #e67e22);
    }

.btn-license, .getStarted {
    display: inline;
    vertical-align: top;
    float: right;
}

.getStarted {
    position: relative;
    right: 10px;
    top: 7px;
}

    .getStarted span {
        color: #2980b9;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.45);
        font-size: 30px;
        font-family: 'Rock Salt', cursive;
    }

.mobileStart {
    position: relative;
    padding-left: 20px;
    bottom: 5px;
    margin-bottom: 7px;
}

    .mobileStart span {
        color: #2980b9;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.45);
        font-size: 27px;
        font-family: 'Rock Salt', cursive;
    }

.btn-telecheck {
    color: #FFF !important;
}

    .btn-telecheck:hover {
    }

.btn-ELK, .btn-license, .btn-telecheck, .btn-quota {
    margin-top: 10px;
}

.panel .panel-body .points {
    width: 32%;
    display: inline-block;
}

    .panel .panel-body .points .points-count {
        padding-top: 20px;
    }

    .panel .panel-body .points .points-name {
    }

    .panel .panel-body .points .points-count p {
        text-align: center;
        font-size: 35px;
    }

    .panel .panel-body .points .points-name p {
        text-align: center;
    }

.btn-wrap {
    margin: 0px;
    clear: both;
}

.logout {
    float: right;
}



h4.intro {
    margin-bottom: 2px !important;
}








/*START OF MEDIA QUERIES*/
@media (max-width: 979px) {
    .well {
        margin-top: 20px;
    }

        .well .controls-dob select {
            width: 31.5%;
        }

    .panel .panel-body .p-slide {
        display: block;
        visibility: visible;
    }

    .panel-harvest .panel-body .collapse, .panel-points .panel-body .table-wrap, .panel-license .panel-body .collapse, .panel-angler .panel-body .table-wrap {
        overflow-y: hidden;
        overflow-x: scroll;
    }
}


@media (max-width: 767px) {
    .options h3 {
        font-size: 22px;
    }

    .options .options-icon i {
        left: 4px;
    }
}


@media (min-width: 768px) and (max-width: 979px) {
    .getStarted span {
        font-size: 22px;
    }

    .getStarted {
        top: 11px;
    }

    .container.myContainer {
        padding-right: 0px !important;
        padding-left: 0px !important;
        padding-bottom: 35px;
    }

        .container.myContainer .options {
            padding-right: 10px;
            padding-left: 10px;
        }

    .panel .panel-body {
        box-shadow: none;
        border: none;
        margin-bottom: 0px;
        border-radius: 0px;
    }

        .panel .panel-body .btn {
            width: 100%;
            padding-right: 0px;
            padding-left: 0px;
            box-sizing: border-box;
        }

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



@media (max-width: 480px) {
    .table-responsive {
        overflow-x: auto;
    }
}

.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
    background-color: #f9f9f9;
}

table td[class*="span"],
table th[class*="span"],
.row-fluid table td[class*="span"],
.row-fluid table th[class*="span"] {
    display: table-cell;
    float: none;
    margin-left: 0;
}

.table td.span1,
.table th.span1 {
    float: none;
    width: 44px;
    margin-left: 0;
}

.table td.span2,
.table th.span2 {
    float: none;
    width: 124px;
    margin-left: 0;
}

.table td.span3,
.table th.span3 {
    float: none;
    width: 204px;
    margin-left: 0;
}

.table td.span4,
.table th.span4 {
    float: none;
    width: 284px;
    margin-left: 0;
}

.table td.span5,
.table th.span5 {
    float: none;
    width: 364px;
    margin-left: 0;
}

.table td.span6,
.table th.span6 {
    float: none;
    width: 444px;
    margin-left: 0;
}

.table td.span7,
.table th.span7 {
    float: none;
    width: 524px;
    margin-left: 0;
}

.table td.span8,
.table th.span8 {
    float: none;
    width: 604px;
    margin-left: 0;
}

.table td.span9,
.table th.span9 {
    float: none;
    width: 684px;
    margin-left: 0;
}

.table td.span10,
.table th.span10 {
    float: none;
    width: 764px;
    margin-left: 0;
}

.table td.span11,
.table th.span11 {
    float: none;
    width: 844px;
    margin-left: 0;
}

.table td.span12,
.table th.span12 {
    float: none;
    width: 924px;
    margin-left: 0;
}

.table tbody tr.success > td {
    background-color: #dff0d8;
}

.table tbody tr.error > td {
    background-color: #f2dede;
}

.table tbody tr.warning > td {
    background-color: #fcf8e3;
}

.table tbody tr.info > td {
    background-color: #d9edf7;
}

.table-hover tbody tr.success:hover > td {
    background-color: #d0e9c6;
}

.table-hover tbody tr.error:hover > td {
    background-color: #ebcccc;
}

.table-hover tbody tr.warning:hover > td {
    background-color: #faf2cc;
}

.table-hover tbody tr.info:hover > td {
    background-color: #c4e3f3;
}

.table-condensed th,
.table-condensed td {
    padding: 4px 5px;
}

.table-bordered {
    border: 1px solid #dddddd;
    border-collapse: separate;
    *border-collapse: collapse;
    border-left: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .table-bordered th,
    .table-bordered td {
        border-left: 1px solid #dddddd;
    }

    .table-bordered caption + thead tr:first-child th,
    .table-bordered caption + tbody tr:first-child th,
    .table-bordered caption + tbody tr:first-child td,
    .table-bordered colgroup + thead tr:first-child th,
    .table-bordered colgroup + tbody tr:first-child th,
    .table-bordered colgroup + tbody tr:first-child td,
    .table-bordered thead:first-child tr:first-child th,
    .table-bordered tbody:first-child tr:first-child th,
    .table-bordered tbody:first-child tr:first-child td {
        border-top: 0;
    }

    .table-bordered thead:first-child tr:first-child > th:first-child,
    .table-bordered tbody:first-child tr:first-child > td:first-child,
    .table-bordered tbody:first-child tr:first-child > th:first-child {
        -webkit-border-top-left-radius: 4px;
        border-top-left-radius: 4px;
        -moz-border-radius-topleft: 4px;
    }

    .table-bordered thead:first-child tr:first-child > th:last-child,
    .table-bordered tbody:first-child tr:first-child > td:last-child,
    .table-bordered tbody:first-child tr:first-child > th:last-child {
        -webkit-border-top-right-radius: 4px;
        border-top-right-radius: 4px;
        -moz-border-radius-topright: 4px;
    }

    .table-bordered thead:last-child tr:last-child > th:first-child,
    .table-bordered tbody:last-child tr:last-child > td:first-child,
    .table-bordered tbody:last-child tr:last-child > th:first-child,
    .table-bordered tfoot:last-child tr:last-child > td:first-child,
    .table-bordered tfoot:last-child tr:last-child > th:first-child {
        -webkit-border-bottom-left-radius: 4px;
        border-bottom-left-radius: 4px;
        -moz-border-radius-bottomleft: 4px;
    }

    .table-bordered thead:last-child tr:last-child > th:last-child,
    .table-bordered tbody:last-child tr:last-child > td:last-child,
    .table-bordered tbody:last-child tr:last-child > th:last-child,
    .table-bordered tfoot:last-child tr:last-child > td:last-child,
    .table-bordered tfoot:last-child tr:last-child > th:last-child {
        -webkit-border-bottom-right-radius: 4px;
        border-bottom-right-radius: 4px;
        -moz-border-radius-bottomright: 4px;
    }

    .table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
        -webkit-border-bottom-left-radius: 0;
        border-bottom-left-radius: 0;
        -moz-border-radius-bottomleft: 0;
    }

    .table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
        -webkit-border-bottom-right-radius: 0;
        border-bottom-right-radius: 0;
        -moz-border-radius-bottomright: 0;
    }

    .table-bordered caption + thead tr:first-child th:first-child,
    .table-bordered caption + tbody tr:first-child td:first-child,
    .table-bordered colgroup + thead tr:first-child th:first-child,
    .table-bordered colgroup + tbody tr:first-child td:first-child {
        -webkit-border-top-left-radius: 4px;
        border-top-left-radius: 4px;
        -moz-border-radius-topleft: 4px;
    }

    .table-bordered caption + thead tr:first-child th:last-child,
    .table-bordered caption + tbody tr:first-child td:last-child,
    .table-bordered colgroup + thead tr:first-child th:last-child,
    .table-bordered colgroup + tbody tr:first-child td:last-child {
        -webkit-border-top-right-radius: 4px;
        border-top-right-radius: 4px;
        -moz-border-radius-topright: 4px;
    }

.table th {
    font-weight: bold;
}


/*Start John's CSS */
.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}

    .bs-callout h4 {
        margin-top: 0;
        margin-bottom: 5px;
    }

    .bs-callout p:last-child {
        margin-bottom: 0;
    }

    .bs-callout code {
        border-radius: 3px;
    }

    /* Tighten up space between multiple callouts */
    .bs-callout + .bs-callout {
        margin-top: -5px;
    }

/* Variations */
.bs-callout-danger {
    border-left-color: #ce4844;
}

    .bs-callout-danger h4, .bs-callout-danger h3 {
        color: #ce4844 !important;
    }

.bs-callout-success { 
    border-left-color: #3c763d;
}

    .bs-callout-success h4, .bs-callout-success h3 {
        color: #3c763d !important;
    }


.bs-callout-warning {
    border-left-color: #aa6708;
}

    .bs-callout-warning h4, .bs-callout-warning h3 {
        color: #aa6708 !important;
    }

.bs-callout-info {
    border-left-color: #1b809e;
} 

    .bs-callout-info h4, .bs-callout-info h3 {
        color: #1b809e !important;
    }

.bs-customizer .bs-callout h4 {
    margin-top: 0; /* lame, but due to specificity we have to duplicate */
    margin-bottom: 5px;
}

.break-out {
    width: 100vw;
    position: relative;
    left: calc(-1 * (100vw - 100%) /2);
}

.result-search label,
#SearchSiteResult,
#result-tab-links {
    display: none;
}

.result-search .input-group {
    width: 100%;
    max-width: 750px;
}