/* navbar */

@media (max-width: 767px) {
  .navbar-nav > li > a {
      padding-top: 15px;
      padding-bottom: 15px;
      line-height: 20px;
    }  
  .navbar-nav {
    margin: 0 !important;
  } 

  .navbar-collapse .navbar-nav {
      margin-left: -15px !important;
  }
}

@media (min-width: 768px) {
  .navbar-nav {
    margin-left: -15px !important;
  } 
}

.navbar-menu-button {
    margin-left:15px; 
    margin-right:0;
}

.navbar-dropdown-button {
    padding: 6px 15px;
}

/* cursor */

.cursor-default { cursor: default; }
.cursor-pointer { cursor: pointer; }
.cursor-not-allowed { cursor: not-allowed; }

/* text */

.text-bold { font-weight: bold; }
.text-italic { font-style: italic; }
.text-strikethrough { text-decoration: line-through; }

.text-10 { font-size: 10px; }
.text-12 { font-size: 12px; }
.text-14 { font-size: 14px; }
.text-16 { font-size: 16px; }

.text-red { color: #ff0000; }
.text-green { color: #00a651; }
.text-blue { color: #007bff; }
.text-black { color: #000000; }

.color-success { color: #5cb85c; }
.color-info { color: #5bc0de; }
.color-warning { color: #f0ad4e; }
.color-danger { color: #d9534f; }

.text-clip {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vertical-align-top { vertical-align: top; }
.vertical-align-middle { vertical-align: middle; }
.vertical-align-bottom { vertical-align: bottom; }

.border-none { border: none !important; }

/* labels */

.label-justified {
    width: 100% !important;
    display: inline-block !important
}

/* font awesome additions */

.fa-xl { font-size: 1.5em; }

.fa-disabled { opacity: 0.5; }

.fa-color-success { color:#5cb85c; }
.fa-color-info { color:#5bc0de; }
.fa-color-warning { color:#f0ad4e; }
.fa-color-danger { color:#d9534f; }

/* from https://codepen.io/elishaterada/pen/tGokD */

.fa-color-cc-visa { color: #0157a2 !important; }
.fa-color-cc-mastercard { color: #0a3a82 !important; }
.fa-color-cc-discover { color: #f68121 !important; }
.fa-color-cc-amex { color: #007bc1 !important; }

/* listgroup items */

.glyphicon.list-group-item-icon {font-size: 1.3em;}

.fa.list-group-item-icon {font-size: 1.5em;}

/* small screen classes - http://www.bootply.com/7fue0hO4CV */

.visible-xxs { display: none; }

@media screen and (max-width: 480px) {
    .display-none-xxs { display: none !important; }
    .visible-xxs { display: block !important; }
    .margin-top-0-xxs { margin-top: 0 !important; }
    .margin-top-20-xxs { margin-top: 20px !important; }
    .margin-top-30-xxs { margin-top: 30px !important; }
    .pull-right-xxs { float:right !important; }
    .text-left-xxs { text-align:left !important; }
}

@media screen and (max-width: 768px) {
    .display-none-xs { display: none !important; }
    .width-100-xs { width:100% !important; }
    .width-auto-xs { width: auto !important; }
    .btn-block-xs { width:100% !important; display:block !important; }
    .block-xs { width: 100% !important; display: block !important; }
    .pull-left-xs { float:left !important; }
    .pull-right-xs { float:right !important; }
	.text-left-xs { text-align:left !important; }
    .text-center-xs { text-align: center !important;}
    .margin-0-xs { margin: 0 !important; }
    .margin-top-0-xs { margin-top: 0 !important; }
	.margin-top-5-xs { margin-top: 5px !important; }
    .margin-top-10-xs { margin-top: 10px !important; }
    .margin-top-20-xs { margin-top: 20px !important; }
    .margin-top-30-xs { margin-top: 30px !important; }
    .margin-bottom-0-xs { margin-bottom: 0 !important; } 
	.margin-bottom-5-xs { margin-bottom: 5px !important; } 
    .margin-bottom-10-xs { margin-bottom: 10px !important; }
    .margin-bottom-15-xs { margin-bottom: 15px !important; }
    .margin-bottom-20-xs { margin-bottom: 20px !important; }
    .margin-right-10-xs { margin-right: 10px !important; }
    .margin-left-10-xs { margin-left: 10px !important; }
    .padding-0-xs { padding: 0 !important; }
    .padding-top-0-xs { padding-top: 0 !important; }
    .padding-top-10-xs { padding-top: 10px !important; }
    .padding-top-20-xs { padding-top: 20px !important; }
    .padding-bottom-10-xs { padding-bottom: 10px !important; }
    .border-none-xs { border: none !important; }
    .overflow-visible-xs { overflow: visible !important; }
    .inline-block-xs { display: inline-block !important; }
    .checkbox-btn .btn { white-space: normal !important; }
    .radio-btn .btn { white-space: normal !important; }
    .rbVerticalList { display: block !important; margin: 0 !important; } /* for telerik radiobuttonlist */
}

@media screen and (max-width: 992px) {
    .display-none-sm { display: none !important; }
    .btn-block-sm { width:100% !important; display:block !important; }
    .pull-left-sm { float:left !important; }
	.text-left-sm { text-align:left !important; }
	.margin-top-5-sm { margin-top: 5px !important; }
    .margin-top-10-sm { margin-top: 10px !important; }   
	.margin-bottom-5-sm { margin-bottom: 5px !important; } 
    .margin-bottom-10-sm { margin-bottom: 10px !important; }
    .margin-bottom-15-sm { margin-bottom: 15px !important; }
    .text-left-sm { text-align: left !important; }
    .text-right-sm { text-align: right !important; }
}

@media screen and (max-width: 1200px) {
    .display-none-md { display: none !important; }
    .width-100-md { width:100% !important; }
    .btn-block-md { width:100% !important; display:block !important; }
    .pull-left-md { float:left !important; }
    .text-right-md { text-align: right !important; }
	.text-left-md { text-align:left !important; }
	.margin-top-5-md { margin-top: 5px !important; }
    .margin-top-10-md { margin-top: 10px !important; }   
    .margin-top-20-md { margin-top: 20px !important; }  
	.margin-bottom-5-md { margin-bottom: 5px !important; } 
    .margin-bottom-10-md { margin-bottom: 10px !important; }
    .margin-bottom-20-md { margin-bottom: 20px !important; }
    /*.checkbox-btn .btn { white-space: normal !important; }*/
}

.img-container-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* alerts */

.alert-default {
    border-color: #ddd;
}

/* checkbox and radiobutton inside button - http://weblogs.asp.net/psheriff/a-simple-bootstrap-check-box-for-web-forms */
.checkbox-btn {    
    margin-top:0;
    margin-bottom:0;
}

.checkbox-btn .btn,
.checkbox-btn-inline .btn {
    padding-left: 2em;
    /*min-width: 8em;*/
}
 
.checkbox-btn label,
.checkbox-btn-inline label {
    text-align: left;
    padding-left: 0;
}

.checkbox-btn .disabled {
    background-color: #eee !important;
}

.checkbox-btn.disabled label {
    color: #555 !important;
    opacity: 1 !important;
}

.checkbox-btn-xs {
    margin-top: 0;
    margin-bottom: 0;
}

.checkbox-btn-xs label {
    padding: 0;
}

.checkbox-btn-xs label span {
    text-align: center;
    display: block;
}

    /*.checkbox-btn-xs label input[type="checkbox"] {
        position: absolute;
        left: -9999px;
    }*/

    .checkbox-btn-xs label input[type="checkbox"]:checked + span {
        background-color: #911;
        color: #fff;
    }

    .checkbox-btn-xs label.locked input[type="checkbox"]:checked + span {
        background-color: #888;
        color: #fff;
    }

        /*.checkbox-btn-xs label input[type="checkbox"][disabled]:checked + span {
            background-color: #888;
            color: #fff;
        }*/


.radio-btn {
    margin-top: 0;
    margin-bottom: 0;
}

    .radio-btn .btn,
    .radio-btn-inline .btn {
        padding-left: 2em;
        min-width: 8em;
    }

    .radio-btn label,
    .radio-btn-inline label {
        text-align: left;
        padding-left: 0;
    }

    .radio-btn .disabled {
        background-color: #eee !important;
    }

        .radio-btn.disabled label {
            color: #555 !important;
            opacity: 1 !important;
        }

/* background colors */

.background-grey { background-color: #f5f5f5;}

/* badge colors */

.badge-danger { background-color: #d43f3a; }
.badge-warning { background-color: #d58512; }
.badge-success { background-color: #398439; }
.badge-info { background-color: #269abc; }
.badge-inverse { background-color: #333333; }

/* panel colors */

.panel-green { border-color: #5cb85c; }
    .panel-green .panel-heading {
        border-color: #5cb85c;
        color: #fff;
        background-color: #5cb85c;
    }
    .panel-green .panel-body.panel-body-fill {
        border-color: #5cb85c;
        color: #fff;
        background-color: #5cb85c;
    }
    .panel-green a { color: #5cb85c; }
    .panel-green a:hover { color: #3d8b3d; }

.panel-red { border-color: #d9534f; }
    .panel-red .panel-heading {
        border-color: #d9534f;
        color: #fff;
        background-color: #d9534f;
    }
    .panel-red .panel-body.panel-body-fill {
        border-color: #d9534f;
        color: #fff;
        background-color: #d9534f;
    }
    .panel-red a { color: #d9534f; }
    .panel-red a:hover { color: #b52b27; }

.panel-yellow { border-color: #f0ad4e; }
    .panel-yellow .panel-heading {
        border-color: #f0ad4e;
        color: #fff;
        background-color: #f0ad4e;
    }
    .panel-yellow .panel-body.panel-body-fill {
        border-color: #f0ad4e;
        color: #fff;
        background-color: #f0ad4e;
    }
    .panel-yellow a { color: #f0ad4e; }
    .panel-yellow a:hover { color: #df8a13; }

.panel-blue { border-color: #269abc; }
    .panel-blue .panel-heading {
        border-color: #269abc;
        color: #fff;
        background-color: #269abc;
    }
    .panel-blue .panel-body.panel-body-fill {
        border-color: #269abc;
        color: #fff;
        background-color: #269abc;
    }
    .panel-blue a { color: #269abc; }
        .panel-blue a:hover { color: #2674bc; }

/* margins */

.margin-auto { margin: auto; }

.margin-20 { margin: 20px; }

.margin-top-0 { margin-top: 0; }
.margin-top-5 { margin-top: 5px; }
.margin-top-10 { margin-top: 10px; }
.margin-top-15 { margin-top: 15px; }
.margin-top-20 { margin-top: 20px; }
.margin-top-30 { margin-top: 30px; }

.margin-bottom-0 { margin-bottom: 0; }
.margin-bottom-5 { margin-bottom:5px; }
.margin-bottom-10 { margin-bottom:10px; }
.margin-bottom-20 { margin-bottom: 20px; }
.margin-bottom-30 { margin-bottom: 30px; } 

/* paddings */

.padding-0 { padding: 0; }
.padding-20 { padding: 20px; }
.padding-left-0 { padding-left:0 !important; }
.padding-left-10 { padding-left:10px !important; }
.padding-top-0 { padding-top: 0 !important; }
.padding-bottom-0 { padding-bottom: 0 !important; }
.padding-top-5 { padding-top: 5px !important; }
.padding-bottom-5 { padding-bottom: 5px !important; }
.padding-bottom-10 { padding-bottom: 10px !important; }

/* widths */
.width-1-pct { width: 1%; }
.width-100-pct { width: 100%; }
.width-20-px { width: 20px; }
.width-30-px { width: 30px; }
.width-40-px { width: 40px; }
.width-50-px { width: 50px; }
.width-60-px { width: 60px; }
.width-70-px { width: 70px; }
.width-80-px { width: 80px; }
.width-90-px { width: 90px; }
.width-100-px { width: 100px; }
.width-110-px { width: 110px; }
.width-120-px { width: 120px; }
.width-130-px { width: 130px; }
.width-140-px { width: 140px; }
.width-150-px { width: 150px; }
.width-160-px { width: 160px; }
.width-170-px { width: 170px; }
.width-180-px { width: 180px; }
.width-190-px { width: 190px; }
.width-200-px { width: 200px; }
.width-220-px { width: 220px; }
.width-240-px { width: 240px; }
.width-300-px { width: 320px; }

/* fieldsets */
.fieldset-legend {
    font-size: 16px;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

/* full div linkbutton */

.linkbutton-block {
    display:block;
    width:100%;
    height:100%;
}

/* forms */

.form-group-last {
    margin-bottom: 0;
}

/* hover div */

.div-hover { background: #fff; }
.div-hover:hover { background: #f5f5f5; }

/* borders */
.border-top-none { border-top: none !important; }
.border-top-1 { border-top: 1px solid #e5e5e5;}

.border-bottom-none { border-bottom: none !important; }
.border-bottom-1 { border-bottom: 1px solid #e5e5e5; }

/* alerts */
.alert-compact { padding: 6px 10px;}

/* sequence buttons */
.sequence-buttons { float: left; width: 47px; display: table; }

/* toggle buttons */
.cw-toggle-button .btn { width: 40px; }

/* tables */

.striped { background-color: #f9f9f9; } /* matches color of striped table rows */

/* table columns */

.table-control-column { width:80px; font-weight: normal; }
.table-sequence-column { width: 64px; }
.table-toggle-column { width: 96px; }
.table-actions-column { width: 90px; }
.table-alternate-header { display:none; }

/* tables responsive */

@media only screen and (max-width: 767px) {

    /* from NO MORE TABLES  - https://elvery.net/demo/responsive-tables/#no-more-tables */

    /* Force table to not be like tables anymore */
    .cw-responsive-table table, 
    .cw-responsive-table thead, 
    .cw-responsive-table tbody, 
    .cw-responsive-table tfoot,
    .cw-responsive-table th, 
    .cw-responsive-table td, 
    .cw-responsive-table tr {
        display: block;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        .cw-responsive-table thead tr,
        .cw-responsive-table tfoot tr {
            /*position: absolute;
            top: -9999px;
            left: -9999px;*/
            display: none;
        }

    .cw-responsive-table tr {
        border: 1px solid #ccc;
    }

    .cw-responsive-table td {
        /* Behave  like a "row" */
        border: none;
        /*border-bottom: 1px solid #ddd !important;*/
        position: relative;
        padding-left: 35% !important;
        white-space: normal;
        text-align: left;
    }

        .cw-responsive-table td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            /*top: 6px;*/
            left: 6px;
            width: 35%;
            padding-right: 10px;
            white-space: nowrap;
            text-align: left;
            font-weight: bold;
            border: none;
        }

        /* Label the data */
        .cw-responsive-table td:before {
             content: attr(data-title);
        }

    /* alternate header */

    .cw-responsive-table .table-alternate-header {
        display:block;
    }

    /* control columns */

    .cw-responsive-table .table-control-column,
    .cw-responsive-table .table-sequence-column,
    .cw-responsive-table .table-actions-column,
    .cw-responsive-table .responsive-full-width-column {
        width: auto;
        padding-left: 8px !important;
    }

    .cw-responsive-table tr.rgNoRecords td {
        padding-left: 0 !important;
    }

    .cw-responsive-table .cw-toggle-button {
        display: flex;
    }
    .cw-responsive-table .cw-toggle-button .btn {
        flex: 1;
    }
}

/* modals */

.modal-header-grey {
    padding: 15px;
    border-bottom: 1px solid #eee;
    background-color: #f5f5f5;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.modal-footer-grey {
    padding: 15px;
    border-top: 1px solid #eee;
    background-color: #f5f5f5;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

/* telerik overrides */

.riDisabled {
    background-color: #eee !important;
}

.RadCalendar_Bootstrap caption {
    display: none !important;
}

.rtClose {
    width: auto !important;
    height: auto !important;
    border-radius: 0 !important;
}