.Sortable{float: right;margin: 0;padding: 0;}
.Sortable li{list-style: none;float: left;padding-left: 5px;}

:root {
    --cl1: #09595c;
    --cl2: #d30049;
    --cl3: #e4006c;
    --cl4: #009dcc;
    --cl41: #00c8ff;
    --cl5: #009a92;
    --cl6: #94c01f;
    --cl61: #aee224;
    --cl7: #002c50;
    --cl8: #131a25;
    --cl9: #34807d;
}

.navbar-inner, .setting,.bg-blue1  {background:  var(--cl1) !important;}
.btn-primary{background: var(--cl1) !important;border-color: var(--cl1);}
.btn-primary:hover{background: #4abaa5 !important;border-color: var(--cl1);}
.bg-blue{background: var(--cl1) !important;}
.btn-nohover:focus{background: auto !important;;}

.btn-primary:focus{background: #008200 !important;border-color: var(--cl1) !important;}

.blue{color: var(--cl1) !important;}
.bordered-themeprimary{border-color: var(--cl1) !important;}
.navbar .navbar-inner .navbar-header .navbar-account .account-area > li.open > a{background: none !important;}


.account-area{right: 0px !important;}
.grey{color: #a0a0a0;}
#notificationSign{display: none;}
.hover-no-bg:hover{background: none !important;}

.singleTitle{margin: 6px 0px 9px 0px;;display: block}

.currentTime{background: #d30000 !important;border-color: red !important;;}

h1, h2, h3, h4, h5, h6 {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif !important;
}
.min-height-200{min-height: 200px;}


.no-margin{margin:0px;}
.no-padding{padding: 0px;}


.btn-green{background: green;color: white;border-color: green;border-radius: 2px;}
.btn-green:hover{color: white;background: #00a000;border-color: #00a000;}

.period1{background: #fff2f7 !important;}
.period2{background: #b9f9fa !important;}
.period3{background: #fae2bb !important;}
.period4{background: #d1d1d1 !important;}
.select2{width: 100%;}

.userLine:hover{background: rgba(94, 241, 235, 0.27) !important;}

.currentTimeLine{background: rgba(0, 238, 0, 0.13);}

.form-control{border-radius: 1px !important;}
.form-control2{height: auto;}
.forumRow{min-height: 170px;height: auto !important;;}
.submenu2{}
.submenu2 li, .submenu2 li a{box-shadow: none !important;}
.avatarBig{max-width: 100%;height: auto;width: 120px;}

.listButtons{margin: 0;padding: 0;}
.listButtons li{list-style: none;float: none;padding-left: 0px;float: left;text-align: center;padding: 10px;border: solid 1px #fff;margin:10px;}
.listButtons li a{text-decoration: none;}
.listButtons li:hover{border-color: #e9e9e9;}
.listButtons li i{font-size: 40px;padding: 10px;}
.listButtons li span{display: block;text-align: center;}

.file-list-small{padding: 0;margin: 0;}
.file-list-small li{list-style: none;}

.hiddenScroll{height: 100%;overflow: hidden;}

.select2-selection{border-radius: 0px !important;;border-color: #d5d5d5 !important;min-height: 34px !important;padding-top: 3px;padding-bottom: 3px;}
.select2-selection--multiple{padding-top: 0px;padding-bottom: 0px;min-height: 27px !important;height:  auto !important;line-height: 15px !important;}
.select2-selection__choice{background: #2dc3e8 !important;color: white !important;border-radius: 0px !important;border:none !important;padding: 4px !important;}
.select2-selection__choice:hover{background: #2fcdf4 !important;}
.select2-result-repository__avatar{float: left;min-width: 32px;text-align: center;padding-right: 4px;}
.select2-result-repository__avatar img{height: 36px !important;width: 32px; }
.select2-ajax{width: 100%;}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background: #2dc3e8 !important;}
.select2-container--default .select2-results__option[aria-selected="true"] {    background-color: rgb(60, 189, 132) !important;color: #fff !important;}
.select2-container--default .select2-results__option[aria-selected="true"]:hover{color: #fff7e9 !important;}

.FutureStream{}

#plannedUsers, #onlineusers, #messages, #filelist{width: 100%;overflow: auto;min-height: 450px;}


.label-item{clear: both;}
.label-item:hover{background: red !important;}
.label-item a{float: left;background: none;}
.label-item i{float: right;margin: 13px;cursor: pointer;color: #a0a0a0;transition: all 0.5 s ease;}
.label-item:hover i{color: #4a4a4a;}
.avatar-sm{height: 16px;width: 16px;}
.cube{padding: 0px 8px 0px 8px;border-radius: 1px;}
blockquote{font-size: 12px;margin-left: 30px;}
blockquote small{font-style: italic !important;}
.currentpage{color: #ff0000 !important;}
.pages{font-style: normal !important;}


/*********** testing ***********/
.QuestionWait{background: #babf0d;color: white;border:solid 1px #babf0d;}
.QuestionDone{color: #000000;border:solid 1px #babf0d;background: white;}
.QuestionCurrent{border:solid 1px #bf0306;background: #bf0306;color: white !important;}
.QuestionWrong{background: #be0000 !important;color: #f0f0f0 !important;}
.QuestionRight{background: #007400 !important;color: #f0f0f0 !important;}
.QuestionNav{display: block;height: 20px;width: 20px;text-align: center;float: left;margin: 3px 3px 3px 0px;text-decoration: none;}
.QuestionNav:hover{text-decoration: none;}
.QuestionNav:focus{}

.Answers{padding: 0;}
.Answers li{list-style: none;}
.Answers li a{display: block;padding: 10px;text-decoration: none;border: solid 1px #ebebeb;margin: 5px;}
.Answers li a.current{background: #ffdb72;}
.Answers li a b{padding-right: 10px;}

#TestDone{background: #007400;display: none;}

.RightAnswer{background: #008000;color: white !important;}
.WrongAnswer{background: #be0000;color: white !important;}

.float-right{float: right;}
input.float-right{width: 50%;}

.mini-percent{padding: 0px;}
.QuestionTry{display: none;}


.col-timeline{width: 12.3%;float: left;padding: 0.2%;}
.col-timeline label{display: block;font-size: 11px;text-align: center}

.form-control-small{height: 24px;padding: 0px !important;}

.Money{background: rgba(255, 0, 0, 0.40);padding: 10px;border-left: solid 1px #a0a0a0;border-right: solid 1px #a0a0a0;}
.Money a{font-size: 17px;color: #dddddd;}
.Money a span{font-size: 19px;color: white;}

.toBlur{transition:all 0.25s ease;}
.Blur{ -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: blur(3px);padding: 0px;margin: 0px;top:0px;}


.TarifItem{border: solid 1px #e2e2e2;padding-bottom: 20px;border-radius: 2px;margin: 1%;width: 48%;background: #f5f5f5;}
.first-line{padding-bottom: 10px;}
.second-line{border-top:solid 1px #e2e2e2;padding-top: 10px;padding-bottom: 10px;}
.last-line{border-top:solid 1px #e2e2e2;padding-top: 10px;padding-bottom: 0px !important;;}
.TarifItemAudit{margin: 1%;width: 31.3%;}
.TarifItemCRM{margin: 0px;width: 100%;text-align: left;}
.TarifItem:hover{border-color: #dddddd;}
.TarifItem:hover .tarifHeader{background: #dddddd;}
.tarifHeader{display: block;text-align: left;font-size: 19px;color: #fff;background: #e2e2e2;padding: 10px;margin-bottom: 10px;}
.tarifHeader2{text-align: left;}
/*.price{display: block;text-align: center;font-size: 19px;margin-bottom: 10px;}*/
.included{display: block;text-align: center;margin-bottom: 10px;}
.speed{display: block;text-align: center;margin-bottom: 10px;}
.finalPrice{display: block;text-align: center;margin-bottom: 10px;}
.smallDesc b{font-weight: 100 !important;font-size: 12px;color: #a0a0a0 !important;}
.TarifItem b{color: #be0000;}
.TarifItem small{color: #a0a0a0;}
.featuresList{padding: 10px;padding-left: 0px;}
.featuresList li{list-style: none;font-size: 1em;color: #787878;}
.featuresList li span{color: #212121;}
.inactive{color: #a0a0a0;}
.inactive *, .inactive{color: #c6c6c6 !important;;text-decoration:line-through;}
.minidesc{font-size: 1.2em;}
.TarifItem .fa-star, .featuresList .fa-star{color: #e6c80e;}
.innerList1{background: #d20000 !important;}
.innerList2{background: #43867b !important;}
.innerList12{background: #175e8c !important;}
.innerList3{background: #549e2c !important;}
.innerList13{background: #1a804f !important;}
.innerList4{background: #d24397 !important;}
.innerList5{background: #797979 !important;}
.innerList6{background: #de46cd !important;}

.avatar{height: 50px;width: 50px;background-size: cover;background-position: center;background-repeat: no-repeat;border-radius: 50px;border: solid 4px #d5d5d5;}
.avatarBig{height: 100px;width: 100px;background-size: cover;background-position: center;background-repeat: no-repeat;border-radius: 50px;border: solid 4px #d5d5d5;}
.date{color: #8d8d8d;font-style: italic;}
.opinionItem{border-bottom: solid 1px rgba(172, 172, 172, 0.18);padding: 10px 0px 10px 0px;}

@media screen and (max-width: 700px) {
    .Desktop{display: none !important;}
    .navbar-fixed-top + .main-container {
        margin-top: 47px !important;
    }
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{padding-left: 6px;padding-right: 6px;}
    .col-timeline{float: none !important;width: 100% !important;}
    .TarifItem{width: 100%;}
}

@media screen and (max-width: 1024px) {
    .desktop-1024{display: none !important;}
}


.colored-spans span{padding: 2px;margin: 1px;min-width: 30px;display: block;float: left;text-align: center;}

.windows8 {
    position: relative;
    width: 78px;
    height:78px;
    margin:auto;
}

.windows8 .wBall {
    position: absolute;
    width: 74px;
    height: 74px;
    opacity: 0;
    transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    animation: orbit 3.3225s infinite;
    -o-animation: orbit 3.3225s infinite;
    -ms-animation: orbit 3.3225s infinite;
    -webkit-animation: orbit 3.3225s infinite;
    -moz-animation: orbit 3.3225s infinite;
}

.windows8 .wBall .wInnerBall{
    position: absolute;
    width: 10px;
    height: 10px;
    background: rgba(0,0,0,0.62);
    left:0px;
    top:0px;
    border-radius: 10px;
}

.windows8 #wBall_1 {
    animation-delay: 0.726s;
    -o-animation-delay: 0.726s;
    -ms-animation-delay: 0.726s;
    -webkit-animation-delay: 0.726s;
    -moz-animation-delay: 0.726s;
}

.windows8 #wBall_2 {
    animation-delay: 0.143s;
    -o-animation-delay: 0.143s;
    -ms-animation-delay: 0.143s;
    -webkit-animation-delay: 0.143s;
    -moz-animation-delay: 0.143s;
}

.windows8 #wBall_3 {
    animation-delay: 0.2865s;
    -o-animation-delay: 0.2865s;
    -ms-animation-delay: 0.2865s;
    -webkit-animation-delay: 0.2865s;
    -moz-animation-delay: 0.2865s;
}

.windows8 #wBall_4 {
    animation-delay: 0.4295s;
    -o-animation-delay: 0.4295s;
    -ms-animation-delay: 0.4295s;
    -webkit-animation-delay: 0.4295s;
    -moz-animation-delay: 0.4295s;
}

.windows8 #wBall_5 {
    animation-delay: 0.583s;
    -o-animation-delay: 0.583s;
    -ms-animation-delay: 0.583s;
    -webkit-animation-delay: 0.583s;
    -moz-animation-delay: 0.583s;
}



@keyframes orbit {
    0% {
        opacity: 1;
        z-index:99;
        transform: rotate(180deg);
        animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        transform: rotate(300deg);
        animation-timing-function: linear;
        origin:0%;
    }

    30% {
        opacity: 1;
        transform:rotate(410deg);
        animation-timing-function: ease-in-out;
        origin:7%;
    }

    39% {
        opacity: 1;
        transform: rotate(645deg);
        animation-timing-function: linear;
        origin:30%;
    }

    70% {
        opacity: 1;
        transform: rotate(770deg);
        animation-timing-function: ease-out;
        origin:39%;
    }

    75% {
        opacity: 1;
        transform: rotate(900deg);
        animation-timing-function: ease-out;
        origin:70%;
    }

    76% {
        opacity: 0;
        transform:rotate(900deg);
    }

    100% {
        opacity: 0;
        transform: rotate(900deg);
    }
}

@-o-keyframes orbit {
    0% {
        opacity: 1;
        z-index:99;
        -o-transform: rotate(180deg);
        -o-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -o-transform: rotate(300deg);
        -o-animation-timing-function: linear;
        -o-origin:0%;
    }

    30% {
        opacity: 1;
        -o-transform:rotate(410deg);
        -o-animation-timing-function: ease-in-out;
        -o-origin:7%;
    }

    39% {
        opacity: 1;
        -o-transform: rotate(645deg);
        -o-animation-timing-function: linear;
        -o-origin:30%;
    }

    70% {
        opacity: 1;
        -o-transform: rotate(770deg);
        -o-animation-timing-function: ease-out;
        -o-origin:39%;
    }

    75% {
        opacity: 1;
        -o-transform: rotate(900deg);
        -o-animation-timing-function: ease-out;
        -o-origin:70%;
    }

    76% {
        opacity: 0;
        -o-transform:rotate(900deg);
    }

    100% {
        opacity: 0;
        -o-transform: rotate(900deg);
    }
}

@-ms-keyframes orbit {
    0% {
        opacity: 1;
        z-index:99;
        -ms-transform: rotate(180deg);
        -ms-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -ms-transform: rotate(300deg);
        -ms-animation-timing-function: linear;
        -ms-origin:0%;
    }

    30% {
        opacity: 1;
        -ms-transform:rotate(410deg);
        -ms-animation-timing-function: ease-in-out;
        -ms-origin:7%;
    }

    39% {
        opacity: 1;
        -ms-transform: rotate(645deg);
        -ms-animation-timing-function: linear;
        -ms-origin:30%;
    }

    70% {
        opacity: 1;
        -ms-transform: rotate(770deg);
        -ms-animation-timing-function: ease-out;
        -ms-origin:39%;
    }

    75% {
        opacity: 1;
        -ms-transform: rotate(900deg);
        -ms-animation-timing-function: ease-out;
        -ms-origin:70%;
    }

    76% {
        opacity: 0;
        -ms-transform:rotate(900deg);
    }

    100% {
        opacity: 0;
        -ms-transform: rotate(900deg);
    }
}

@-webkit-keyframes orbit {
    0% {
        opacity: 1;
        z-index:99;
        -webkit-transform: rotate(180deg);
        -webkit-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -webkit-transform: rotate(300deg);
        -webkit-animation-timing-function: linear;
        -webkit-origin:0%;
    }

    30% {
        opacity: 1;
        -webkit-transform:rotate(410deg);
        -webkit-animation-timing-function: ease-in-out;
        -webkit-origin:7%;
    }

    39% {
        opacity: 1;
        -webkit-transform: rotate(645deg);
        -webkit-animation-timing-function: linear;
        -webkit-origin:30%;
    }

    70% {
        opacity: 1;
        -webkit-transform: rotate(770deg);
        -webkit-animation-timing-function: ease-out;
        -webkit-origin:39%;
    }

    75% {
        opacity: 1;
        -webkit-transform: rotate(900deg);
        -webkit-animation-timing-function: ease-out;
        -webkit-origin:70%;
    }

    76% {
        opacity: 0;
        -webkit-transform:rotate(900deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(900deg);
    }
}

@-moz-keyframes orbit {
    0% {
        opacity: 1;
        z-index:99;
        -moz-transform: rotate(180deg);
        -moz-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -moz-transform: rotate(300deg);
        -moz-animation-timing-function: linear;
        -moz-origin:0%;
    }

    30% {
        opacity: 1;
        -moz-transform:rotate(410deg);
        -moz-animation-timing-function: ease-in-out;
        -moz-origin:7%;
    }

    39% {
        opacity: 1;
        -moz-transform: rotate(645deg);
        -moz-animation-timing-function: linear;
        -moz-origin:30%;
    }

    70% {
        opacity: 1;
        -moz-transform: rotate(770deg);
        -moz-animation-timing-function: ease-out;
        -moz-origin:39%;
    }

    75% {
        opacity: 1;
        -moz-transform: rotate(900deg);
        -moz-animation-timing-function: ease-out;
        -moz-origin:70%;
    }

    76% {
        opacity: 0;
        -moz-transform:rotate(900deg);
    }

    100% {
        opacity: 0;
        -moz-transform: rotate(900deg);
    }
}

#Saving{display: none;position: fixed;top:40%;z-index: 99999999;width: 100%}
.form-control span{color: #383838;}
.info-well .form-group{margin-bottom: 5px;}
tbody tr:hover{background: rgba(134, 219, 245, 0.26);}

.introjs-tooltiptext{font-size: 14px;color: #3e3e31;}
.introjs-tooltip{background: #ece05c;}
.introjs-arrow.bottom {
    bottom: -10px;
    border-top-color: #ece05c;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
}
.introjs-arrow.top {
    top: -10px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #ece05c;
    border-left-color: transparent;
}

.bg-light{background: rgb(38, 92, 67) !important;}
.bg-light2{background: rgb(22, 83, 92)  !important;;;}
.bg-light3{background: rgb(44, 84, 97) !important;;;}
.bg-light4{background: rgb(92, 57, 76) !important;;;}
.bg-light5{background:  rgb(29, 92, 91)  !important;;;}
.account-area>li{transition: all 1s ease;}
.account-area>li:hover{background: var(--cl2) !important;}

tr td a i{color: #5a5a5a !important;}
tr:hover td a i{color: var(--cl4) !important;}
.auto-height{height: auto !important;}

.lpz{width: 50%;float: left;}
.form-control .col-xs-2{padding: 0px 4px !important;}
.form-control .col-xs-1{padding: 0px 4px !important;}
.form-control .col-xs-2 input.form-control{padding: 2px !important;height: 28px;}
.form-control .col-xs-1 input.form-control{padding: 2px !important;height: 28px;}
.form-control .col-xs-3 select.form-control{padding: 2px !important;height: 28px;}
.bordered-bottom-dotted{border-bottom: dotted 1px #dedede;}
.bordered-bottom-dotted:hover{text-decoration: none;border-color: red;}

.mark{display: block;width:24px;text-align: center;float:left;}
.mark:hover{text-decoration: none;background: #dfe4e1;}
.transform-degree{
    width:24px;
    height: 70px;
    text-align: left;
    background: #fffdb9;
    border-right: solid 1px #dddddd;;
    font-weight: normal !important;
    font-family: Tahoma, Verdana, Arial, sans-serif !important;
}
.transform-degree span{-ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    display: block;
    position: relative;
    bottom: -44px;
}

.rotate{
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.updatedMark{background: rgba(250, 255, 154, 0.88) !important;}
.mark-itog{background: #9ff5ff;}
.mark-itog-exam{background: rgba(131, 247, 182, 0.93);}
.period2{background: #e5d7cd !important;}