/**
 * Low level styling of administration like buttons texts
 * inputs colors, text colors, css effects, etc.
 * @author Kiril Kirkov
 */
 
#kirilkirkov {
    box-shadow: 0 0 10px -5px #afafaf;
}

#kirilkirkov .header {
    background-image: url('../Img/backgr.jpg');
    border-radius: 5px 5px 0 0;
    min-height: 40px;
}

#kirilkirkov .header img.logo {
    height: 63px;
    position: absolute;
    margin-top: 7px;
}

#kirilkirkov .premium-feature-box {
    border: 2px dashed #26b6e8;
    background-color: #f0f8fc;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 20px;
}

#kirilkirkov .premium-feature-box h3 {
    margin: 0;
    color: #26b6e8;
}

#kirilkirkov .premium-feature-box p {
    margin-top: 0;
}

#kirilkirkov .premium-feature-box-mini {
    border: 1px dashed #26b6e8;
    background-color: #f0f8fc;
    padding: 2px;
    border-radius: 5px;
    text-align: center;
    font-size: 12px;
}

#kirilkirkov .premium-feature-container {
    /* colors for labels and input fields disalbed */
    pointer-events: none;
    opacity: 0.6;
}

#kirilkirkov .premium-feature-box .kkinv-btn-primary {
    display: inline-block;
    background-color: #26b6e8;
    color: #fff;
    padding: 8px 15px;
    border-radius: 3px;
    text-decoration: none;
    font-size: 13px;
}

#kirilkirkov .premium-feature-box-mini .kkinv-btn-primary {
    display: inline-block;
    background-color: #26b6e8;
    color: #fff;
    padding: 5px 10px;
    border-radius: 3px;
    text-decoration: none;
    font-size: 11px;
}

#kirilkirkov .show-info {
    border: 2px solid #26b6e8;
    color: #26b6e8;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    text-decoration: none;
}

#kirilkirkov .show-info::before {
    content: '?';
}

#kirilkirkov .show-info:hover {
    text-decoration: none;
}

#kirilkirkov .header h2 {
    color: #ccc;
}

#kirilkirkov .main-color {
    color: #26b6e8;
}

#kirilkirkov .bg-main {
    background-color: #26b6e8;
}

#kirilkirkov .max-w-400p {
    max-width: 400px;
}

#kirilkirkov .bg-main--important {
    background-color: #26b6e8 !important;
}

#kirilkirkov button[type=submit], #kirilkirkov a.type-submit--design {
    background-color: #26b6e8;
    cursor: pointer;    
    color: #fff;
    border-radius: 50px;
    box-shadow: none;
    border: 0;
    text-transform: uppercase;
    min-width: 90px;
    height: 40px;
}

#kirilkirkov input[type="text"], #kirilkirkov input[type="number"], #kirilkirkov textarea {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

#kirilkirkov .templates-settings .template {
    padding: 5px;
}

#kirilkirkov a.type-submit--design {
    display: inline-block;
    text-shadow: none;
    text-decoration: none;
    font-size: 13px;
    line-height: 2.15384615;
    min-height: 30px;
    margin: 0;
    padding: 0 10px;
    cursor: pointer;
    white-space: nowrap;
    box-sizing: border-box;
    -webkit-appearance: none;
    vertical-align: middle;
    line-height: 40px;
}

#kirilkirkov .form-row {
    margin-bottom: 15px;
}

#kirilkirkov label {
    font-size: 12px;
    margin-bottom: 5px;
    font-weight: bold;
    display: inline-block;
}

#kirilkirkov .align-middle {
    vertical-align: middle;
}

#kirilkirkov .th-div, #kirilkirkov label, #kirilkirkov .label {
    color:rgba(63, 63, 63, 0.68);
}

#kirilkirkov .header button:hover {
    background-color: #26b6e8;
}

#kirilkirkov .section-header {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    border-left: 1px solid #d9d8d8;
    border-right: 1px solid #d9d8d8;
}

#kirilkirkov .section-body {
    border: 1px solid #d9d8d8;
}

#kirilkirkov .form-table {
    margin-top:0;
}

#kirilkirkov .ad-box {
    background-color: #fff;
    border: 1px solid #d9d8d8;
    border-radius: 10px;
}

#kirilkirkov .ad-box img {
    width: 100%;
}

#kirilkirkov .gray-color {
    color: rgba(87,87,87,1);
}

#kirilkirkov .border-wp-color {
    border-color: #c3c4c7;
}

#kirilkirkov .border-gray {
    border-color: rgba(87,87,87,1);
}

#kirilkirkov .shadow-box {
    -webkit-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.22); 
    box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.22);
}

#kirilkirkov .ad-col {
    background-color: #f9f9f9;
}

#kirilkirkov textarea {
    height: 80px;
}

#kirilkirkov .alert {
    display: block;
    min-width: 60px;
    text-align: center;
    border-radius: 15px;
    padding: 4px 8px;
    font-size: .8em;
    font-weight: 600;
    height: 17px;
    line-height: 17px;
}

#kirilkirkov .alert.alert-info {
    background-color: #29b6f6;
    color: #fff;
}

#kirilkirkov .alert.alert-success, #kirilkirkov .btn-accept {
    background-color: #61ce70;
    color: #fff;
}

#kirilkirkov .alert.alert-danger, #kirilkirkov .btn-reject {
    background-color: #f44336;
    color: #fff;
}

#kirilkirkov .text-error {
    color: #f44336;
}

#kirilkirkov .text-success {
    color: #61ce70;
}

#kirilkirkov .default-btn {
    box-shadow: #e3e3e3 0 1px 1px;
    border-radius: 3px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.428571429;
    text-align: center;
    background-color: #fef0a1;
    border: 1px solid #d6a437;
    color: #333;
    padding: 7px 14px 6px 14px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #ffe8b2;
    -webkit-box-shadow: 0 1px 1px rgba(000,000,000,.1),inset 0 1px 1px rgba(255,255,255,.7);
}

#kirilkirkov .accent-button {
    display: block;
    text-align: center;
    box-shadow: none;
    min-width: 100px;
    background-color: #ff5722;
    border: 0;
    color: #fff;
    text-decoration: none;
    padding: 5px 12px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.428571429;
    border-radius: 3px;
    white-space: nowrap;
    user-select: none;
}

#kirilkirkov .shortcode {
    padding: 20px 50px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    background-color: #fff;
}

#kirilkirkov .country-type {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 25px;
    margin-left: 5px;
}

#kirilkirkov .country-type select {
    width: 90px;
}

#kirilkirkov .countires-list {
    padding-left: 100px !important;
}

/* Hide default notifications */
.update-nag, .updated, .error, .is-dismissible { display: none; }

/* Modal */
#kirilkirkov .ft-modal {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
    z-index: 9999;	
    overflow: auto;
	position: fixed;
    visibility: hidden; 
	background: rgba(0,0,0,.8);
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}

#kirilkirkov .ft-modal:target {
	opacity: 1;
	margin-top: 0px;
	visibility: visible;	
}

#kirilkirkov .ft-modal-content {
	width: 70%;
    padding: 25px;
	background: #FFF;
	max-width: 600px;
    margin: 70px auto;
	position: relative;
	border-radius: 8px;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}

#kirilkirkov .ft-modal .header {
    background-color: transparent;
    background: transparent;
}
/* /Modal end */

/* Dynamic containers */
#kirilkirkov .dynamic-container {
    position: relative;
}

#kirilkirkov .dynamic-container div {
    position: relative;
}

#kirilkirkov .dynamic-container .remove-dynamic-element {
    position: absolute;
    right: 0;
    margin-right: 5px;
    top: 0;
    margin-top: 8px;

    border: 2px solid #f44336;
    color: #f44336;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    text-decoration: none;
}

#kirilkirkov .dynamic-container .remove-dynamic-element::before {
    content: '\00d7';
}

#kirilkirkov .dynamic-container .remove-dynamic-element:hover {
    text-decoration: none;
}

#kirilkirkov .dynamic-container input {
    padding-right: 60px;
}

#kirilkirkov .dynamic-container .dashicons-sort {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 40px;
    margin-top: 10px;
    color: #f44336;
    cursor: pointer;
}
/* /Dynamic containers */

/* Task create */
#kirilkirkov .section-body-create-task {
     border-radius: 0 0 5px 5px;
}

#kirilkirkov .task-create label {
    color: rgba(63, 63, 63, 0.68);
}

#kirilkirkov .task-create .due-date span {
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 10px;
    margin-left: 5px;
}

#kirilkirkov .task-create select {
     padding: .375rem .75rem;
}

#kirilkirkov .task-create .due-date input {
    padding-left: 25px;
}

#kirilkirkov .task-create .task-error {
    margin: 0;
    color: #f44336;
}
/* /Task create */

/* Task Preview */
#kirilkirkov .task-preview .issue {
    position: relative;
    background-color:#ffffdd; 
    border:1px solid #d5d5d5; 
    max-width: 800px;
}
#kirilkirkov .task-preview .issue .dashicons-sticky {
    position: absolute;
    top: -10px;
    left: -10px;
    transform: rotate(-25deg);
}
/* /Task Preview */

/* Table list invoices */
#kirilkirkov-inv .tablenav-pages { padding-top: 20px; }
#kirilkirkov-inv .mobile-inv-number-table-preview { 
    display: flex;
    align-items: center;
}
#kirilkirkov-inv .mobile-inv-number-table-preview .kk-inv-label-mobile,
#kirilkirkov-inv .mobile-inv-number-table-preview .kk-inv-label-desktop { 
    display: none;
}

#kirilkirkov .shortcode {
    padding: 20px 50px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    background-color: #fff;
    position: relative;
}

#kirilkirkov .shortcode span {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -25px;
    font-size: 10px;
}

@media (max-width: 782px) {
    #kirilkirkov-inv .mobile-inv-number-table-preview .kk-inv-label-mobile {display: inline;}
}

@media (min-width: 782px) {
    #kirilkirkov-inv .mobile-inv-number-table-preview .kk-inv-label-desktop {display: inline;}
}

/* Table list clients */
#kirilkirkov-inv-client-list-page .mobile-client-name-table-preview { 
    display: flex;
    align-items: center;
}
#kirilkirkov-inv-client-list-page .mobile-client-name-table-preview .kk-inv-label-mobile,
#kirilkirkov-inv-client-list-page .mobile-client-name-table-preview .kk-inv-label-desktop { 
    display: none;
}

@media (max-width: 782px) {
    #kirilkirkov-inv-client-list-page .mobile-client-name-table-preview .kk-inv-label-mobile {display: inline;}
}

@media (min-width: 782px) {
    #kirilkirkov-inv-client-list-page .mobile-client-name-table-preview .kk-inv-label-desktop {display: inline;}
}

/* Table list items */
#kirilkirkov-inv-items-list-page .mobile-client-name-table-preview { 
    display: flex;
    align-items: center;
}
#kirilkirkov-inv-items-list-page .mobile-client-name-table-preview .kk-inv-label-mobile,
#kirilkirkov-inv-items-list-page .mobile-client-name-table-preview .kk-inv-label-desktop { 
    display: none;
}

@media (max-width: 782px) {
    #kirilkirkov-inv-items-list-page .mobile-client-name-table-preview .kk-inv-label-mobile {display: inline;}
}

@media (min-width: 782px) {
    #kirilkirkov-inv-items-list-page .mobile-client-name-table-preview .kk-inv-label-desktop {display: inline;}
}

/* Table list periodic invoices */
#kirilkirkov-inv-periodic-inv-list-page .mobile-periodic-inv-name-table-preview { 
    display: flex;
    align-items: center;
}
#kirilkirkov-inv-periodic-inv-list-page .mobile-periodic-inv-name-table-preview .kk-inv-label-mobile,
#kirilkirkov-inv-periodic-inv-list-page .mobile-periodic-inv-name-table-preview .kk-inv-label-desktop { 
    display: none;
}

@media (max-width: 782px) {
    #kirilkirkov-inv-periodic-inv-list-page .mobile-periodic-inv-name-table-preview .kk-inv-label-mobile {display: inline;}
}

@media (min-width: 782px) {
    #kirilkirkov-inv-periodic-inv-list-page .mobile-periodic-inv-name-table-preview .kk-inv-label-desktop {display: inline;}
}