.form-control {
    height: 35px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #000;
    border-color: #858794;
    outline: none;
    
}

.ui-sortable-helper.submission-life-cycle {
    top: 0px !important;
}

.ui-sortable-helper.submission-life-cycle {
    top: 0px !important;
}

.truncate-100 {
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

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

.form-control:focus {
    border-color: #858794;
}
.select2-container--default .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border:none!important;
}

#royaltyPeriodWidget > select {
    overflow: hidden !important;
}
#divPdfVersion > div.select-container:after {
    content: "▼" !important;
    padding: 8px;
    position: absolute;
    right: 2px;
    top: 2px !important;
    z-index: 1;
    text-align: center;
    width: 10%;
    height: 100%;
    width: 30px;
    font-size: 16px;
    pointer-events: none;
    box-sizing: border-box;
}
select.form-control, .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    border:1px solid #858794;    
    border-radius:3px;
    color:#24252a;
    height: 35px;
    position: relative;
    display: block;
    font-size: 14px;
    padding-right: 22px; 
    -webkit-appearance: none;
    -moz-appearance: none;
}

.request-economic-operator-page .form-group select.form-control {
    -webkit-appearance: menulist;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    height: auto;
    min-height: 35px;
    line-height: 35px;
}


.select2-container .select2-selection--single {
    height: 35px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 35px;
}

select[multiple], select[size] {    
    height: auto !important
}

.form-control.select-container .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: 1px solid #858794;
    border-style: none;
}

.select-container {
    position: relative;
}
.select-container select[disabled]:after, .inline-select-container select[disabled]:after {
    display: none;
}
.select-container:after {
    content: "▼" !important;
    padding: 12px 8px;
    position: absolute;
    right: 15px;
    top: 18px !important;
    z-index: 1;
    text-align: center;
    width: 10%;
    height: 100%;
    width: 30px;
    font-size: 16px;
    pointer-events: none;
    box-sizing: border-box;
}
div.dataTables_wrapper div.dataTables_paginate.advance-pagination-container {
    min-width: 760px;
    text-align: left;
}

div.dataTables_wrapper div.dataTables_paginate.advance-pagination-container .amount-of-records-selector .select-container {
     text-align: right;
}
div.dataTables_wrapper div.dataTables_paginate.advance-pagination-container .amount-of-records-selector{
     margin-left:10px;
}
div.dataTables_wrapper div.dataTables_paginate.advance-pagination-container .button-page-selector {
    text-align: right;
}
div.dataTables_wrapper div.dataTables_paginate.advance-pagination-container .input-selectors {
    text-align: right;
}




.amount-of-records-selector .select-container:after {
    content: "▼" !important;
    padding: 12px 8px;
    position: absolute;
    right: -6px;
    top: -1px !important;
    z-index: 1;
    text-align: center;
    width: 10%;
    height: 100%;
    width: 30px;
    font-size: 16px;
    pointer-events: none;
    box-sizing: border-box;
} 

.select-container.arrow-top:after {
    top: 0px !important;
}

.select-container.arrow-right:after {
    top: -3px !important;
    right: 0px !important;
}
.select-container.arrow-right-0:after {
    right: 0px !important;
}
#programCurrencyForm .select-container:after {
    right: 35px !important;
    z-index: 5;
}
.organization-types-select.select-container select {
    width: 100%;
}
.organization-types-select.select-container:after {
    top: -3px !important;
}
.identifier-form-select.select-container:after {
    top: 36px !important;
}
.select-container.arrow-select2:after {
    top: -2px !important;
    right: 1px !important;
}

.select-container.widget-arrow:after {
    top: 23px !important;
}

.inline-select-container:after {
    content: "▼" !important;
    padding: 12px 8px;
    position: relative;
    right: 33px;
    top: 3px!important;
    z-index: 1;
    text-align: center;
    width: 10%;
    height: 100%;
    width: 30px;
    font-size: 16px;
    pointer-events: none;
    box-sizing: border-box;
}

.select-container.has-error:after {
    content: "▼" !important;
    padding: 38px 8px;
    position: absolute;
    right: 15px;
    top: -8px !important;
    z-index: 1;
}

.select2-custom.has-error {
    padding-bottom: 15px;
}

button.has-error {
     border: 1px solid #a94442;
}

span.has-error {
    margin-top: 5px ;
    margin-bottom: 10px ;
    color: #a94442;
}
span.hasError {
    margin-top: 5px ;
    margin-bottom: 10px ;
    color: #a94442;
}

button.hasError {
     border: 1px solid #a94442;
}

.min-line-height {
    min-height: 19px;
}

.select2-custom.select-container.has-error .help-block {
    position: absolute;
    bottom: -11px;
}

div.select-container.no-title:after ,
.form-group .select-container.no-title:after {
    top: 1px !important;
}

input[type=radio].form-control, :not(.toggle) > input[type=checkbox].form-control {
    height: 25px;
}

:not(.toggle) > input[type=checkbox].form-control {
    height: 17px;
    max-width: 15px;
    display: inline-block;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
     border-radius: 15px;
     display: inline-block;
     font-size: 12px;
     font-weight: normal;
     line-height: 23px;
     margin-bottom: 10px;
     padding: 2px 29px 2px 11px;
     color: #000;
     position: relative;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
     border: 1px solid #c6d8e7 !important;
     background-color: #dce8f4 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    position: absolute;
    right: 4px;
    background-color: #fff;
    color: #ef7926;
    width: 18px;
    height: 18px;
    line-height: initial;
    top: 4px;
    border-radius: 50%;
    text-align: center;
    font-size: 14px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #00599b;
}

button.btn.btn-primary.btn-circle-delete {
    display: block;
    margin: 0 auto;
}

.with-calendar-icon {
    position: relative;
}

.tab-pane.well {
    position: relative;
}
.text-overlaped {
    position: absolute;
    top: -13px;
    padding: 3px 5px;
    background-color: white;
    font-size: 14px;
    left: 15px;
}

.with-calendar-icon > input {
    padding-right: 15px;
}

.with-calendar-icon .fa.fa-calendar {
    content: "\f073";
    position: absolute;
    right: 22px;
    top: 28px;
}

.well.center-block .btn-circle-delete {
    position: absolute;
    right: 25px;
    top: -13px;
    cursor: pointer!important;
} 

.well.center-block .section-title {
    position: absolute;
    top: -12px;
    background: white;
    padding: 5px;
    text-transform: uppercase;
    color: gray;
    font-weight: normal;
    left:10px;
} 

.min-width-35 {
    min-width: 35px;
}

.height-35 {
    height: 35px;
}


.height-25 {
    height: 25px;
}

.height-100-p {
    height: 100% !important;
}

.form-group.select-container.top-0:after {
    top: 0 !important;
}
.d-inline-block {
    display: inline-block;
}
.w-auto{
    width: auto !important;
}
.well .well-title {
    position: absolute;
    top: -9px;
    background-color: white;
    display: inline-block;
    width: initial !important; 
}
.icon-inside-textbox {
    position: relative;
    left: -30px
}
.two-numbers-textbox {
    width: 80px !important;
}

/* Flex-box helpers*/
.flexbox-x {
	display: flex;
}

.flexbox-y {
	display: flex;
	flex-direction: column;
}

.flexitem-auto {
	flex-grow: 0;
}

.flexitem, .flexitem-x1 {
	flex-grow: 1;
}

.flexitem-x2 {
	flex-grow: 2;
}

.flexitem-x3 {
	flex-grow: 3;
}

.flex-container {
    /* We first create a flex layout context */
    display: flex;
    flex-flow: row wrap;
    /* Then we define how is distributed the remaining space */
    justify-content: space-around;
    padding: 0;
    margin: 0;
    list-style: none;
}

/*DataTable common*/
div.dt-buttons {
    position: absolute;
    right: 0;
    top: -35px;
}
.component-paginated-selector .show-area .input-group input {
    border-right: 0;
}
.component-paginated-selector .show-area .input-group{
    width: 100%;
}
.component-paginated-selector .show-area .input-group .input-group-addon {
    border-left: 0;
    border-color: #858794;
    background-color: #eee;
}
.component-paginated-selector .show-area .input-group {
    margin: 0;
}
.component-paginated-selector .show-area .input-group input, .component-paginated-selector .show-area .input-group span.input-group-addon {
    display:block;
}
.component-paginated-selector .show-area .input-group span.input-group-addon {
    height:35px;
    line-height:20px;
    position:absolute;
    right:0;
    border-radius:0;
    z-index:3;
}

/* Filters Design */
#ApprovalsPage .approvals-filters .btn-default.active, 
#property-requests-filters .btn-toolbar .btn-default.active,
.agreement-filters .status-selector .btn-default.active{
    color: #fff!important;
    background-color: #286090;
    border-color: #204d74;
}

#ApprovalsPage .approvals-filters .btn-default.active:hover,
#property-requests-filters .btn-toolbar .btn-default.active:hover,
.agreement-filters .status-selector .btn-default.active:hover {
    background: #162964;
    border-color: #162964;
}

.has-modern-link {
    /* background-color: #416ea5; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.modern-link-container {
    min-height: 50px;
    max-height: 155px;
    width: 85%;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.04);
    background-color: white;
    padding: 10px;
}

.modern-link {
    max-height: 100px;
    vertical-align: middle;
    color: #00599b;
    cursor: pointer;
    text-decoration: none;
}
.no-padding{
  padding:0;
}

@media only screen and (max-width: 1220px) {
    div.dataTables_wrapper div.dataTables_paginate.advance-pagination-container {
        width: 100%;
        text-align: left;
    }
    div.dataTables_wrapper div.dataTables_paginate.advance-pagination-container .button-page-selector {
        text-align: left;
        padding-left: 13px;
    }
}
@media only screen and (max-width: 992px) {
    div.dataTables_wrapper div.dataTables_paginate.advance-pagination-container {
        width: 406px;
        text-align: left;
    }
    div.dataTables_wrapper div.dataTables_paginate.advance-pagination-container .button-page-selector {
         text-align: right;
    }
    div.dataTables_wrapper div.dataTables_paginate.advance-pagination-container .input-selectors {
         text-align: right;
    }
}
@media only screen and (max-width: 841px) {
    div.dataTables_wrapper div.dataTables_paginate.advance-pagination-container {
        width: 100%;
        text-align: center;
    }

    div.dataTables_wrapper div.dataTables_paginate.advance-pagination-container .button-page-selector {
         text-align: center;
    }

    div.dataTables_wrapper div.dataTables_paginate.advance-pagination-container .input-selectors {
         text-align: center;
    }
}

@media only screen and (max-width: 765px) {
    div.dataTables_wrapper div.dataTables_paginate.advance-pagination-container {
        width: 100%;
        text-align: center;
    }
    .amount-of-records-selector .select-container:after {
        top: 18px !important;
        right: -6px;
    }

    div.dataTables_wrapper div.dataTables_paginate.advance-pagination-container .button-page-selector {
        text-align: center;
    }

   div.dataTables_wrapper div.dataTables_paginate.advance-pagination-container .input-selectors {
            text-align: center;
   }
}

.no-wrap {
    white-space: nowrap;
}
table.no-wrap-header thead tr th {
    white-space: nowrap;
}

.v-middle {
    vertical-align: middle !important;
}

.royaltyRateType:after {
    top: 0px !important;
}

.min-height-auto {
    min-height: auto !important
}

.position-relative {
    position: relative;
}

.pull-right-down {
    position:absolute;
    bottom: 0;
    right: 0;
}


.btn-circle-delete[disabled] {
    background-color: #e6e6e6;
    border-color: #adadad;
    color: #58666e !important;
    cursor: not-allowed !important;
}