@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,500,700&subset=cyrillic,cyrillic-ext');
body{font-family: 'Source Sans Pro', Tahoma, sans-serif;}
h1,h2,h3,h4,h5,h6{font-family: 'Source Sans Pro', Tahoma, sans-serif;}

.Sortable{float: right;margin: 0;padding: 0;}
.Sortable li{list-style: none;float: left;padding-left: 5px;}
body{position: relative;z-index: 1;}
:root {
    --cl1: #283D54;
    --cl11: #09595c;
    --cl2: #d30049;
    --cl3: #e4006c;
    --cl4: #009dcc;
    --cl41: #00c8ff;
    --cl5: #009a92;
    --cl6: #94c01f;
    --cl61: #aee224;
    --cl7: #002c50;
    --cl8: #131a25;
    --cl9: #34807d;
}




.width-100{width:100% !important;}
.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(--cl11) !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 {
}
.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;width: 150px;min-height: 150px;transition: all .4s  ease;}
.listButtons li a{text-decoration: none;color: #575757}
.listButtons li:hover{border-color: #e9e9e9;background: #f7f7f7;}
.listButtons li i{font-size: 44px;padding: 0px;}
.listButtons2 li i{font-size: 10px;padding: 0px;}
.listButtons li img{height: 65px;padding: 10px;}
.listButtons li span{display: block;text-align: center;}

.listButtons-sm{}
.listButtons-sm li img{height: 48px;padding: 5px;}
.listButtons-sm li{width: 120px;min-height: 120px;}

.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;border-radius: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.05s 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;}
.Mobile{display: none !important;}


.mobile-menu{background: white;position: fixed;bottom: 0px;width: 100%;padding: 5px;z-index: 999999999;}
.mobile-menu ul{margin: 0;padding: 0;}
.mobile-menu ul li{list-style: none;display: block;margin: 0;padding: 0;text-align: center;float: left ;width: 20%;}
.mobile-menu ul li a{}
.mobile-menu ul li a img{height: 35px !important;}


@media screen and (max-width: 700px) {
    .Desktop{display: none !important;}
    .Mobile{display: block !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: 0;}
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{padding: 0;}
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{padding: 0;}

    .col-timeline{float: none !important;width: 100% !important;}
    .TarifItem{width: 100%;}
    .page-body{padding: 0;}
    .header-title a, .header-title span{display: none !important;}
    .header-title{display: block;overflow: hidden;}
    .orders-container .orders-list .order-item {
    }
    .row {

        margin-right: 0px;
        margin-left: 0px;

    }
    .page-sidebar.sidebar-fixed{top:44px !important; }
    .buttons {
        width: 100%;
    }
    body{padding-bottom: 50px;}
    .action {
        display: block;;
    }
    /******/
    .account-area {
        padding-left: 0;
        top: 45px;
        left: 0px !important;
        width: 100% !important;
    }

}

@media screen and (max-width: 1000px) {
    .desktop-1024{display: none !important;}
    .page-title-js, .buttons a{line-height: 15px !important;}
    .buttons{padding-top: 3px;}
}


.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: 80px;
    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: -53px;
}

.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;}

.introjs-tooltip{width:320px !important;;}
.introjs-tooltiptext *, .introjs-tooltiptext{}

.whatsnew{margin: 0;padding: 0;padding-left: 20px;margin-top:6px;}
.whatsnew li{}

.datepicker {
    z-index: 999999999999;
}

.form-control{height: auto;min-height: 34px;}
.hidden-2{opacity: 0;}

.bg-blue1 ,.bg-blue{
    background: #3a7aac !important;
    background: -moz-linear-gradient(-8deg, #3a7aac 0%, #0e886f 100%)  !important;;
    background: -webkit-linear-gradient(-8deg, #3a7aac 0%,#0e886f 100%)  !important;;
    background: linear-gradient(-18deg, #3a7aac 0%,#0e886f 100%)  !important;;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a7aac', endColorstr='#0e886f',GradientType=1 )  !important;;
    transition: all 1s ease;
}

.navbar-inner{
    background:  #3a7aac !important;
    background: url("/html/images/bg-primary.png"), -moz-linear-gradient(-8deg, #3a7aac 0%, #0e886f 100%)  !important;;
    background: url("/html/images/bg-primary.png"),-webkit-linear-gradient(-8deg, #3a7aac 0%,#0e886f 100%)  !important;;
    background: url("/html/images/bg-primary.png") no-repeat top center, linear-gradient(-18deg, #3a7aac 0%,#0e886f 100%)  !important;;

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a7aac', endColorstr='#0e886f',GradientType=1 )  !important;;
    transition: all 1s ease;
}

{
    background: #3a7aac !important;
    background: -moz-linear-gradient(-8deg, #3a7aac 0%, #0e886f 100%)  !important;;
    background: -webkit-linear-gradient(-8deg, #3a7aac 0%,#0e886f 100%)  !important;;
    background: linear-gradient(-8deg, #0e886f 0%, #326893 100%)  !important;;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a7aac', endColorstr='#0e886f',GradientType=1 )  !important;;
    transition: all 1s ease;
}
.btn-primary{
    background: #3a7aac !important;
    background: -moz-linear-gradient(-8deg, #3a7aac 0%, #0e886f 100%)  !important;;
    background: -webkit-linear-gradient(-8deg, #3a7aac 0%,#0e886f 100%)  !important;;
    background: linear-gradient(-8deg, #0e886f 0%, #0d7b64 100%)  !important;;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a7aac', endColorstr='#0e886f',GradientType=1 )  !important;;
    transition: all 1s ease;
}
.btn-primary:hover{
    background: #0e4b1d !important;;
    background: -moz-linear-gradient(-45deg, #0e4b1d 0%, #683362 100%) !important;;
    background: -webkit-linear-gradient(-45deg, #0e4b1d 0%,#683362 100%) !important;;
    background: linear-gradient(-180deg, #0e886f 0%, #109e81 100%) !important;;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e4b1d', endColorstr='#485f82',GradientType=1 ) !important;;

}
.btn-primary:active, .btn-primary:focus{
    background: #3a7aac !important;
    background: -moz-linear-gradient(-45deg, #750708 0%, #750708 100%) !important;
    background: -webkit-linear-gradient(-45deg, #ed0e11 0%,#750708 100%) !important;
    background: linear-gradient(135deg, #a4090b 0%,#750708 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed0e11', endColorstr='#750708',GradientType=1 ) !important;
}
.account-area>li{background-color:rgba(18, 39, 45, 0.1) !important }



.bg-danger, .bg-red, .alert-danger{
    background: #d11900 !important;
    background: -moz-linear-gradient(-45deg, #d11900 0%, #f50e10 100%)  !important;
    background: -webkit-linear-gradient(-45deg, #d11900 0%,#f50e10 100%)  !important;
    background: linear-gradient(135deg, #d11900 0%, #f50e10 100%)  !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d11900', endColorstr='#f50e10',GradientType=1 )  !important;
}

.bg-azure, .alert-info, .bg-primary, .btn-azure{
    background: #25a1bf !important;
    background: -moz-linear-gradient(-45deg, #25a1bf 0%, #2ec9ee 100%)  !important;
    background: -webkit-linear-gradient(-45deg, #25a1bf 0%,#2ec9ee 100%)  !important;
    background: linear-gradient(135deg, #25a1bf 0%, #2ec9ee 100%)  !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25a1bf', endColorstr='#2ec9ee',GradientType=1 )  !important;
}

.bg-blueberry{
    background: #25a1bf !important;
    background: -moz-linear-gradient(-45deg, #25a1bf 0%, #2ec9ee 100%)  !important;
    background: -webkit-linear-gradient(-45deg, #25a1bf 0%,#2ec9ee 100%)  !important;
    background: linear-gradient(135deg, #6e84bd 0%, #2dc3e7 100%)  !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25a1bf', endColorstr='#2ec9ee',GradientType=1 )  !important;
}

.bg-yellow{
    background: #FFCE55 !important;
    background: -moz-linear-gradient(-45deg, #FFCE55 0%, #e8bb4d 100%)  !important;
    background: -webkit-linear-gradient(-45deg, #FFCE55 0%,#e8bb4d 100%)  !important;
    background: linear-gradient(135deg, #FFCE55 0%, #e8bb4d 100%)  !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFCE55', endColorstr='#e8bb4d',GradientType=1 )  !important;
}

.bg-green{
    background: #FFCE55 !important;
    background: -moz-linear-gradient(-45deg, #FFCE55 0%, #e8bb4d 100%)  !important;
    background: -webkit-linear-gradient(-45deg, #FFCE55 0%,#e8bb4d 100%)  !important;
    background: linear-gradient(135deg, #8CC474 0%, #9ede83 100%)  !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFCE55', endColorstr='#e8bb4d',GradientType=1 )  !important;
}

.timeline .bg-danger{background: #d40000 !important;}
.timeline .bg-azure{background: #25a1bf !important;}
.timeline .bg-blueberry{background: #6e84bd !important;}

/*.navbar-inner, .setting, .bg-blue1 ,.bg-blue,body,html{background: #a1085f !important;background-image: url(https://ak9.picdn.net/shutterstock/videos/18681329/thumb/1.jpg) !important;}
.page-bodys{background: white;}
.account-area>li{background-color: rgba(18, 39, 45, 0.42) !important;background-image: url(https://ak9.picdn.net/shutterstock/videos/18681329/thumb/1.jpg) !important;}
*/

.sheet{background: #acacac;}
.word-document{min-height: 800px;}
.gray-57{color: #575757;}
.gray-57:hover{color: #575757;text-decoration: none;}

#sidebar{overflow: auto;}

#sidebar, .chatbar-messages {
    scrollbar-width: thin;
    scrollbar-color: rgba(58, 122, 172, 0.38) #d5d5d5;
}
.page-chatbar{width: 100%;box-shadow: none !important;}
/* Works on Chrome/Edge/Safari */
#sidebar::-webkit-scrollbar {
    width: 5px;
}
#sidebar::-webkit-scrollbar-track {
    background: #d5d5d5;
}
#sidebar::-webkit-scrollbar-thumb {
    background-color: rgba(23, 23, 23, 0.19);
    border-radius: 20px;
    border: 1px solid rgba(213, 213, 213, 0.5);
}


.bilet-div{border:solid 1px #acacac;display: block;}
.spinner-image{height: 128px !important;display: none;margin: 0 auto;}

.loader,
.loader:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}
.loader {
    margin: 60px auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(255, 255, 255, 0.2);
    border-right: 1.1em solid rgba(255, 255, 255, 0.2);
    border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
    border-left: 1.1em solid #ffffff;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


/**** */

.-table-2{margin-left: -20px !important;width:100%;margin-right: -20px !important;;border-left: solid 0px !important;}
.well-2{padding: 0px;}
.well-2 .table-bordered > tbody > tr > td{border-left: solid 0px #acacac !important;border-right: solid 0px #acacac !important;}
.well-2 .table-bordered > thead > tr > th{border-left: solid 0px #acacac !important;border-right: solid 0px #acacac !important;}
.well-2.with-header {    padding-top: 54px;}
.well-2.with-footer {    padding-bottom: 40px;}
.well-2 .footer {border-top: 0px solid #e5e5e5;}

.chatbar-messages{max-height: 300px;overflow: auto}
@media screen and (max-width: 700px) {
    .chatbar-messages{max-height: initial;overflow: visible}
}
.chatbar-messages-header .message-body{background: #d11900 !important;}
.chatbar-messages-header .message-body:before{border-bottom-color:#d11900 !important;}
.message-body{background: #25a1bf !important;}
.message-body:before{border-bottom-color:#25a1bf !important;}
.reply .message-body{background: #27bfb2 !important;}
.reply .message-body:before{border-bottom-color:#27bfb2 !important;}
.page-chatbar{display: block;position: relative;height: auto;}
#Contacts{display: none;}