#masterContentSelection {
    width:100%!important;
    margin-bottom: 5px;
}

#masterContentSelection th {
    font-weight: normal;
    color: #888888;
}

#masterContentSelection > tbody > tr:hover {
    background-color: #dcf4fe;
    cursor: pointer;
}

#masterContentSelection td {
    border-top-style: dashed;
    padding: 7px;
}


.dt-footer #masterContentSelection_paginate {
    float:none !important;
}

.dt-footer #masterContentSelection_paginate .pagination > li > a, .dt-footer #masterContentSelection_paginate .pagination > li > span {
    border-radius: 50%;
    margin-right: 5px;
    margin-left: 5px;
    width: 36px;
    color: #25AAE1;
    border-color: #25AAE1;
}

.dt-footer #masterContentSelection_paginate .pagination > .active > a, .dt-footer #masterContentSelection_paginate .pagination > .active > a:hover {
    background-color: #25AAE1;
    border-color: #25AAE1;
    color: #ffffff;
}

.dt-footer #masterContentSelection_paginate .pagination > .disabled > a, .dt-footer #masterContentSelection_paginate .pagination > .disabled > a:hover {
    background-color: transparent !important;
    border-color: #dddddd;
    color: #dddddd;
}

.dt-footer #masterContentSelection_paginate .pagination > li > a:hover, .dt-footer #masterContentSelection_paginate .pagination > li > span:hover, .dt-footer #masterContentSelection_paginate .pagination > li > a:focus, .dt-footer #masterContentSelection_paginate .pagination > li > span:focus {
    background-color: #dcf4fe;
}


.dt-header #masterContentSelection_filter {
    padding-top: 5px;
}

.dt-header #masterContentSelection_filter label {
    float: left;
}

.dt-header .dt-search-icon {
    padding-right: 6px;
    font-size: 18px;
    padding-top: 5px;
}

.dt-header {
    background-color: #e9e9e9;
}

.dt-icon {
    font-size: 20px;
    padding-left: 10px;
    padding-right: 5px;
}

.dt-header #masterContentSelection_filter .input-sm {
    width: 250px;
    border-radius: 0px;
    font-size: 14px;
}

#dt-specific-masterContentDT-content-template {
    text-align: right;
    padding-top: 7px;
    cursor: pointer;
    margin-top: 7px;
}

#dt-specific-masterContentDT-content-template .filter-wrapper {
    font-size: 16px;
    padding-right: 10px;
    padding-left: 20px;
}

#dt-specific-masterContentDT-content-template .filter-label {
    padding-right: 5px;
}

#modalForItem md-input-container {
    margin: 16px 0px 5px 0px;
    width: 100%;
    text-align: left;
}

#modalForItem md-input-container .md-errors-spacer {
    min-height:0px;
}

#modalForItem .modal-subtitle {
    font-style: italic;
}

#modalForItem .modal-main-category img {
    vertical-align: baseline;
    width: 25%;
    margin-right:10px;
}

#modalForItem .modal-main-category .modal-order-field {
    width: 50%;
}

#modalForItem .designer-content-master-item-options-title {
    text-align: center;
    color: #25aae1;
    font-weight: bold;
    margin: 10px 0px 10px 0px;
}

#modalForItem .designer-content-master-item-options {

    margin:5px 5%;
    background-color: #f2f2f2;
    padding: 5px 10px;
}

#modalForItem .designer-content-master-item-options .audio-url {
    text-align:left;
    margin-left: 5px;
    margin-top: 20px;
}

#modalForItem .designer-content-master-item-options .audio-url > md-input-container {
    width: 73%;
    margin-top: 0px;
}

#modalForItem .designer-content-master-item-options .invalid-respiration-duration {
    font-size: 12px;
    color:red;
}

#modalForItem .designer-content-master-item-options md-input-container.error:not(.md-input-focused) > label {
    color:red;
}

#modalForItem .designer-content-master-item-options .master-item-html textarea {
    font-size:0.8em;
}

#modalForItem .designer-content-master-item-display-conditions {

    margin:5px 5%;
    background-color: #E2F3FB;
    padding: 5px 10px;

}

#modalForItem .designer-content-master-item-options md-list-item i.fa.fa-plus-circle {
    margin-right: 5px;
    color: #E6007E;
}

#modalForItem .condition-question-title {
    text-align: left;
    font-size: 0.8em;
    margin:15px 0px;
}

#modalForItem .condition-question-title span {
    color: #25aae1;
}

#modalForItem .condition-question-result {
    font-size: 0.8em;
}

#modalForItem .condition-question-title i.fa,
#modalForItem .condition-display-question-title i.fa,
#modalForItem .condition-question-title i.fas,
#modalForItem .condition-display-question-title i.fas {
    color: #25aae1;
    vertical-align: middle;
    margin-right: 5px;
}

#modalForItem .condition-display-question-title i.fa,
#modalForItem .condition-display-question-title i.fas {
    margin-left: 12px;
}

#modalForItem .condition-display-question-title i.fas.fa-2x.fa-square-root-alt {
    font-size: 1.73em;
}

#modalForItem table.condition-table {
    font-size: 0.8em;
}

#modalForItem .condition-display-question-title md-input-container {
    margin-top:5px;
    width: 80%;
}

#modalForItem .condition-add-button {
    text-align: left;
    padding:10px;
}
#modalForItem .condition-add-button i.fa {
    color: #E6007E;
    margin-right: 5px;
}

#modalForItem .condition-display-question-title {
    width: 65%;
    color: #25aae1;
}

#modalForItem .condition-display-question-result {
    width: 25%;

}

#modalForItem .condition-display-question-button {
    width: 5%;

}

#modalForItem .condition-smiley {
    width:30px;
}

#modalForItem .expert-mode-link {
    color: #E6007E;
    float:left;
    font-size:0.7em;
    margin-top: 0px;
    padding-top: 5px;
}

#modalForItem .expert-mode-link.expert-mode-link-active {
    background-color: #E6007E;
    color: white;
}

#modalForItem .designer-content-expert-mode {
    background-color: #F7F0F4;
    margin-left: 5%;
    margin-right: 5%;
}

#modalForItem .designer-content-expert-mode md-input-container {
    width:80%;
}

#modalForItem md-radio-button.designer-inline {
	display: inline;
	margin-left: 5%;
	margin-right: 5%;
}

.masterContent-desactivation-error-reason {
    list-style: square;
}

.masterContent-desactivation-error-reason li {
    padding-top: 10px;
}

.display-inline-button-content {
    display: inline-flex;
}

.master-content-button-datatable {
    background: none;
    color: rgb(0, 174, 239);
    max-height: 36px;
    border-radius: 5px;
    margin: 0;
    padding: 0;
    min-width: 70px;
}

.condition-popover  {
    background-color: #eee;
    padding:5px;
    max-width: 100%;
    text-align: left;
    position: absolute;
    z-index: 100;
}

.button-upload-loader {
    margin: 5px 10px;
    padding-bottom: 20px;
    padding-top: 4px;
}

.button-upload-loader > i {
    color:rgb(0,174,239);
    font-size:30px;
    vertical-align: middle;
}

.designer-display-conditions-tooltip {
    height: auto;
    font-size: 12px;
}