body {
    background: #303031;
}


body, div, p, h1, h2, h3, h4, span, ul, li, label {
    font-family: "Exo 2", sans-serif;
}

    /******************UI KIT IMPLEMENTATION****************/

    body input.gs-ui-input:focus,
    body select.gs-ui-select:focus {
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 3px rgba(102, 175, 233, .6);
        border: 1px solid #8f9468;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 3px rgba(102, 175, 233, .6);
    }

    /********Select*******/

    body select.gs-ui-select {
        -moz-appearance: none;
        -webkit-appearance: none;
        background: url("/Images/ui/ui_select_triangle.png") no-repeat;
        background-position: 95% 14px;
        background-size: 15px;
        border: 1px solid #5c5b5c;
        color: #fffded;
        font-size: 13px;
        /*background: #272728;*/
        height: 34px;
        padding-right: 35px;
        text-transform: uppercase;
    }

    body div.gs-ui-select-bg {
        background: #272728;
        border-radius: 2px;
    }

    body select.gs-ui-select::-ms-expand {
        display: none;
    }

    body select.gs-ui-select > option {
        background: #272728;
        color: #fffded;
        font-size: 13px;
        text-transform: uppercase;
    }



    /********Inputs*******/

    body input.gs-ui-input {
        background: #272728;
        border: 1px solid #5c5b5c;
        color: #fffded;
        font-size: 13px;
        height: 34px;
    }

        body input.primary.error-field,
        body input.gs-ui-input.error-field {
            border: none;
            box-shadow: 0 1px 0 #ad4f4e !important;
        }

            body input.primary.error-field:focus,
            body input.gs-ui-input.error-field {
                box-shadow: 0 1px 0 #ad4f4e !important;
            }

            body input.primary.error-field:active,
            body input.gs-ui-input.error-field {
                box-shadow: 0 1px 0 #ad4f4e !important;
            }

            body input.primary.error-field:hover,
            body input.gs-ui-input.error-field {
                box-shadow: 0 1px 0 #ad4f4e !important;
            }


/************Labels************/

.gs-ui-label {
    color: #606568;
    font-weight: normal;
    text-transform: uppercase;
}

.gs-ui-field-label {
    font-size: 13px;
}



/*************UI Buttons**********/

/*******Common buttons******/

.gs-ui-btn-default:hover,
.gs-ui-btn-default:focus,
.gs-ui-btn-default:active {
    -webkit-box-shadow: none;
    background-color: #9ca270;
    border: none;
    box-shadow: none;
}



/********Search button**********/

.gs-ui-search {
    background: #9ca270;
    border: none;
    width: 140px;
}

    .gs-ui-search > .search-symbol {
        background: url("/Images/icons/common/searchicon24px.svg") no-repeat;
        background-size: 100% 100%;
        float: left;
        height: 24px;
        margin-top: 0;
        width: 24px;
    }

    .gs-ui-search > span {
        color: #e5e8df;
        float: left;
        font-size: 13px;
        margin-left: 22px;
        margin-top: 2px;
        text-shadow: none;
        text-transform: uppercase;
    }

.sendmail-modal .modal-dialog {
    width: 850px;
}

.mmb-icon {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    height: 20px;
    opacity: 0.4;
    width: 20px;
}

.mmb-icon-col {
    padding: 5px 0;
}

div.table .body .row > div.mmb-icon-col {
    padding: 15px 0 0 0;
}

.mmb-icon:hover {
    opacity: 0.9;
}

.mmb-icon.icon-edit {
    background-image: url('/Images/icons/common/editicon24.svg');
}

.mmb-icon.icon-delete {
    background-image: url('/Images/icons/common/delete.svg');
}

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

.tab-inline-wrapper .nav-tabs > li > a {
    white-space: nowrap;
}

.photo-modal .modal-dialog {
    width: 600px;
}

.photo-modal .return-later-modal div.template-modal-content {
    max-height: none;
}
.photo-modal label.loadLabel {
    background: #313031;
    overflow: hidden;
    width: 400px;
    height: 400px;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    text-align: center;
    border: 1px dashed #565656;
    background-image: url('/Images/icons/common/uploadicon.svg');
    background-repeat: no-repeat;
    cursor: pointer;
    background-position-x: center;
    background-position-y: 40%;
}
    .photo-modal label.loadLabel:hover {
    }
.photo-modal label.loadLabel ul {
    margin-top: 200px;
}
.photo-modal .cropArea {
    background: #303031;
    overflow: hidden;
    width: 400px;
    height: 400px;
}

.photo-modal img.card-photo {
    background-color: transparent;
    background-image: url('/Images/ui/cardimg.png');
    background-size: 100%;
    background-repeat: no-repeat;
    border-radius: 4px;
    width: 84px;
    height: 84px;
}

.photo-modal img.rounded-photo {
    background-image: url('/Images/ui/avatarimg.png');
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 50%;
    width: 84px;
    height: 84px;
}

.photo-modal .form-group-full {
    margin-top: 30px;
}

.photo-modal .form-group-full-header {
    margin-bottom: 7px;
}

.photo-modal .custom-alert .right-side-wrapper {
    margin-left: 50px;
    text-align: left;
    word-break: normal;
    padding-top: 14px;
    padding-bottom: 14px;
}

.photo-modal .custom-alert i.icon.icon-info {
    margin-top: 14px;
}

.template-modal-header i.glyphicon-remove {
    color: #a7a7a7;
}