/* Dropdown */

.dropdown-title{
    font-family: Hind-Semibold;
    font-size: 12px;
    line-height: 2.0;
    color: #a9a9a9;
    margin-right:4px;
}

.wrapper-dropdown-1 {
    position: relative;
    width: 200px;
    padding: 10px;
    margin: 0 auto;
    background: #9bc7de;
    color: #fff;
    outline: none;
    cursor: pointer;
    font-weight: bold;
}

.btn-primary{
    border-radius: 2.7px;
    border: solid 1px #d1d1d9 !important;
    font-family: Hind-Medium;
    font-size: 13px;
    color: #767676 !important;
    line-height:24px;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .open > dropdown-selection, .open > button.nav-bar-button{
    background-color: #f7f8fa !important;
    border: solid 1px #afbdd5 !important;
    color: #4b6797 !important;
}

.dropdown-selection {
    width: 192px;
    background-color: #ffffff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box;
    height: 34px;
}

.dropdown-button {
    width: 16px;
    height: 20px;
    background-color: #f7f8fa !important;
}

.dropdown-button:hover .dropdown-caret, .dropdown-button:focus .dropdown-caret, .dropdown-button:active .dropdown-caret, .open > .dropdown-toggle .dropdown-caret{
    content: url("../Images/arrow_dropdown.svg");
}

.dropdown-caret{
    content: url("../Images/arrow_dropdown_grey.svg");
    width: 10px;
    margin-top:1px;
}

.dropdown-menu{
    min-width: 223px;
    padding-top:0px;
    padding-bottom:0px;
    border-color: #afbdd5;
    cursor: pointer;
}

.dropdown-menu > li{
    border-bottom: solid 1px #d1d1d9;
    text-align: center;
}

.dropdown-menu > li > a{
    line-height: 24px;
    font-family: Hind-Medium;
    font-size: 13px;
    color: #767676;
    padding-top:7px;
}

.dropdown-menu > li :hover{
    background-color: #f7f8fa !important;
    color: #4b6797 !important;
}

.dropdown-scroll-list {
    height: auto;
    max-height: 400px;
    overflow-x: hidden;
}

.dropdown-menu-scrollable{
    height: auto;
    max-height: 400px;
    overflow-x: hidden;
}

/* Buttons */

.button-blue, .button-gray, .button-blue-inactive, .button-blue-deactive{
    border-radius: 4px;
    width: 122px;
    height: 32px;
    font-family: Hind-Regular;
    font-size: 14px;
    text-align:center;
    line-height:36px;
    display: inline-block;
}

.button-blue:hover, .button-gray:hover, .button-blue-inactive:hover{
    cursor: pointer;
}

 .button-blue-deactive:hover{
    cursor: default;
}

.button-blue{
    background-color: #4b6797;
    border: solid 1.4px #034c81;
    color: #ffffff;
}

.button-blue:hover{
    background-color: #03365a;
    border: solid 1.4px #03365a;
}

.button-gray{
    background-color: #f9f9f9;
    border: solid 1.4px #e1e1ec;
    color: #767676;
}

.button-gray:hover{
    background-color: #eeeef0;
    border: solid 1.4px #e1e1ec;
}

.button-blue-inactive{
    background-color: #afbdd5;
    border: solid 1.4px #93a5c5;
    color: #ffffff;
}

.button-blue-inactive:hover{
    background-color: #798fb4;
    border: solid 1.4px #406f91;
}

.button-blue-deactive{
    background-color: #afbdd5;
    border: solid 1.4px #93a5c5;
    color: #ffffff;
}

/* Textbox */
.text-field{
    width: 214px;
    height: 28px;
    border-radius: 4px;
    background-color: #ffffff;
    box-shadow: inset 0 1px 3px 0 #d1d1d9;
    border: solid 1px #d1d1d9;
    padding-top: 3px;
    padding-left:9px;
    padding-right:9px;
    font-family: Hind;
    font-size: 13px;
    font-weight: 500;
    color: #4a4a4a !important;
}

.text-field-error{
    color: #ff6363 !important;
    border: solid 1px #ff7474;
}

::-webkit-input-placeholder {/* WebKit, Blink, Edge */
     font-family: Hind;
    font-size: 13px;
    font-weight: 500;
    color: #a9a9a9;
}
:-moz-placeholder {/* Mozilla Firefox 4 to 18 */
    font-family: Hind;
    font-size: 13px;
    font-weight: 500;
    color: #a9a9a9;
   opacity:  1;
}
::-moz-placeholder {/* Mozilla Firefox 19+ */
    font-family: Hind;
    font-size: 13px;
    font-weight: 500;
    color: #a9a9a9;
   opacity:  1;
}
:-ms-input-placeholder {/* Internet Explorer 10-11 */
    font-family: Hind;
    font-size: 13px;
    font-weight: 500;
    color: #a9a9a9;
}

input[type="checkbox"].checkbox-blue {
    display:none;
}

input[type="checkbox"].checkbox-blue + label{
    display:inline-block;
    width:16px;
    height:17px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(../Images/checkbox_unchecked.svg) left center no-repeat;
    cursor:pointer;
}

input[type="checkbox"].checkbox-blue:checked + label{
    background:url(../Images/checkbox_checked.svg) left center no-repeat;
}

/* Modal */
.modal-open .modal{
    overflow-y:scroll !important;
}

/* Grid */
.numeric-cell{
    text-align: right;
}

.grid-link-cell{
    cursor:pointer;
    color: blue;
    text-decoration: underline;
}

.headerCheckbox input {
    margin-top: 9px;
    margin-left: 6px;
}

.grouped-grid .ui-grid-render-container{
    margin-left: 0px !important;
}

.grouped-grid .ui-grid-header-viewport{
    width: initial !important;
    height: initial !important;
}

.grouped-grid .ui-grid-tree-header-row {
    font-weight: bold !important;
}

.grouped-grid .ui-grid-tree-header-row .ui-grid-cell-contents{
    visibility: visible;
}

.grouped-grid .hidden-cell{
    visibility: hidden;
}

.ui-grid-header-canvas {
    background: #4b6797;
    color: white;
    font-family: Hind-Semibold;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: normal;
}

.ui-grid-header-cell{
    border-color: #034c81 !important;
}

.ui-grid-render-container-body{
    margin-left: 0px;
    margin-right: 0px;
    font-family: Hind-Regular;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.63;
    color: #4a4a4a;
}

/* WYSIWYG Text Editor */
.ta-scroll-window{
    box-sizing: border-box;
    height: initial;
}

.ta-root{
    overflow: auto;
}

[id^=taTextElement] {
    min-height: 200px;
}

[id^=taTextElement] p{
    margin-bottom: 0px;
}

.open > button.button-blue{
    background-color: #f7f8fa !important;
    border: solid 1.4px #afbdd5 !important;
    color: #4b6797 !important;
}