body, html {
    padding: 0;
    margin: 0;
    height: 100%;
    font-family: Open Sans,sans-serif;
    font-size: 14px;
    line-height: 1.57142857;
    color: #000;
    background-color: #fff;
}
.blue{
    color: deepskyblue;
}
.orange{
    color: darkorange;
}
.purple{
    color: purple;
}
.green{
    color: #00c800;
}
.app-container {
    background: whitesmoke !important;
}
.voyager .navbar, .voyager .navbar.navbar-default {
    background: #fff;
    border-bottom: 1px solid rgba(0,0,0,.12);
}
.voyager .side-menu.sidebar-inverse{
    background: whitesmoke !important;
    border-right: 1px solid rgba(0,0,0,.12);
}
.panel.widget h4{
    color: #76838f;
}
.panel.widget .dimmer{
    background-color: transparent;
    background: unset;
}
.voyager .navbar .navbar-header .navbar-brand, .voyager .navbar.navbar-default .navbar-header .navbar-brand {
    color: #fff;
    height: 72px;
}
.app-container.expanded .content-container .side-menu .navbar-header .navbar-brand .title, .app-container .content-container .side-menu .navbar-header .navbar-brand .title{
    top: 8px;
    left: -5px;
}
.app-container .content-container .side-menu .navbar-header .navbar-brand img{
    top: 6px;
}
.expanded .side-menu .panel.widget .dimmer, .side-menu:hover .panel.widget .dimmer{
    background: whitesmoke;
}
.voyager .side-menu.sidebar-inverse .navbar li>a:hover{
 color: #000;
    background: transparent;
}
.panel-footer{
    background: unset;
    background-color: #fff;
}
.yc-collapsible-top{
    margin-top: -2px!important;
}
.tab-content>div, .tab-content {
    /*padding: 0px!important;*/
}

.voyager .navbar.navbar-default>.container-fluid:after, .voyager .navbar>.container-fluid{
    border-bottom: unset;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    text-shadow: rgba(0,0,0,.15) 0 0 1px;
}
.h4, .h5, .h6, h4, h5, h6 {
    margin-top: 10px !important;
}
.voyager .panel {
    background-color: transparent !important;
    border: 0px  !important;
    box-shadow: unset !important;
}
.voyager .compass .nav-tabs{
    background:none;
    border-bottom:0px;
}

.voyager .compass .nav-tabs > li{
    margin-bottom:-1px !important;
}

.voyager .compass .nav-tabs a{
    text-align: center;
    font-size: 10px;
    font-weight: normal;
    background: #f8f8f8;
    border: 1px solid #f1f1f1;
    position: relative;
    top: -1px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.voyager .compass .nav-tabs a i{
    display: block;
    font-size: 22px;
}

.tab-content{
    background:#ededed !important;
    width: 100%;
    /*background:transparent !important;*/
    /*border: 1px solid transparent;*/
    /*border-radius: 4px;*/
    /*box-shadow: unset !important;*/
    padding: 25px;
}

.page-title{
    height:85px;
    z-index:2;
    position:relative;
}

.page-content{
    /*z-index:2;*/
    /*position:relative;*/
    /*top: 10px;*/
}

.page-title p{
    height: 20px;
    margin-bottom: 0px;
    padding-top: 0px;
    position: relative;
    top: -10px;
}

.page-title span{
    font-size: 10px;
    font-weight: normal;
    top: -12px;
    position: relative;
}

#gradient_bg{
    position: fixed;
    top: 61px;
    left: 0px;
    background-image: url(/vendor/tcg/voyager/assets/images/bg.jpg);
    background-size: cover;
    background-position: 0px;
    width: 100%;
    height: 220px;
    z-index: 0;
}

#gradient_bg::after{
    content:'';
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f8f8f8+0,f8f8f8+100&0.95+0,1+80 */
    background: -moz-linear-gradient(top, rgba(248,248,248,0.93) 0%, rgba(248,248,248,1) 80%, rgba(248,248,248,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(248,248,248,0.93) 0%,rgba(248,248,248,1) 80%,rgba(248,248,248,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(248,248,248,0.93) 0%,rgba(248,248,248,1) 80%,rgba(248,248,248,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f8f8f8', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */
    z-index:1;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{
    background:#fff !important;
    color:#62a8ea !important;
    border-bottom:1px solid #fff !important;
    top:-1px !important;
    left: 2px;
    font-weight: bold ;
}
.nav>li.disabled>a{
    color: #000 !important;
}
.nav-tabs > li a{
    transition:all 0.3s ease;
}


.nav-tabs > li.active > a:focus{
    top:0px !important;
}

.voyager .compass .nav-tabs > li > a:hover{
    background-color:#fff !important;
}

.voyager-link{
    width: 100%;
    min-height: 220px;
    display: block;
    border-radius: 3px;
    background-position: center center;
    background-size: cover;
    position:relative;
}

.voyager-link span.resource_label{
    text-align: center;
    color: #fff;
    display: block;
    position: absolute;
    z-index: 9;
    top: 0px;
    left: 0px;
    width: 100%;
    padding: 0px;
    opacity:0.8;
    transition:all 0.3s ease;
    line-height: 220px;
    height: 100%;
}

.voyager-link span.resource_label:hover{
    opacity:1;
}

.voyager-link i{
    font-size: 48px;
    margin-right: 0px;
    position: absolute;
    width: 70px;
    height: 70px;
    padding: 10px;
    border-radius: 5px;
    line-height: 55px;
    display: inline-block;
    left: 50%;
    margin-top: -50px;
    margin-left: -35px;
    top: 50%;
    line-height:55px;
    padding:10px;
}

.voyager-link span.resource_label:hover i{

    opacity:1;
    transition:all 0.3s linear;
}

.voyager-link span.copy{
    position: absolute;
    font-size: 16px;
    left: 0px;
    bottom: 70px;
    line-height: 12px;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
}

h3 small{
    font-size: 11px;
    position: relative;
    top: -3px;
    left: 10px;
    color: #999;
}

.collapsible{
    margin-top:20px;
    border:1px solid #f7f7f7;
    border-radius:3px;
    display:block;
}

.collapse-head{
    border-bottom: 1px solid #f7f7f7;
    border-top-right-radius: 3px;
    padding:5px 15px;
    display:block;
    cursor:pointer;
    background:#ffffff;
    position:relative;
}

.collapse-head:after{
    content:'';
    clear:both;
    display:block;
}

.collapse-head h4{
    float:left;
}

.collapse-head i{
    font-size: 16px;
    position: absolute;
    top: 13px;
    right:15px;
    float:right;
}

.collapse-content{
    padding:15px;
    background:#fff;
}

.collapse-content .row{
    padding-bottom:0px;
    margin-bottom:0px;
}

.collapse-content .col-md-4{
    padding-right:0px;
    margin-bottom:0px;
}

.collapse-content .col-md-4:nth-child(3){
    padding-right:15px;
}

.voyager-link span.desc{
    font-size:11px;
    color:rgba(255, 255, 255, 0.8);
    width:100%;
    height:100%;
    position:absolute;
    text-align:center;
}

.voyager-angle-down{
    display:none;
}

.voyager-link::after{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    background: -moz-linear-gradient(-65deg, rgba(17,17,17,0.7) 0%, rgba(35,35,47,0.7) 50%, rgba(17,17,23,0.7) 51%, rgba(17,17,23,0.7) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-65deg, rgba(17,17,17,0.7) 0%,rgba(35,35,47,0.7) 50%,rgba(17,17,23,0.7) 51%,rgba(17,17,23,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(155deg, rgba(17,17,17,0.7) 0%,rgba(35,35,47,0.7) 50%,rgba(17,17,23,0.7) 51%,rgba(17,17,23,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3111111', endColorstr='#b3111117',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    left:0px;
    top:0px;
    border-radius:3px;
}

#information ul{
    list-style:none;
    display:flex;
    padding-left:10px;
    flex-wrap:wrap;
    justify-content:flex-start;
}

#information .icon{
    float: left;
    padding: 2px;
    font-size: 20px;
    padding-right: 10px;
    position: absolute;
    left: 0px;
}

#information li{
    flex: 1;
    max-width:212px;
    padding: 10px;
    padding-left: 30px;
    position: relative;
}

#information .voyager-angle-down{
    display:block;
}

#information h2{
    font-size: 12px;
    padding: 20px;
    padding-top: 0px;
    font-weight: bold;
    padding-left:5px;
}

#information h2:nth-child(2){
    padding-top:20px;
}

/*#information input{*/
    /*border-radius: 3px;*/
    /*border: 1px solid #f1f1f1;*/
    /*padding: 3px 7px;*/
/*}*/

#logs .level .glyphicon{
    float:left;
}

#logs table.dataTable thead th.sorting:after{
    top:13px;
}

#logs table.dataTable thead .sorting_asc:after{
    top:12px;
}

#logs .table-container{
    margin-top:20px;
}

#logs .list-group{
    margin-top:42px;
    border: 1px solid #ececec;
    border-right: 0px;
    border-radius: 3px;
}

#logs .list-group-item{
    background: #ffffff;
    border: 0px;
    border-radius: 0px;
    font-size: 12px;
    font-weight: normal;
    color: #97999C;
    border-right:1px solid #ececec;
}

.voyager #logs .table>thead>tr>th:first-child{
    border-top-left-radius: 3px;
}

.voyager #logs .table>thead>tr>th:last-child{
    border-top-right-radius: 3px;
}

#logs .list-group-item i{
    position: relative;
    top: 2px;
    left: -3px;
}

#logs .list-group-item.llv-active{
    background: #F9FCFF;
    font-weight: bold;
    position:relative;
}

#logs .list-group-item:hover{
    background: #F9FCFF;
}

#logs .list-group-item.llv-active:after, #logs .list-group-item.llv-active:before, #logs .list-group-item:hover:after, #logs .list-group-item:hover:before{
    content:'';
    position:absolute;
    width:100%;
    height:1px;
    left:0px;
    background: rgb(241,241,241); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(241,241,241,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(241,241,241,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

#logs .list-group-item.llv-active:before, #logs .list-group-item:hover:before{
    top:0px;
}

#logs .list-group-item.llv-active:after, #logs .list-group-item:hover:after{
    bottom: 0px;
    z-index: 9;
}

#command_lists{
    display:flex;
    flex-wrap:wrap;
}

#commands h3{
    width: 100%;
    clear: both;
    margin-bottom: 20px;
}

#commands h3 i{
    position: relative;
    top: 3px;
}

#commands .command{
    padding: 10px;
    border: 1px solid #f1f1f1;
    border-radius: 4px;
    border-bottom: 2px solid #f5f5f5;
    cursor:pointer;
    transition:all 0.3s ease;
    position:relative;
    padding-top:30px;
    padding-right: 52px;
    flex:1;
    min-width:275px;
    margin:10px;
    margin-left:0px;
}

#commands .command.more_args{
    padding-bottom:40px;
}

#commands .command i{
    position: absolute;
    right: 4px;
    top: -6px;
    font-size: 45px;
}

#commands code{
    color: #549DEA;
    padding: 4px 7px;
    font-weight: normal;
    font-size: 12px;
    background: #f3f7ff;
    border: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
}

#commands .command:hover{
    border-color:#eaeaea;
    border-bottom-width:2px;
}



.cmd_form{
    display:none;
    position:absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
}

.cmd_form input[type="text"], .cmd_form input[type="submit"]{
    width:30%;
    float:left;
    margin: 0px;
    font-size: 12px;
}

.cmd_form input[type="text"]{
    line-height: 30px;
    padding-top: 0px;
    padding-bottom: 0px;
    height: 30px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius:0px;
    padding-left:5px;
    font-size:12px;
    width:70%;
}
.form-control{
    color:#000!important;
    font-weight: 400;
}
.cmd_form .form-control.focus, .cmd_form .form-control:focus{
    border-color:#eee;
}

.cmd_form input[type="submit"]{
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-left-radius:0px;
    font-size: 10px;
    padding-left: 7px;
    padding-right: 7px;
    height: 30px;
}


#commands pre{
    background:#323A42;
    color:#fff;
    width:100%;
    margin:10px;
    margin-left:0px;
    padding: 15px;
    padding-top: 0px;
    padding-bottom: 0px;
    position:relative;
}

#commands .close-output{
    position:absolute;
    right:15px;
    top:15px;
    color:#ccc;
    cursor:pointer;
    padding: 5px 14px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 25px;
    transition:all 0.3s ease;
}

#commands .close-output:hover{
    color:#fff;
    background: rgba(0, 0, 0, 0.3);
}

#commands pre i:before{
    position:relative;
    top:3px;
    right:5px;
}

#commands pre .art_out{
    width: 100%;
    display: block;
    color: #98cb00;
    margin-bottom:10px;
}

.newVinDecoder {
    margin-top: 0px !important;
    padding: 7px 10px !important;
}
.a-group-btn{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-width: 1px;
    margin-left: -1px;
    background-color: #27D  !important;
    border-color: #27D  !important;
    font-weight: bold;
    margin-top: 0px !important;
    padding: 8px 10px !important;
}
/*.btn-danger{*/
    /*margin-top: 0px !important;*/
    /*padding: 8px 10px !important;*/
/*}*/
.all-options .pre-scrollable, .major-options .pre-scrollable{
    max-height: 181px !important;
    max-width: 342px !important;
}

.collapse-head .voyager-params{
    float: unset !important;
    right: unset !important;
    position: unset !important;
}

.form-group{
    /*padding-right: 40px;*/
}

.yc-comments{
    max-width: 100%;
    min-width: 100%;
    max-height: 200px;
    min-height: 200px;
    border-radius: 4px;
}
input, select,.btn.btn-sm{
    height: 34px !important
}
input:focus, select:focus, textarea:focus{
    border:0.05em solid #27D !important;
    -webkit-box-shadow: 0 0 0 0.05em #27D !important;
    box-shadow: 0 0 0 0.05em #27D !important;
}
input::-webkit-input-placeholder {
    color: #dbdbdb !important;
}
input:focus::-webkit-input-placeholder {
    color:  #b4b4b4 !important;
}

/* Firefox < 19 */
input:-moz-placeholder {
    color: #dbdbdb !important;
}
input:focus:-moz-placeholder {
    color:  #b4b4b4 !important;
}

/* Firefox > 19 */
input::-moz-placeholder {
    color: #dbdbdb !important;
}
input:focus::-moz-placeholder {
    color:  #b4b4b4 !important;
}

/* Internet Explorer 10 */
input:-ms-input-placeholder {
    color: #dbdbdb !important;
}
input:focus:-ms-input-placeholder {
    color: #b4b4b4 !important;
}


.inputList{
    -webkit-appearance: none;
    -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center, linear-gradient(180deg, #f9fafb, #f9fafb);
    background-size: 8px 10px;

}

.ui-select {
    /*font-size: 1.6rem;*/
    /*font-weight: 400;*/
    /*line-height: 2.4rem;*/
    text-transform: initial;
    letter-spacing: initial;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: 0.4rem 0.8rem;
    padding-right: 2.8rem;
    padding-left: 1.6rem;
    background: transparent;
    max-width: none;
    -webkit-transition-property: background, border, -webkit-box-shadow;
    transition-property: background, border, -webkit-box-shadow;
    transition-property: background, border, box-shadow;
    transition-property: background, border, box-shadow, -webkit-box-shadow;
    -webkit-transition-timing-function: cubic-bezier(0.64, 0, 0.35, 1);
    transition-timing-function: cubic-bezier(0.64, 0, 0.35, 1);
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;
}
select {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
    font-size: 14px;
    display: inline-block;
    color: #222;
    vertical-align: top;
    height: 28px;
    line-height: 28px;
    padding: 4px 2px 2px 2px;
    border: 1px solid #ccc;
    border-radius: 1px;
    max-width: 100%;
}

.yc-node{
    display: inline !important;
}
.yc-align-center{
    text-align: center;
}
.yc-fixed-header{
    position: fixed;
    /*top:74px;*/
    right: 0;
    left: 65px;
    z-index: 1028;
    background: #f9f9f9;
    /*border-bottom: 0;*/
    /*box-shadow: 0 0 0;*/
    /*border-width: 0 0 1px;*/
    /*border-radius: 0;*/
    /*background: rgba(250,250,250,.9);*/
    /*border-bottom: 1px solid #e7e7e7;*/
}
.yc-container{
    top:90px;
}
.jquery-tree-leaf .checkbox{
    padding-bottom: 0 !important;
    margin-top: 0!important;
    margin-bottom: 3px !important;
}
.c-checkbox {
    margin-right: 4px;
    padding-bottom: 4px;
}
*, :after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
label {
    display: inline-block;
    margin-bottom: .5rem;
    font-weight: 500;
    font-size: 15px;
}
.c-checkbox input, .c-radio input {
    margin-left: 0!important;
    opacity: 0;
    position: absolute;
}
input[type=checkbox], input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}
.c-checkbox *, .c-radio * {
    cursor: pointer;
}
.c-checkbox input[type=checkbox]:checked+span, .c-checkbox input[type=radio]:checked+span, .c-radio input[type=checkbox]:checked+span, .c-radio input[type=radio]:checked+span {
    background-color: #19B5FE;
    border-color: #19B5FE;
}

.c-checkbox span, .c-radio span {
    border: 1px solid #ccc;
    border-radius: 2px;
    display: inline-block;
    height: 20px;
    /*margin-right: 5px;*/
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 20px;
    background-color: #fff;
    /*margin-top: 2px;*/
}
.c-checkbox *, .c-radio * {
    cursor: pointer;
}
.fa, .fab, .fal, .far, .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
}
.fa, .fas {
    font-weight: 900;
}
.fa, .far, .fas {
    font-family: Font Awesome\ 5 Free;
}

.c-checkbox input[type=checkbox]:checked+span:before, .c-checkbox input[type=radio]:checked+span:before, .c-radio input[type=checkbox]:checked+span:before, .c-radio input[type=radio]:checked+span:before {
    -webkit-transition: color .3s ease-out;
    color: #fff;
    opacity: 1;
    transition: color .3s ease-out;
}
.c-checkbox span:before, .c-radio span:before {
    bottom: 0;
    font-size: 12px;
    left: 0;
    line-height: 18px;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center!important;
    top: 0;
    vertical-align: middle;
}
.c-checkbox span:before, .c-radio span:before {
    margin-left: 1px;
}
.fa-check:before {
    content: "\F00C";
}

.voyager .side-menu .navbar-header{
    background: #27D !important;
    border-color: #27D !important;
}

.yc-settingDropdown{
    list-style: none;
}
.actions>.row>[class*=col-] {
    margin-bottom: 0px;
}
.yc-container-main{
    top: 98px;
}
.yc-setting{
    width: 40px;
    right: 0;
    transition: 0.2s;
    height: 40px;
    position: fixed;
    z-index: 1;
    top: 100px;
    right: 0px;
    overflow-x: hidden;
    padding-top: 0px;
    /*background: #353d47;*/
    color: #fff;
    background: #616161;
    /*color: #76838f;*/
    border-bottom-left-radius: 50%;
    border-top-left-radius: 50%;
    text-align: center;
    vertical-align: middle;
    font-size: 20px !important;
    border: 1px solid rgba(0,0,0,.12);
    border-right: 0;
}
.yc-setting:hover{
    color: #fff;
    /*border: 1px solid rgba(0,0,0,1);*/
    border-right: 0;
}
.yc-content-setting{
    position: inherit;
    height: 86%;
    overflow-y: scroll;
    padding-bottom: 120px;
    width: 242px;
}

.yc-sidenav {
    width: 230px;
    /*transition: 0.5s;*/
    /*display:none;*/
    /*opacity: 0;*/
    /*transition: all .8s linear;*/
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s;
    position: fixed;
    z-index: 999999;
    top: 72px;
    right: 0px;
    overflow-x: hidden;
    padding-top: 0px;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
    text-align: left;
    background: #fff;
    height: 100%;
    /*min-width: 300px;*/
    /* max-height: 652px; */
    /* border: 1px solid #EAEAEA; */
}
/*.is-visible {*/
/*display: block;*/
/*}*/
/*.is-open {*/
/*opacity: 1;*/
/*}*/
.yc-sidenav-action {
    /*height: 0;*/
    /*width: 0;*/
    display:none;
    opacity: 0;
    transition: all .3s linear;
    position: initial;
    /*z-index: 1;*/
    top: 74px;
    right: 44px;
    overflow-x: hidden;
    padding-top: 0px;
    /* border-bottom: 1px solid #EAEAEA; */
    /* border-left: 1px solid #EAEAEA; */
    /* border-top: 1px solid #EAEAEA; */
    /* border-bottom-left-radius: 3px; */
    /* border-top-left-radius: 3px; */
    text-align: left;
    /*background: #353d47;*/
    height: 100px;
    /* max-height: 652px; */
    /* border: 1px solid #EAEAEA; */
}
.is-visible-action {
    display: block;
}
.is-open-action {
    opacity: 1;
}

.yc-content-sidenav{
    /*padding: 20px;*/
    /*height: 580px;*/
    /*color: #76838f;*/
}
.yc-content-sidenav ul{
    padding: 0 !important;
}
.yc-content-sidenav-action{
    padding: 20px;
    /*height: 580px;*/
    color: #4E5155;
    border-top: 1px solid #EAEAEA;
}
.yc-content-sidenav-action h5{
    position: relative;
    font-size: 13px;
    font-weight: 600;
    /*padding-left: 0.9rem !important;*/
    padding-left: 5px !important;
    color: #babbbc !important;
    line-height: 1 !important;
    display: block !important;
}
.yc-content-sidenav-action ul{
    padding: 0 !important;
}
.yc-sidenav li {
    /*padding: 8px 8px 8px 0;*/
    text-decoration: none;
    display: block;
    transition: 0.3s;
    list-style: none;
}

.yc-sidenav li:hover {
    /*color: #19B5FE;*/
}

.yc-sidenav .closebtn {
    position: inherit;
    top: 4px;
    font-size: 18px;
    color: #212b36;
    text-decoration: none;
    margin-left: -24px;
    font-weight: 600;
}
.yc-sidenav-action li {
    /*padding: 8px 8px 8px 0;*/
    text-decoration: none;
    display: inline-block;
    transition: 0.3s;
    list-style: none;
    padding-right: 25px;
}

.yc-sidenav-action li:hover {
    color: #19B5FE;
}

.yc-sidenav-action .closebtn {
    position: inherit;
    top: -7px;
    font-size: 25px;
    color: #fff;
    text-decoration: none;
    margin-left: 21px;
}
.yc-title-sidenav{
    padding: 13px;
    padding-left: 32px;
    background: rgba(24,28,33,0.06) !important;
    /*color: #fff;*/
    height: 44px;
    /*border-bottom: 1px solid #EAEAEA;*/
    /* width: 90%; */
    /*margin-left: 20px;*/
    /*margin-right: 20px;*/
    padding-bottom: 45px;
}
.yc-footer-sidenav{
    padding: 13px;
    background: #353d47;
    color: #fff;
    height: 44px;
    border-top: 1px solid #76838f;
    /* width: 90%; */
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 32px;
}
.actions ol{
    float: right;
    list-style: none;
    display: inline-flex;
    margin: 0;
    padding: 0;
}
.yc-settingNav{
    cursor:pointer
}
.yc-settingNav .voyager-settings{
    padding-left: 0;
    padding-top: 7px;
    padding-bottom: 6px;
    /* vertical-align: middle; */
    height: 100%;
}
@media screen and (max-height: 450px) {

    /*.yc-sidenav a {font-size: 18px;}*/
    /*.yc-sidenav-action a {font-size: 18px;}*/
}
.radio label, .checkbox label{
    padding-left: 0 !important;
}
.btn-sm, .btn-group-sm>.btn{
    /*line-height: 1.9 !important;*/
}
.yc-margin-top-action{
    margin-top: 20px;
}
.yc-margin-zero-action{
    margin: 0 !important;
}
.yc-margin-row-action{
    margin-left: 15px !important;
    margin-bottom: 10px !important;
}
.yc-padding-zero-action{
    padding: 0 !important;
}
.yc-action-list ul{
    padding-left: 0 !important;
    margin-top: -11px;
}
.yc-right-align{
    text-align: right;
    padding-right: 88px;
}
.yc-action-btn{
    margin: 0 !important;
    min-width: 70px;
}
.yc-action-btns{
    padding-left: 10px;
    padding-top: 10px;
}
.yc-action-btns a{
    /*padding-right: 0px;*/
    margin-left: 10px;

}
.yc-col-header{
    margin-bottom: 0px !important;
}
.yc-th-header{
    margin: 0 !important;
    padding: 0 !important;
}
.yc-lbl-action{
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 13px !important;
    min-width: 132px;
    font-weight: 500;
    display: inline-block;
    margin-left: 8px;
}
.yc-lbl-action2{
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 15px !important;
    min-width: 132px;
    font-weight: 500;
    display: inline-block;
}
.yc-col-ac-btn{
    margin-bottom: 0!important;
    text-align: center ;
    padding: 0 0!important;
}
.yc-lbl-ac, .yc-lbl-ac-col{
    margin-bottom: 0!important;
    max-height: 25px;
    width: 100%;
}
.yc-lbl-ac-disabled{
    color: #ccc;
    width: 100%;
}
.yc-lbl-ac-disabled .slider-sm{
    background: rgba(24,28,33,0.06) !important;
}
.yc-col-ac{
    margin-bottom: 3px !important;
    max-height: 25px;
    margin-top: 6px;
}
.yc-amount-of-checked{
    font-weight: 500;
    font-size: 12px;
    margin-left: 7px;
}
/*switch small*/

.switch-sm {
    position: relative;
    display: inline-block;
    width: 2rem;
    height: 1.125rem;
    top: 0;
    /*margin-right: .75rem;*/
    margin-top: 5px;
    padding-left: 2rem;
    min-height: 1.125rem;
    font-size: .75rem;
    line-height: 1.486;
}
.switch-sm2 {
    width: 2.75rem!important;
    height: 1.45rem!important;
}
.switch-sm input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider-sm {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;

    -webkit-transition: .4s;
    transition: .4s;
}

.slider-sm:before {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    left: 4px;
    right: 4px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
.slider-sm2:before {
    height: 14px!important;
    width: 14px!important;
}

input:checked + .slider-sm {
    background-color: #19B5FE;
}

input:focus + .slider-sm {
    -webkit-box-shadow: 0 0 0 2px rgba(25,181,254,.5);
    box-shadow: 0 0 0 2px rgba(25,181,254,.5);
}

input:checked + .slider-sm:before {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
}
input:checked + .slider-sm2:before {
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
}
/* Rounded sliders */
.slider-sm.round-sm {
    border-radius: 34px;
}

.slider-sm.round-sm:before {
    border-radius: 50%;
}
/*switch big*/
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #19B5FE;
}

input:focus + .slider {
    -webkit-box-shadow: 0 0 0 2px rgba(25,181,254,.5);
    box-shadow: 0 0 0 2px rgba(25,181,254,.5);
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

/*yc_dataTables.css*/

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 31-Jul-2018, 10:52:21 AM
    Author     : Hesam
*/

.navbar-nav.yc-table-dropdown {
    background: 0 0!important;
    /*border: 1px solid #EAEAEA;*/
    /*border-radius: 3px;*/
    width: 100%;
}
.panel-height{
    min-height: 598px;
}
#dataTable {
    margin-left: inherit;
    width: 99% !important;
    /*min-height: 598px;*/
    font-size: 13px;
    padding-top: 12px !important;
}
.dataTables_scrollHeadInner{
    width: 99% !important;
}
/*        .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td{
            text-align: center;
        }*/
/*        #dataTable #bread-actions a, .actions a.btn {
          width: 100%;
        }*/
#dataTable .dropdown-menu{
    left: auto !important;
    right: 0 !important;
}
#dataTable .dropdown-menu.dropdown-menu-animated {
    /*transition: opacity .5s,visibility 0s .5s,-webkit-transform .5s;*/
    /*transition: opacity .5s,transform .5s,visibility 0s .5s;*/
    /*transition: opacity .5s,transform .5s,visibility 0s .5s,-webkit-transform .5s;*/
    /*transition-timing-function: cubic-bezier(.7,0,.3,1);*/
    /*-webkit-transform: scale3d(.95,.95,1) translate3d(0,-15px,0);*/
    /*transform: scale3d(.95,.95,1) translate3d(0,-15px,0);*/
    /*-webkit-transform-origin: 100% 0;*/
    /*transform-origin: 100% 0;*/
    border-radius: 4px;
    border: 0;
    box-shadow: 0 0 4px 0 rgba(0,0,0,.25);
    background-color: #fff;
    background-clip: padding-box;
    /*width: 250px;*/
    z-index: 98;
    margin-right: 45px;
    margin-top: -126px;
}
.Inventory #dataTable .dropdown-menu.dropdown-menu-animated {
    margin-top: -149px!important;
}
/*table#dataTable th {
  background-color: #006;
  color: #fff;
}*/
/*table#dataTable th,
table#dataTable td {
  white-space: nowrap;
  padding: 3px 6px;
}*/
table.cellpadding-0 td {
    padding: 0;
}
table.cellspacing-0 {
    border-spacing: 0;
    border-collapse: collapse;
}
table.bordered th,
table.bordered td {
    border: 1px solid #ccc;
    border-right: none;
    text-align: center;
}
table.bordered th:last,
table.bordered td:last {
    border-right: 1px solid #ccc;
}
.table>tbody>tr>td, .table>thead:first-child>tr:first-child>th{
    vertical-align: middle!important;
    border-left: 1px solid #EAEAEA;
    color: #000 !important;
}
.table>thead:first-child>tr:first-child>th{
    border-top: 1px solid #EAEAEA;
}
.table>thead:first-child>tr:first-child>th:first-child{
    text-align: center;
}
.table>tbody>tr>td:last-child , .table>thead:first-child>tr:first-child>th:last-child{
    border-right: 1px solid #EAEAEA;
    /*max-width: 30px!important;*/
    text-align: center !important;
    padding: 0 !important;
}
.bread-actions{
    padding-left: 10px !important;
    padding-right: 10px !important;
}
#dataTable .bread-actions a{
    padding: 1px 10px 0 10px !important;
    margin: 4px !important;
}
#dataTable #priceid {
    cursor: pointer;
}
.table>tbody>tr>td:first-child{
    /*padding-left: 10px !important;*/
    /*padding-right: 6px !important;*/
    text-align: center;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody{
    border-bottom: 1px solid #fff;
    background: #fff;
}

div.dataTables_scrollHead table thead tr:last-child th:first-child(0) {
    width: 40px;
}

.all-check-pages{
    padding-right: 40px;
    padding-top: 2px;
    padding-left: 14px;
}
.dataTables_wrapper .row>[class*=col-] {
    margin-bottom: 0;
}
.dataTables_wrapper .dataTables_info{
    float: left;
    text-align: left;
}
.dataTables_wrapper .dataTables_paginate {
    float: right;
    text-align: right;
    padding-right: 13px;
}

.form-inline .radio input[type=radio], .form-inline .checkbox input[type=checkbox] {
    position: absolute !important;
}

.yc-column-2,.yc-column-3,.yc-column-4,.yc-column-5,.yc-column-6,.yc-column-7,.yc-column-8,.yc-column-9,.yc-column-10,.yc-column-11,.yc-column-12,.yc-column-13,.yc-column-14,.yc-column-15 {
    max-width: 50px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.yc-column-16,.yc-column-17,.yc-column-18,.yc-column-19,.yc-column-20,.yc-column-23{
    max-width: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.dataTables_wrapper .dataTables_filter{
    padding-right: 12px;
    float: left !important;
    text-align: left !important;
    padding-left: 20px;
}
/*div.dataTables_wrapper {*/
/*width: 150%;*/
/*}*/
#dataTable #bread-actions a{
    text-align: center !important;
    margin: 4px !important;
    /*border: 1px solid #EAEAEA;*/
    border-radius: 3px;
}
#dataTable .bread-actions-a{
    text-align: center !important;
    margin: 4px !important;
    /*border: 1px solid #EAEAEA;*/
    border-radius: 3px;
}
#dataTable #bread-actions .class-full-of-rum a {
    text-align: left !important;
    font-size: 14px;
    list-style: none;
    font-weight: 400;
}
#dataTable #bread-actions a:hover{
    /*background-color: rgba(0,0,0,0);*/
}

.class-full-of-rum .icon {
    display: inline-block;
    font-size: 21px;
    vertical-align: middle;
    color: #969696;
}
.rum-menu-separator {
    border-top: 1px solid #ccc;
}
.badge-new {
    background-color: rgb(241, 2, 2);
    color: rgb(255, 255, 255);
    top: -14px;
    position: relative;
    font-size: 10px;
    width: 31px;
    border-radius: 10px;
    border-bottom-left-radius: 0;
    padding: 4px 1px 3px 0px;
}
table.dataTable thead>tr>th {
    padding-left: 6px!important;
    padding-right: 6px!important;
}

.navbar-nav>li{
    width: 100%;
}
.select2-container{
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.select2-container:focus{
    border: 0.05em solid #27D !important;
    -webkit-box-shadow: 0 0 0 0.05em #27D !important;
    box-shadow: 0 0 0 0.05em #27D !important;
}
.select2-container--default .select2-selection--single{
    border-right: 0!important;
    border-radius: 4px!important;
    height: 32px!important;
    padding: 3px!important;
    background-color: #f9fafb;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    font-weight: 400!important;
    -webkit-appearance: none;
    -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center, linear-gradient(180deg, #f9fafb, #f9fafb);
    background-size: 8px 10px;
    line-height: 23px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}
.select2-container--open .select2-dropdown--above {
    /*border-radius: 3px!important;*/
    /*border: 1px solid #ccc!important;*/
}

.table-responsive{
    overflow: visible;
    /*overflow: auto;*/
    min-height: 598px;
}
.panel-bordered>.panel-body{
    overflow: inherit !important;
}
.breadcrumb {
    border: 0;
    background-color: transparent;
}
.breadcrumb>li+li:before{
    content: '\e046'!important;
}
.voyager .breadcrumb a:hover {
    text-decoration: none !important;
}
.app-container .side-body .add.container-fluid{
    padding-right: 35px !important;
    padding-left: 60px;
    background-color: transparent !important;
}
h4 {
    font-weight: 600!important;
}
.voyager .compass .nav-tabs a{
    font-size: 12px !important;
    font-weight: 600 !important;
}

.voyager .settings .nav-tabs {
    background: none;
    border-bottom: 0px;
}
.voyager .settings .nav-tabs > li {
    margin-bottom: -3px !important;
    margin-left: -2px !important;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    border: 0 !important;
    background: #ededed !important;
}
.voyager .settings .nav-tabs a {
    text-align: center;
    background: #f8f8f8;
    border: 1px solid #f1f1f1;
    position: relative;
    top: -1px;
    border-radius: 0px;
    font-weight: 600;
}

.yc-section{
    background-color: #fafafa;
    border-radius: 4px;
    padding: 10px;
}
.space-10{
    margin-top: 10px;
}

.yc-display-block {
    display: inline-block;
}

.managePictures .pictures li {
    width: 120px !important;
    height: auto !important;
    float: left;
    margin: 0 10px 10px 0;
    border: 1px solid #d3d3d3;
    background: #fff;

    position: relative;
}
.managePictures .pictures li:hover{
    cursor: move;
}
.managePictures ul {
    list-style: none;
}
.managePictures .pictures div.picture {
    height: 80px !important;
    line-height: 0px !important;
}
.managePictures .pictures .controls {
    padding: 2px 5px 10px 5px !important;
    border-top: 1px solid #d3d3d3 !important;
    line-height: 20px !important;
    margin-bottom: 15px !important;
}
.managePictures .pictures .controls .caption {
    display: none !important;
}
.managePictures .pictures li.addPictureForm {
    width: 120px !important;
    height: 110px !important;
}
.managePictures .fileInputButton {
    height: 110px !important;
}
.managePictures .fileInputButton input{
    height: 100% !important;
}

.managePictures .pictures div.picture img {
    width: 100%;
    height: auto;
}

.col-double-field {
    margin-bottom: 0 !important;
}

.page-readonly .row>[class*=col-], .page-readonly .form-group {
    margin-bottom: 0!important;
}

.yc-margin-zero{
    margin: 0 !important;
    margin-bottom: 0!important;
}
.yc-padding-zero{
    padding: 0 !important;
    padding-left: 0!important;
    padding-right: 0!important;
}
.yc-padding-right {
    padding: 0!important;
    padding-right: 10px !important;
}
.input-group input[type=file] {
    padding: 0 !important;
    border: 1px solid #ccc !important;
    position: inherit;
    /*opacity: 0;*/
}

.jquery-tree-handle {
    font-size: 15px !important;
    font-weight: bold !important;
}
.jquery-tree-leaf {
    padding-left: 20px !important;
}
.jquery-tree-checked-partial, .jquery-tree-checked, .jquery-tree-unchecked{
    padding-left: 5px !important;
}
.fa-folder-open{
    font-size: 15px !important;
    color:#27D;
    background-color: #fff;
}
.all-options .checkbox label, .major-options .checkbox label{
    font-size: 12px !important;
    line-height: 2;
}

.outer-comment-box .checkbox label{
    padding-left: 10px;
}
.top-label{
    padding-bottom: 5px;
}

.vin-decode-box .btn,.vin-decode-box .btn:focus {
    background-color: #27D !important;
    border-color: #27D !important;
    font-weight: bold;
}

.vin-decode-box .btn:hover {
    background-color: #27d !important;
    border-color: #27D !important;
    font-weight: bold;
}

.error, .error1{
    color:red;
}
li.disabled {
    pointer-events:none;
    opacity:0.6;
}

.infobox-content{
    font-size:15px;
    font-weight:bold;
}

.jquery-tree-unchecked{
    background-image: unset!important;
}
.jquery-tree-checked{
    background-image: unset!important;
}
.jquery-tree, .jquery-tree-node, .jquery-tree ul{
    padding-left: 0!important;
}
.ul-moreoptions> li{
    float: left;
    width: 25%;
}

.dealstage{
    border-left: 1px solid #fff;width:25%;
    /*background-color: #fafafa !important;*/
    /*color:red !important;*/
}
.dealstage-complete {
    background-color: #2a91d8 !important;
}
.dealstage-not-complete{
    background-color: #ccc !important;
}
.dealstage-not-success {
    background-color: #d4ffcb !important;
}
.yc-column-img {
    min-width: 54px;

}
.yc-column-img img{
    width: 87px;
}
.table>tbody>tr>td.yc-column-img{
    padding: 5px !important;
}

thead tr th:first-child,
tbody tr td:first-child {
    width: 2em;
    min-width: 2em;
    max-width: 2em;
    word-break: break-all;
}



/*---------*/
.mce-flow-layout {
    /*display: none !important;*/
}
/*.mce-flow-layout>div>div{*/
    /*display: none !important;*/
/*}*/
input#lead_document1, input#lead_document2, input#avatar, input#logo_file_name {
    display: inline-block;
    /* width: 50%; */
    padding: 34px 0 0 0 !important;
    height: 34px !important;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(../images/choosefile-icon.png) left center no-repeat #e4e4e4;
    /* border-radius: 20px; */
    background-size: 115px 30px;
}

.yc-fileLink{
    line-height: 3;
    text-decoration: none;
}
.yc-fileLink:hover, .yc-fileLink:visited, .yc-fileLink:active, .yc-fileLink:focus{
    text-decoration: none;
}
.delete-avatar {
    margin-bottom: -59px;
    margin-top: 22px;
    margin-right: 10px;
    position: inherit
}

.circle-td{
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
}
.yc-circle-red{
    /*line-height: 3;*/
    /*color: #fff;*/
    /*height: 40px;*/
    /*width: 40px;*/
    /*background-color: red;*/

    /*border-radius: 50%;*/
    /*display: inline-block;*/

    /*background-image: radial-gradient(circle, red, white, white);*/
    /*color: white;*/
    /*text-align: center;*/

    /*background: linear-gradient(to right, red 0%,red 20%,red 20%,white 20%,white 100%);*/
    /*background-color:red;*/
    /*border-left: solid 5px red !important;*/
}

.app-container .side-menu .panel.widget h4{
    line-height: 1.7;
}

.yc-action-settings-btn{
    min-width: 47%;
    height: 34px;
    margin-top: 20px;
}
.yc-action-settings-btns{
    text-align: center;
    border-top: 1px solid #ccc;
}

.yc-column-11{
    text-align: center;
}
.my-input-class{
    /*max-width: 70px;*/
    display: block;
    max-height: 23px;
    width: 100%;
    text-align: center;
}
.yc-column-11 .fas{
    font-size: 9px;
}
.yc-column-11 .fa-check-square{
    color: green;
}
.yc-column-11 .fa-window-close{
    color: red;
}
.yc-confirm-inline, .yc-cancel-inline{
    height: 22px;
    font-size: 9px;
    width: 45%;
}
.yc-confirm-inline{
    padding-left: 7px;
    padding-top: 5px;
    margin-left: -3px;
}
.yc-cancel-inline{
    padding-left: 5px;
    padding-top: 4px;
}


.activate{
    color: #000 !important;
}
.card-notification-yc{
    background-color: #fff;
    color: #000000;
    margin: 5px;
    padding: 10px 10px;
    background-color: #fff;
    /*min-height: 50px;*/
    border-radius: 5px;
    transition: .3s linear all;
    border-radius: 0;
    border: 1px solid rgba(0,0,0,.12);
}

.card-notification-yc.unread-yc{
   font-weight: bold;
}
.card-notification-yc.read-yc{
    font-weight: normal;
}
.frame-notification{
    height: 450px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.SoldVehicle {
    position: absolute;
    left: 0px;
    top: 0;
    right: 0px;
    bottom: 0px;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -1px;
    background: #fff;
    color: rgb(208, 7, 4);
    opacity: .6;
    padding-top: 28px;
    z-index: 999;
    text-align: center;
}

.FeaturedVehicle {
    box-shadow: 0 3px 12px -7px rgba(0, 0, 0, 1);
    color: #fff;
    padding: 2px;
    display: block;
    font: 500 11px/12px "Source Sans Pro", sans-serif;
    position: relative;
    left: -7px;
    text-align: center;
    text-transform: uppercase;
    top: 7px;
    transform: rotate(-10deg);
    width: 85px;
    background: rgb(34, 119, 221);
    font-size: 11px;
}
.SalePending {
    box-shadow: 0 3px 12px -7px rgba(0, 0, 0, 1);
    color: #fff;
    padding: 2px;
    display: block;
    font: 500 11px/12px "Source Sans Pro", sans-serif;
    position: relative;
    left: -7px;
    text-align: center;
    text-transform: uppercase;
    top: 9px;
    transform: rotate(-10deg);
    width: 85px;
    background: #f10202;
    font-size: 11px;
}
.dealstage-caption {
    font-size: 11px;
    font-weight: 600;
    background-color: #eee;
    padding: 0 4px;
    border-radius: 3px;
}
.note-tag-blue {
    box-shadow: 0 3px 12px -7px rgba(0, 0, 0, 1);
    color: #fff;
    padding: 2px;
    display: block;
    font: 500 11px/12px "Source Sans Pro", sans-serif;
    font-size: 11px;
    position: relative;
    /*left: -7px;*/
    text-align: center;
    text-transform: uppercase;
    top: -3px;
    /*transform: rotate(-10deg);*/
    /*width: 85px;*/
    background: rgb(34, 119, 221);
    font-size: 11px;
}

.DepositInventory {
    left: -8px;
    transform: rotate(0deg);
    width: 90px;
    background: rgba(39, 163, 15, 0.96);
    box-shadow: 0 3px 12px -7px rgba(0, 0, 0, 1);
    color: #fff;
    padding: 2px;
    display: block;
    font: 500 11px/12px "Source Sans Pro", sans-serif;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    top: 0px;
    font-size: 11px;
}
.editableColumn {
    /* box-shadow: 0 3px 12px -7px rgba(0, 0, 0, 1); */
    color: #fff;
    padding: 2px;
    display: block;
    font: 500 11px/12px "Source Sans Pro", sans-serif;
    position: relative;
    /* left: -46px; */
    text-align: center;
    /* text-transform: uppercase; */
    top: 9px;
    transform: rotate(0deg);
    width: 100%;
    background: rgb(96, 102, 107);
    font-size: 11px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

#lbl_avatar{
    font-size: 11px;
}

/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.yc-tooltip .yc-tooltiptext {
    visibility: hidden;
    /*width: 180px;*/
    /* height: 50px; */
    background-color: #27D;
    color: #fff;
    text-align: center;
    padding: 5px;
    border-radius: 3px;
    position: absolute;
    z-index: 1;
    /* left: 75px; */
    text-align: left;
    margin-left: -7px;
    z-index: 99999;
}
.yc-tooltip-comment{
    width: 200px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.yc-tooltip-comment2{
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
/* Show the tooltip text when you mouse over the tooltip container */
.yc-tooltip:hover .yc-tooltiptext {
    visibility: visible;
}
.yc-tooltiptext a{
    color: #fff;
}
#voyager-loader-ajax{
    background: #F9F9F9;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0.05;
    z-index: 9999999999999999999;
}
#voyager-loader-ajax{background:#F9F9F9;position:fixed;width:100%;height:100%;left:0;top:0;z-index:99}
#voyager-loader-ajax img{width:100px;height:100px;position:absolute;top:50%;left:50%;margin-left:-50px;margin-right:-50px;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}

.comments-history{
    overflow-y:scroll;
    overflow-x:hidden;
    height:200px;
    min-height:200px;
    width:100%;
    border:1px solid #ccc;
    padding: 10px;
}
@media (min-width: 992px) {

    .margin-22{
        margin-top: 22px !important;
    }
}
@media (max-width: 992px) {
    .yc-sidenav .closebtn{
        top: -46px !important;
    }

}
@media screen and (max-width: 1317px) and (min-width: 992px) {
    .yc-col-md-2 {
        width: 50% !important;
    }
    /*.card-counter-yc .count-numbers-yc{*/
        /*left: 25px !important;*/
        /*font-size: 12px !important;*/
    /*}*/
    /*.deal-yc .count-numbers-yc {*/
        /*top: 78px !important;*/
    /*}*/
    /*.card-counter-yc .count-name-yc{*/
        /*font-size: 12px !important;*/
        /*left: 22px !important;*/
        /*top: 37px !important;*/
        /*max-width: 90px !important;*/
    /*}*/
}
@media screen and (max-width: 1919px) and (min-width: 1680px) {
    .table-responsive {
        max-width: 1919px !important;
        overflow-x: scroll !important;
        overflow-y: hidden !important;
    }
}
@media screen and (max-width: 1679px) and (min-width: 1440px) {
    .table-responsive {
        max-width: 1679px !important;
        overflow-x: scroll !important;
        overflow-y: hidden !important;
    }
}
@media screen and (max-width: 1439px) and (min-width: 1366px) {
    .table-responsive {
        max-width: 1439px !important;
        overflow-x: scroll !important;
        overflow-y: hidden !important;
    }
}
@media screen and (max-width: 1365px) and (min-width: 1024px) {
    .table-responsive {
        max-width: 1365px !important;
        overflow-x: scroll !important;
        overflow-y: hidden !important;
    }
}
@media screen and (max-width: 1023px) and (min-width: 768px) {
    .table-responsive {
        max-width: 1023px !important;
        overflow-x: scroll !important;
        overflow-y: hidden !important;
    }
}
@media screen and (max-width: 767px) and (min-width: 480px) {
    .table-responsive {
        max-width: 767px !important;
        overflow-x: scroll !important;
        overflow-y: hidden !important;
    }
}
@media screen and (max-width: 479px) {
    .table-responsive {
        max-width: 479px !important;
        overflow-x: scroll !important;
        overflow-y: hidden !important;
    }
}
@media  screen and (max-width: 1366px) {
    .hidden-1366 {
        display: none !important;
    }
}
@media (max-width: 1024px) {
    .hidden-1024 {
        display: none !important;
    }
}
@media (max-width: 600px) {
    .hidden-600 {
        display: none !important;
    }
}
@media (max-width: 768px){
    .btn.btn-info span, .btn.btn-warning span {
        display: none;
    }
    .hidden-768{
     display: none !important;
    }
    .yc-margin-zero{
        padding-left:0 !important;
        padding-right:0 !important;
    }
    .side-body{
        margin-left:0 !important;
        margin-right:0 !important;
    }
    .page-content{
        padding-left:0 !important;
    }
    .panel-body{
        padding:0 !important;
    }
    .table-responsive{
        border:0 !important;
    }
    .dataTables_length .checkbox{
        margin-top:0 !important;
        padding-right: 0px !important;
    }
    .dataTables_length .checkbox label,.dataTables_length label, .dataTables_filter label{
        font-size: 13px !important;
        padding-left:10px !important;
        padding-right:10px !important;
    }
    .dataTables_length label{
        padding-top: 2px !important;
        padding-right: 10px !important;
        vertical-align: middle;
    }
    .dataTables_length{
        width:100% !important;
        text-align: left !important;
    }
    .dataTables_filter{
        width:100% !important;
        text-align: left !important;
    }
    .dataTables_filter label input{
        width:100% !important;
        height: 30px!important
    }
    .dataTables_wrapper .dataTables_length{
        float: left !important;
    }
    .dataTables_length select{
        height: 30px !important;
    }

    .voyager-settings{
        padding: 5px !important;
    }
    #dataTable .dropdown-menu.dropdown-menu-animated{
        position: absolute !important;
        margin-right: 10px !important;
    }
    .navbar-nav.yc-table-dropdown{
        margin: 0 !important;
    }
    .yc-sidenav .closebtn{
        top: -46px !important;
    }
    .navbar-bell-right{
        margin-right: 50px !important;
    }
    .navbar-bell-left{
        margin-left: 50px !important;
    }
    .navbar-nav.navbar-right li.dropdown.open .dropdown-menu{
        position: inherit !important;
        margin-right: 5px  !important;
        box-shadow: 0 0 4px 0 rgba(0,0,0,.25);
    }
    .tab-content{
        padding: 0 !important;
    }
}

@media (max-width: 480px) {
    .hidden-480{
        display: none !important;
    }
    .yc-margin-zero{
        padding-left:0 !important;
        padding-right:0 !important;
    }
    .side-body{
        margin-left:0 !important;
        margin-right:0 !important;
    }
    .page-content{
        padding-left:0 !important;
    }
    .panel-body{
        padding:0 !important;
    }
    .table-responsive{
        border:0 !important;
    }
    .dataTables_length .checkbox{
        margin-top:0 !important;
        padding-right: 0px !important;
    }
    .dataTables_length .checkbox label,.dataTables_length label, .dataTables_filter label{
        font-size: 13px !important;
        padding-left:10px !important;
        padding-right:10px !important;
    }
    .dataTables_length label{
        padding-top: 2px !important;
        padding-right: 10px !important;
        vertical-align: middle;
    }
    .dataTables_length{
        width:100% !important;
        text-align: left !important;
    }
    .dataTables_filter{
        width:100% !important;
        text-align: left !important;
    }
    .dataTables_filter label input{
        width:100% !important;
        height: 30px!important
    }
    .dataTables_wrapper .dataTables_length{
        float: left !important;
    }
    .dataTables_length select{
        height: 30px !important;
    }

    .voyager-settings{
        padding: 5px !important;
    }
    #dataTable .dropdown-menu.dropdown-menu-animated{
        position: absolute !important;
        margin-right: 10px !important;
    }
    .navbar-nav.yc-table-dropdown{
        margin: 0 !important;
    }
    .yc-sidenav .closebtn{
        top: -46px !important;
    }
    .navbar-bell-right{
        margin-right: 50px !important;
    }
    .navbar-bell-left{
        margin-left: 50px !important;
    }
    .navbar-nav.navbar-right li.dropdown.open .dropdown-menu{
        position: inherit !important;
        margin-right: 5px  !important;
        box-shadow: 0 0 4px 0 rgba(0,0,0,.25);
    }
    .tab-content{
        padding: 0 !important;
    }
}


.flex-direction-nav a:before {
    font-family: "flexslider-icon";
    font-size: 40px;
    display: inline-block;
    content: '\f001';
    color: #eee !important;
    background-color: transparent;
    width: 50px;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}

div.data-list-input
{
    position: relative;
    /*height: 20px;*/
    display: inline-flex;
    padding: 5px 0 5px 0;
}
select.data-list-input
{
    position: absolute;
    top: 5px;
    left: 0px;
    height: 20px;
}
input.data-list-input
{
    width: 79%;
    padding: 4px 6px;
    border-width: 0;
    margin: 0;
    position: absolute;
    top: 7px;
    left: 2px;
    height: 30px !important;
    background-color: #f9fafb;
}
.page-title>i{
    top: 34px!important;
}

.modal-body .error-from label, .modal-body .error-to label {
    font-size: small !important;
}

.deal-pagination .pagination {
    float: right;
    margin-right: 13px;
    margin-top: 5px !important;
}

#postInsta_modal .modal-dialog {
    width: 600px;
    margin: 30px auto;
}
#fb-not-login h3 {
    font-size: 11px;
    display: inline-block;
    width: 87%;
    margin: 0;
}
#fb-login #fb-profile {
    display: inline-block;
}
#fb-profile h3 {
    font-size: 12px;
    margin: 11px;
}
a#fb-logout {
    display: inline-block;
    color: #fff;
    background-color: #19B5FE;
    font-size: 11px;
    padding: 4px;
    float: right;
}
#fb-div-btn-post .btn {
    margin-right: 10px;
    background-color: #19B5FE;
    color: #fff;
}
#postInsta_modal .modal-body {
    padding-top: 7px;
}

.toast-instagram {

    background: linear-gradient(
    195deg
    , #515be4, #cf2796, #f97424, #fed971)!important;
}

.toast-facebook {

    background-color: #515be4!important;
}
.fb-mp{
    position: absolute;
    top: 50px;
    right: 0;
}
.fb-mp .dropdown-menu{
    min-width: 391px;
}
.fb-mp button{
    top: 50px;
    right: 431px;
    background: #999999!important;
    border-bottom-left-radius: 3px!important;
    border-top-left-radius: 3px!important;

}
/*.mp-facebook a{*/
/*    border-bottom-left-radius: 0px!important;*/
/*    border-top-left-radius: 0px!important;*/
/*}*/
.fb-mp .dropdown-menu>li:last-child>a {
    margin-bottom: 4px!important;
}
.mp-download{
    right: 430px;
}
.mp-facebook{
    right: 225px;
}
.mp-cl{
    right: 67px;
}
.mp-cl .cl-icon{
    padding: 0 0 0 3px;
    background: #fff;
    border-radius: 1px;
}
.mp-cl .cl-icon img{
    width: 13px;
    margin-top: -3px;
}
.mp-facebook .btn-primary, .mp-facebook button {
    background: #3b5998!important;
}
.mp-facebook i.fab.fa-facebook {
    font-size: 17px;
}

.mp-cl .btn-primary, .mp-cl button {
    background: #673397!important;
}
.mp-download .btn-primary, .mp-download button {
    background: #6cbe6c!important;
}
.mp-download i.fas.fa-download {
    font-size: 17px;
}
.badge-new-top-btn {
    background-color: rgb(241, 2, 2);
    color: rgb(255, 255, 255);
    top: 5px;
    position: absolute;
    font-size: 10px;
    width: 31px;
    border-radius: 10px;
    border-bottom-left-radius: 0;
    padding: 4px 1px 3px 0px;
    left: 276px;
    z-index: 9;
}
.yc-tooltip .yc-tooltiptext-new {
    visibility: hidden;
    background-color: #e3e3e3!important;
    color: #434343!important;
    margin-top: 11px;
    font-size: 12px;
    /* box-shadow: 2px 2px 10px #dadada; */
    /* border: 1px solid rgba(0,0,0,.12); */
    left: -106px;
    visibility: hidden;
    /* height: 50px; */
    text-align: center;
    padding: 5px;
    border-radius: 3px;
    position: absolute;
    text-align: left;
    margin-right: -196px;
    z-index: 99999;
    margin-top: -82px;
    margin-left: 37px!important;
}
.mp-facebook a, .yc-tooltip button, .mp-cl a{
    border-radius: 0!important;
}
.yc-tooltip-top{
    top: 50px;
    right: 420px;
    position: absolute;
}
.yc-tooltiptext-new:before {
    width: 0;
    height: 0;
    border-style: solid;
    content: "";
    border-width: 20px 20px 0 0;
    border-color: #e3e3e3 transparent transparent transparent;
    position: absolute;
    left: 75px;
    bottom: -20px;
}
@media (max-width: 768px){
    .fb-mp{
        display: none!important;
    }
}

.yc-column-17 .yc-lbl-ac-col .switch-sm {
    margin-top: 22px;
}

.yc-menubar .col-md-6, .yc-menubar .col-md-3{
    padding: 0;
    margin: 0;
}
.yc-menubar-r {
    position: absolute;
    text-align: right;
    width: 100%;
    z-index: 9;
}
.voyager .btn.btn-success{
    background: #5cb85c!important;
    border-color: #4cae4c!important;
}
.yc-menubar-r .btn-pricelist {
    margin-right: 30px;
}
.yc-menubar-r .btn-reports{
    margin-right: 45px;
}
.btn-add-new.btn-pricelist {
    margin-top: 5px;
}

.ucda-form-btn {
    display: inline-block;
    margin: -3px 10px 0px 0;
}

.ucda-form-btn .dropdown-menu {
    right: 146px;
    left: 260px;
}

.ucda-form-btn .dropdown-menu a {
    text-align: left !important;
    font-size: 14px;
    list-style: none;
    font-weight: 400;
    padding: 6px 20px;
}

.ucda-form-btn .dropdown-menu i {
    display: inline-block;
    font-size: 21px;
    vertical-align: middle;
    color: #969696;
    margin-top: -5px;
}

.ucda-form-btn .badge.badge-new-top-btn {
    background-color: rgb(241, 2, 2);
    color: rgb(255, 255, 255);
    top: -14px;
    position: absolute;
    font-size: 10px;
    width: 31px;
    border-radius: 10px;
    border-bottom-left-radius: 0;
    padding: 4px 1px 3px 0px;
    left: 526px;
    z-index: 9;
}
@media (max-width: 767px) {
    .yc-menubar-r {
        position: inherit!important;
        text-align: left!important;
        width: 100%!important;
        margin-bottom: 10px!important;
        margin-left: 38px!important;
    }
}
.switch-md {
    width: 2.7rem!important;
    height: 1.5rem!important;
}
.switch-md .slider-sm:before {
    height: 15px!important;
    width: 15px!important;
    left: 3px!important;
    right: 12px!important;
    bottom: 3px!important;
    background-image: url(https://autobunny-docs.s3.ca-central-1.amazonaws.com/common/design/icon/at-uncheck.png)!important;
    background-size: contain;
    background-repeat: no-repeat;
}
.activation-switch:checked + .slider-sm:before {
    -webkit-transform: translateX(17px)!important;
    -ms-transform: translateX(17px)!important;
    transform: translateX(17px)!important;
    background-image: url(https://autobunny-docs.s3.ca-central-1.amazonaws.com/common/design/icon/at-check.png)!important;
    background-size: contain;
    background-repeat: no-repeat;
}

.bar {

    height: 18px;

    background: green;

}

.managePictures img.imgLoading {

    position: absolute;

    width: 70px !important;

    height: 85px !important;

    left: 25% !important;

    margin-top: -30px;

}

.table-section{
    margin-top: 2rem;
}

.table-container {
    width: 80rem
}

.center{
    text-align: center;
}

#payment-table thead tr th:first-child, #payment-table tbody tr td:first-child {
    width: 30%;
}
#payment_calculator .p-calc, .section{
    padding: 0 40px;
}
#payment_calculator .section .container-fluid{
    padding: 0;
}
#payment_calculator .section .container-fluid thead tr th{
    color: #fff !important;
    background: #999!important;
    font-weight: 600!important;
}
#payment_calculator .section .container-fluid th, #payment_calculator .section .container-fluid td {
    font-weight: 600;
    color: #393939;
}
.sp-cost-link{
    float: right;
    padding: 7px 75px;
}
.sp-cost-link a{
    padding: 6px 10px 0px 10px;
    margin: 0;
}
span.sp-cost-link i {
    font-size: 19px;
    position: initial;
    float: left;
}
@media (max-width: 767px) {
    .sp-cost-link{
        float: left!important;
        padding: 0!important;
        margin-top: 3px!important;
    }
}
/*#postInsta_modal .modal-header {*/
    /*background: linear-gradient(*/
            /*195deg*/
            /*, #515be4, #cf2796, #f97424, #fed971);*/
/*}*/


/*.dataTables_wrapper .dataTables_paginate .paginate_button{*/
    /*position: relative ;*/
    /*float: left !important;*/
    /*padding: 6px 12px ;*/
    /*margin-left: -1px ;*/
    /*line-height: 1.42857143 !important;*/
    /*color: #353d47 !important;*/
    /*text-decoration: none !important;*/
    /*background-color: #fff !important;*/
    /*border: 1px solid #ddd ;*/
/*}*/
/*.table-responsive .dataTables_wrapper .dataTables_paginate .paginate_button{*/
    /*padding: 0 !important;*/
    /*border: 0 !important;*/
/*}*/
/*.dataTables_wrapper .dataTables_paginate .paginate_button.current,  .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {*/
    /*z-index: 3 !important;*/
    /*color: #fff !important;*/
    /*cursor: default !important;*/
    /*background: #62a8ea !important;*/
    /*border-color: #62a8ea !important;*/
    /*outline: 0 !important;*/
/*}*/
/*.dataTables_paginate>a:focus,*/
/*.dataTables_paginate>a:hover {*/
    /*z-index: 2 !important;*/
    /*transition: background .2s ease-out,border-color .2s ease-out,color .2s ease-out !important;*/
    /*outline: 0 !important;*/
/*}*/
/*.dataTables_paginate .previous {*/
    /*margin-left: 0;*/
    /*border-top-left-radius: 4px !important;*/
    /*border-bottom-left-radius: 4px !important;*/
/*}*/
/*.dataTables_paginate .next {*/
    /*margin-left: 0;*/
    /*border-top-right-radius: 4px !important;*/
    /*border-bottom-right-radius: 4px !important;*/
/*}*/
/*div.dataTables_paginate .first, div.dataTables_paginate .previous {*/
    /*position: relative;*/
    /*padding-left: 24px;*/
/*}*/

/*.dataTables_paginate .current>a, .dataTables_paginate .current:focus, .dataTables_paginate .current:hover{*/
    /*z-index: 3;*/
    /*color: #fff;*/
    /*cursor: default;*/
    /*background-color: #62a8ea;*/
    /*border-color: #62a8ea;*/
    /*outline: 0;*/
/*}*/