/* в данном файле размещаются в первую очередь настройки различных цветов конкретного проекта для всех стандартных элементов */

body {
    color: #24242c;
    background-color: #ebeef1;
}

a, a:link, a:visited {
    color: #21ade4;
}

a:hover, a:active, a.selected {
    color: #7ad9ff;
}

hr {
    border-top: 1px solid rgb(218, 225, 232);
}

.placeholded {
    color: #999999;
}

div.quote {
    background-color: #eeeeee;
    border: 1px solid black;
}

a.careful {
    color: #dd0000;
}

div.fullpage_cover {
    background-color: rgb(255, 255, 255);
}

/* формы */
input, select, textarea, div.dropfield {
    border: 1px solid #d4d9dd;
    color: #24242c;
}

input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus, div.dropfield.hovered {
    border-color: #969ea6;
}

div.fieldname {
    color: #82828b;
}

/*div.field_group_separator {
    border-top: 1px dashed rgb(218, 225, 232);
}*/

table.maininfotable tr.menu, table.menutable tr.menu {
    background-color: #edf2f4;
    color: #7e858b;
}

table.maininfotable tr.menu a, table.menutable tr.menu a {
    color: #7e858b;
}

table.maininfotable tr.menu a:hover, table.menutable tr.menu a:hover {
    color: #24242c;
}

table.menutable tr.string1, table.maininfotable tr.string2 {
    background-color: #ffffff;
}

table.menutable tr.string2, table.maininfotable tr.string1 {
    background-color: #edf2f4;
}

div.fieldname.red + div.fieldvalue input,
div.fieldname.red + div.fieldvalue textarea,
div.fieldname.red + div.fieldvalue select,
div.fieldname.red + div.fieldvalue .select2-selection,
div.fieldname.red + div.fieldvalue div.dropfield,
div.fieldname.red + div.help + div.fieldvalue input,
div.fieldname.red + div.help + div.fieldvalue textarea,
div.fieldname.red + div.help + div.fieldvalue select,
div.fieldname.red + div.help + div.fieldvalue div.dropfield,
div.fieldname.red + div.fieldvalue iframe {
    border-color: #da291d !important;
}

div.fieldname.red {
    font-weight: normal;
    color: #da291d;
}

.maininfotable tr.red {
    background-color: #da291d;
}

.maininfotable tr.red td * {
    background-color: white;
}

div.help {
    background-color: #555b60;
    color: #b5b8bc;
}

div.help a {
    color: white;
}

div.placeholder {
    color: #999999;
}

div.dropfield {
    border: 1px solid rgb(231, 231, 231);
}

div.dropfield.focus {
    border-color: #3d7c9f;
}

div.dropfield div.options {
    background-color: #dce1e4;
}

div.dropfield div.options a:hover {
    color: #000000;
}

div.dropfield2 {
    border: none;
    background-color: #ffffff;
    border-radius: 0 0 .5em .5em;
}

div.dropfield2 div.dropfield2_select_all a, div.dropfield2 div.dropfield2_deselect_all a {
    color: #848b90;
    background-color: #dce1e4;
}

div.dropfield2 div.dropfield2_select_all a:hover, div.dropfield2 div.dropfield2_deselect_all a:hover {
    color: inherit;
    background-color: #d3d9dc;
}

div.dropfield2 .ui-resizable-s {
    border-top: 1px solid rgb(218, 225, 232);
    border-bottom: 1px solid rgb(218, 225, 232);
    background-color: rgb(240, 240, 240);
    background-image: linear-gradient(to bottom, rgb(150, 150, 150) .1em, transparent .1em, transparent);
}

a.ctrlink, a.ctrlink:link, a.ctrlink:visited {
    background-color: white;
}

.pagecount a.sm, .pagecount a.sm:hover {
    color: #135989;
}

.pagecount td.pagenums a {
    color: #666666;
}

.pagecount td.pagenums span.selpage {
    color: #ffffff;
    background-color: #666666;
}

.pagecount td.pagenums div.pagegroup {
    background-color: #cccccc;
}

.pagecount td.pagenums div.pagegroup img {
    background-color: #666666;
}

button {
    text-transform: none !important;
    font-size: 1.2rem;
    padding: 1.3rem 3rem;
}

button.ui-widget {
    font-size: 1.2rem;
}

button.ui-button {
    padding: 1.3rem 3rem;
}

button.main, input.main {
    background: linear-gradient(to right, #4e4ea1, #1484b8) !important;
    color: white !important;
    border: .15rem #1484b8 solid !important;
    border-radius: .3rem !important;
}

button.main:hover:not(.ui-button-disabled), input.main:hover {
    background: #21ade4 !important;
    border: .15rem #21ade4 solid !important;
}

button.nonimportant, input.nonimportant {
    background: #9ea0a7 !important;
    color: white !important;
    border: .15rem #9ea0a7 solid !important;
    border-radius: .3rem !important;
}

button.nonimportant:hover:not(.ui-button-disabled), input.nonimportant:hover {
    background: #797f84 !important;
    border: .15rem #797f84 solid !important;
}

button.careful, input.careful, button.main.careful {
    background: white !important;
    color: #4d4fa1 !important;
    border: .15rem #4d4fa1 solid !important;
    border-radius: .3rem !important;
}

button.careful:hover:not(.ui-button-disabled), input.careful:hover, button.main.careful:hover, button.main.careful:hover:not(.ui-button-disabled) {
    background: white !important;
    border: .15rem #1471b8 solid !important;
    color: #1471b8 !important;
}

div.colorSelector {
    border: 1px solid black;
}

div.indexer {
    background-color: white;
    border: 1px solid rgb(218, 225, 232);
}

div.indexer div.block_gray {
    background-color: rgb(241, 241, 241);
}

div.indexer div.block_name {
    background-color: rgb(222, 229, 235);
}

div.indexer div.block_header {
    background-color: rgb(241, 241, 241);
}

div.indexer div.ui-resizable-w {
    border-left: 1px solid rgb(218, 225, 232);
    border-right: 1px solid rgb(218, 225, 232);
    background-color: rgb(240, 240, 240);
    background-image: linear-gradient(to right, rgb(150, 150, 150) .1em, transparent .1em, transparent), linear-gradient(to right, rgb(150, 150, 150) .1em, transparent .1em, transparent);
}

div.fieldname.selected {
    color: #000000;
}

div.dropfield2_search input, div.maincontent_data.autocreated .ui-widget div.dropfield2_search input {
    background-color: #F5F5F5;
}

div.dropfield2 div.dropfield2_select_all a, div.dropfield2 div.dropfield2_deselect_all a {
    background-color: #F5F5F5;
}

div.dropfield2 div.dropfield2_select_all a:hover, div.dropfield2 div.dropfield2_deselect_all a:hover {
    background-color: #F5F5F5;
}

/* всякие цвета библиотек jquery */
.jq-file {
    background-color: rgb(255, 255, 255);
    border: 1px solid #d4d9dd !important;
}

div.fieldname.selected ~ div.fieldvalue .jq-file {
    border: 1px solid #969ea6 !important;
}

.jq-file .bar {
    background: #e86d00;
    color: white;
}

.ui-widget-content, .ui-widget-content a {
    color: #21ade4;
}

div.header .ui-widget-content a {
    color: rgb(51, 51, 51);
}

div.ui-tooltip {
    background: rgb(51, 51, 51);
    color: white;
}