﻿.modal-header {
    background-color: #007bff;
    color: #fff;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.btn-info {
    background-color: #ff1818;
    border-color: #ff1818;
}
.combobox {
    -webkit-appearance: button;
    background-image: url(../image/combo_part.png), -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
    background-position: 97% center;
    background-repeat: no-repeat;
    font-size: inherit;
    padding: 5px 10px;
    width: 300px;
}
.input_simple {
    -webkit-appearance: button;
    background-repeat: no-repeat;
    font-size: inherit;
    padding: 5px 10px;
    width: 300px;
}

.left_20
{
    margin-left: 20px;
}

.server_name
{
    width:255px; 
    margin-left: 0px; 
    height: 35px; 
    margin-bottom: 5px; 
    font-size: 18px;
}

.editche {
    padding: 3px;
    border: solid 1px gainsboro;
    font-size: 20px;
    width: 300px;    
}

.fieldset_vision_1{
    border: 1px solid #39c;
    padding: 12px;
    border-radius: 8px;
    -webkit-margin-end: 2px;
    -webkit-padding-before: 0.35em;
    -webkit-padding-after: 0.625em;
}

.butonche{
    margin-top: 16px;
    margin-right: 39px;
    margin-bottom: 8px;
    width: 120px;
    float: right;
    height: 46px;    
}

.top_20{
    margin-top:20px;
    display: block;
}

.button_20{
    margin-bottom:20px;
}

.add_item{
    font-size: 16px;
    text-decoration: none;
    color: rgba(69, 69, 210, 0.79);
    cursor: pointer;
}
.add_item:hover {
    color: #4545D2;
 }

.edit_item{
    font-size: 16px;
    text-decoration: none;
    color: rgba(0, 128, 0, 0.69);
    cursor: pointer;
}
.edit_item:hover {
    color: green!important;
}

.delete_item{
    font-size: 16px;
    text-decoration: none;
    color: rgba(128, 0, 0, 0.74);
    cursor: pointer;
}
.delete_item:hover {
    color: maroon;
}

.button_vision_1{
    padding: 0 1rem;
    height: 2.125rem;
    text-align: center;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px #d9d9d9 solid;
    color: #262626;
    cursor: pointer;
    display: inline-block;
    outline: none;
    font-size: .875rem;
    line-height: 1;
    margin: .15625rem 0;
    position: relative;
    border-radius: .325rem;
    align-items: flex-start;
    text-rendering: auto;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    font: 13.3333px Arial;
    -webkit-writing-mode: horizontal-tb;
    border-collapse: collapse;
}

.menu_link {
	display: none;
	padding: 10px;
	font-size: 15px;
	color: #0081d0;
	border-bottom: 1px solid #e0e0e0;
}


	.menu_link::before {
		content: "- "
	}

	.menu_link:hover {
		text-decoration: underline;
		color: #3c80f6;
	}

.group_panel_caption{
    /*font-family: serif;*/
}

.k-animation-container{
    top: 0px !important;
    left: 0px !important;
    visibility: hidden;    
}

.k-icon.k-i-calendar{
    margin-top: 8px;
}

.adi-ul{
    background-image: linear-gradient(to top, #7abcff, #60abf8, #4096ee);
    font-size: 19px
}

.adi-li-select{
    display:inline-block;
    background-color: white;
    padding: 8px 12px 8px 12px;
    border-bottom: none;
    cursor: pointer
}

.adi-li-unselect {
    display:inline-block;
    padding: 8px 12px 8px 12px;
    cursor: pointer;
}

.button_style {
    color: #7f7f7f;
    text-decoration: none;
    font-size: 18px;
}

.button_style:hover {
    color: black;
    text-decoration: underline;
    font-size: 18px;
}
#untestedTasksYs {
    display: none;
    font-size: 24px;
    color: #fd753a;
    padding: 5px;
    text-align: center;
    font-family: Tahoma;
}
#untested-tasks {
    display: none;
    background-color: #fd611d;
    font: 16px Tahoma;
    color: #fff;
    animation: blinker 1.5s linear infinite;
    cursor: pointer;
    text-align: center;
    border-radius: 6px;
}
#db-check-wrapper {
    border-style: solid;
    border-radius: 10px;
    border-width: 1px;
    margin: 4px;
    padding: 10px;
    border-color: #dbdbdb;
}
.buttons_n_filters {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    border-style: solid;
    border-radius: 10px;
    border-width: 1px;
    margin: 1px;
    padding: 5px;
    border-color: #dbdbdb;
}
.srvCheck {
    border-style: solid;
    border-radius: 10px;
    border-width: 1px;
    margin: 0px;
    padding: 5px;
    border-color: #dbdbdb;
}
.updateVersionControl {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
    border-style: solid;
    border-radius: 10px;
    border-width: 1px;
    margin: 1px;
    border-color: #dbdbdb;
}

/* .updateVersionControl > div:nth-child(even) {
    background-color: white; 
  } */

.updateVersionName {
    /* margin: 0 15px 0 0px; */
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #cecece;

    border-radius: 8px 8px 0 0;
    padding: 0 5px;
    /* width: 25%; */
}
.updateVersionValue{
    /* width: 60%; */
}
.updateVersionValueError{
    width: 80%;
    height: 60px;
    overflow: auto;
}
.updateVersionNameError{
    margin: 0 15px 0 0px;
    width: 20%;
    color: red;
}
.updateVersion {
    display: flex;
    justify-content: space-around;
    width: 100%;
    border-width: 0 0 1px 0;
    border-style: dotted;
    border-color: #c9c9c9;
    flex-direction: column;
    height: 100% !important;
}


	#untested-tasks.show {
		display: flex;
	}
    #untestedTasksYs.show {
        display: flex;
    }

@keyframes blinker {
    50% {
		opacity: 0;
	}
}
.lds-roller,
        .lds-roller div,
        .lds-roller div:after {
        box-sizing: border-box;
        }
        .lds-roller {
        display: inline-block;
        position: relative;
        width: 80px;
        height: 80px;
        }
        .lds-roller div {
        animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        transform-origin: 40px 40px;
        }
        .lds-roller div:after {
        content: " ";
        display: block;
        position: absolute;
        width: 7.2px;
        height: 7.2px;
        border-radius: 50%;
        background: currentColor;
        margin: -3.6px 0 0 -3.6px;
        }
        .lds-roller div:nth-child(1) {
        animation-delay: -0.036s;
        }
        .lds-roller div:nth-child(1):after {
        top: 62.62742px;
        left: 62.62742px;
        }
        .lds-roller div:nth-child(2) {
        animation-delay: -0.072s;
        }
        .lds-roller div:nth-child(2):after {
        top: 67.71281px;
        left: 56px;
        }
        .lds-roller div:nth-child(3) {
        animation-delay: -0.108s;
        }
        .lds-roller div:nth-child(3):after {
        top: 70.90963px;
        left: 48.28221px;
        }
        .lds-roller div:nth-child(4) {
        animation-delay: -0.144s;
        }
        .lds-roller div:nth-child(4):after {
        top: 72px;
        left: 40px;
        }
        .lds-roller div:nth-child(5) {
        animation-delay: -0.18s;
        }
        .lds-roller div:nth-child(5):after {
        top: 70.90963px;
        left: 31.71779px;
        }
        .lds-roller div:nth-child(6) {
        animation-delay: -0.216s;
        }
        .lds-roller div:nth-child(6):after {
        top: 67.71281px;
        left: 24px;
        }
        .lds-roller div:nth-child(7) {
        animation-delay: -0.252s;
        }
        .lds-roller div:nth-child(7):after {
        top: 62.62742px;
        left: 17.37258px;
        }
        .lds-roller div:nth-child(8) {
        animation-delay: -0.288s;
        }
        .lds-roller div:nth-child(8):after {
        top: 56px;
        left: 12.28719px;
        }
        @keyframes lds-roller {
        0% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
        }