.tooltip.top{
    background-color: transparent;
    border: none;
}
.bottom-actions {
    background-color: #e5e5e5;
    border-left: 1px solid #d4d4d4;
    border-top: 1px solid #d4d4d4;
    float: right;
    padding: 10px 20px;
}

.event-heading{
    border-radius: 4px 4px 0 0;
    color: #8f8f8f;
    font-size: 20px;
    font-weight: 500;
    padding: 40px 110px;
    text-align: center;
}

.google-login-img{
    border: 0!important;
    -webkit-border-radius: 0!important;
    position: inherit!important;
}

.mh50{
    min-height: 50px!important;
}

/*#ticket_types button.btn:nth-child(4n+1){
    background-color: #78CD51;
    border-color: #78CD51;
    color: #FFFFFF;
}
#ticket_types button.btn:nth-child(4n+2){
    background-color: #f1c500;
    border-color: #f1c500;
    color: #FFFFFF;
}
#ticket_types button.btn:nth-child(4n+3){
    background-color: #ff6c60;
    border-color: #ff6c60;
    color: #FFFFFF;
}
#ticket_types button.btn:nth-child(4n+4){
    background-color: #58c9f3;
    border-color: #58c9f3;
    color: #FFFFFF;
}*/

.holder-btn-group{
    clear: both;
    margin-bottom: 5px;
    float: left;
}

.add-ticketbtn{
    float: right;
}

.table > tbody > tr.selected > td {
    background-color: #dff0d8 !important;
}

.sortable-handle{
    cursor: move;
}
.modal-dialog{
    overflow-y: initial !important
}
/*.modal-body {*/
    /*max-height: 80vh;*/
    /*overflow-y: auto;*/
    /*overflow-x: hidden;*/
/*}*/

.new_data_table_wrapper .dataTables_scrollHead{
    /*overflow: hidden !important;*/
}

.new_data_table_wrapper .table.table thead .sorting, .new_data_table_wrapper .table.table thead .sorting_asc, .new_data_table_wrapper .table.table thead .sorting_desc{
    background: none !important;
}

.yadcf-filter-wrapper {
    background: #dddddd none repeat scroll 0 0;
    padding: 10px;
    /*position: absolute;*/
    /*top: 70px;*/
    /*z-index:9999;*/
}

.yadcf-filter-range-date{
    width: auto !important;
}

.yadcf-filter-wrapper{
    background-clip: padding-box;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    left: 0;
    min-width: 195px;
    max-width: 500px;
    padding: 1px;
    position: absolute;
    text-align: left;
    top: 90px;
    white-space: normal;
    z-index: 1010;
    padding:5px;
    background:#B0B5B9;
}

.app-DataTable .yadcf-filter-wrapper{
    top: 55px;
}

.dataTables_scrollBody .yadcf-filter-wrapper{
    display: none !important;
}

.new_data_table_wrapper .dataTables_wrapper .dt-buttons{
    margin-top: 15px;
}

.filter-column-show.btn {
    font-size: 12px !important;
    padding: 0 2px;
}

.new_data_table_wrapper .dataTables_filter{
    width: auto;
}

.new_data_table_wrapper .buttons-colvis {
    background-color: #f2f1f0;
    color: #797979;
    border: 1px solid transparent;
}

.new_data_table_wrapper .buttons-colvis:hover {
    color: #333;
}
.new_data_table_wrapper table thead .no-sort:after{
    content: '' !important;
}
.scan_on_button ul li {
    margin-bottom: 10px;
    border-bottom: 0;
}
.scan_on_button ul li label {
    font-size: 15px;
    width: 35%;
    text-align: right;
    margin-right: 10px;
}

.sorting_disabled {
    position: relative;
}

.sorting_disabled .yadcf-filter-wrapper{
    top: 65px;
}

.dataTables_processing.panel.panel-default{
    float: none !important;
    width: 78% !important;
    margin-left: -10px;
    left: 20%;
    top: 60%;
    font-size: 20px;
}

#task_creation span.select2-container {
    width: 100% !important;
}

#create_appointment span.select2-container {
    width: 100% !important;
}

.keypad {
    float:left;
    font-family:'Helvetica Neue',sans-serif;
    font-weight:100;
    border: 1px solid #eee;
    text-align: center;
    padding: 5px 15px;
}

.keypad > label {
    display:inline-block;
    width: 30px;
    height: 30px;
    margin:10px;
    line-height: 30px;
    border-radius:50px;
    border:1px #5A58FF solid;
    background-color:white;
    font-size: 15px;
    color:#343434;
    transition:.5s;
    -webkit-transition:.5s;
    cursor: pointer;
}

.keypad input:checked+label {
    color:white;
    background:#5A58FF;
    transition:0s;
    -webkit-transition:0s;
}

.keypad input[type="checkbox"]{
    opacity: 0;
    position: absolute
}

.phone .intl-tel-input {
    width: 100%;
    margin-bottom: 15px;
}
.phone .intl-tel-input .form-control.tel{
    color: #fff !important;
}

#destination_section .intl-tel-input {
    width: 100%;
}

.chat
{
    list-style: none;
    margin: 0;
    padding: 0;
}

.chat li:not(.nobottom)
{
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #B3A9A9;
}

.chat li.left .chat-body
{
    margin-left: 60px;
}

.chat li.right .chat-body
{
    margin-right: 60px;
}


.chat li .chat-body p
{
    margin: 0;
    color: #777777;
}

.chat_row .panel .slidedown .glyphicon, .chat .glyphicon
{
    margin-right: 5px;
}

.chat_row .panel-body
{
    overflow-y: scroll;
    height: 500px;
}

::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

::-webkit-scrollbar
{
    width: 12px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}

.modal-2 .modal-content{
    float: left;
}

.filelist .file-name{
    padding-bottom: 5px;
    word-wrap: break-word;
}

.ui-slider .ui-slider-handle{
    cursor: pointer;
}

.profile-info #ticket_types button{
    margin-bottom: 5px;
}

tr td.details-control, tr.even td.sorting_1.details-control {
    background: url('../img/details_open.png') no-repeat center center !important;
    cursor: pointer;
    width: 18px;
}
tr.shown td.details-control, tr.even.shown td.sorting_1.details-control {
    background: url('../img/details_close.png') no-repeat center center !important;;
}
.ml-25{
    margin-left: -25px;
    text-transform: capitalize;
}

.site-footer .footer-text{
 position: relative;
}

.version-info{
    font-size: 20px;
    position: absolute;
    right: 40px;
    top: -5px;
    color: #ffffff;
}

.version-info:focus{
    color: #ffffff;
}
.center-middle{
    text-align: center !important;
    vertical-align: middle !important;
}

.mt-20{
    margin-top: 20px;
}
.mt-15{
    margin-top: 15px;
}

.date-module-conditions-block{
    width: 100%;
    float: left;
}

.date-module-conditions-block div{
    margin-top: 10px;
    float: left;
}

.date-module-conditions-block div:first-child{
    width: 50%;
    padding-right: 10px;
}

.date-module-conditions-block div:nth-child(2){
    width: 25%;
    padding-right: 10px;
}

.date-module-conditions-block div:nth-child(3){
    width: 25%;
}

body.bgblur header, body.bgblur aside, body.bgblur footer, body.bgblur section#main-content{
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
}

.relationexpand{
    color: white;
    cursor: pointer;
}

.relationactions{
    margin-right: 15px;
}
.relationactions .relationexpand{
    position: relative;
    top: 5px;
    left: 5px;
}
p.slack-message{
    margin-bottom: 20px;
}
.slack-message .profile-info{
    color: #EF6F66;
}
.slack-message .profile-info img{
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;: ;
}

/*wizard*/
/*
    Common
*/

.wizard,
.tabcontrol
{
    display: block;
    width: 100%;
    overflow: hidden;
}

.wizard a,
.tabcontrol a
{
    outline: 0;
}

.wizard ul,
.tabcontrol ul
{
    list-style: none !important;
    padding: 0;
    margin: 0;
}

.wizard ul > li,
.tabcontrol ul > li
{
    display: block;
    padding: 0;
}

/* Accessibility */
.wizard > .steps .current-info,
.tabcontrol > .steps .current-info
{
    position: absolute;
    left: -999em;
}

.wizard > .content > .title,
.tabcontrol > .content > .title
{
    position: absolute;
    left: -999em;
}



/*
    Wizard
*/

.wizard > .steps
{
    position: relative;
    display: block;
    width: 100%;
}

.wizard.vertical > .steps
{
    display: inline;
    float: left;
    width: 30%;
}

.wizard > .steps .number
{
    font-size: 1.429em;
}

.wizard > .steps > ul > li
{
    width: 25%;
}

.wizard > .steps > ul > li,
.wizard > .actions > ul > li
{
    float: left;
}

.wizard.vertical > .steps > ul > li
{
    float: none;
    width: 100%;
}

.wizard > .steps a,
.wizard > .steps a:hover,
.wizard > .steps a:active
{
    display: block;
    width: auto;
    margin: 0 0.5em 0.5em;
    padding: 1em 1em;
    text-decoration: none;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.wizard > .steps .disabled a,
.wizard > .steps .disabled a:hover,
.wizard > .steps .disabled a:active
{
    background: #eee;
    color: #aaa;
    cursor: default;
}

.wizard > .steps .current a,
.wizard > .steps .current a:hover,
.wizard > .steps .current a:active
{
    background: #A9D86E;
    color: #fff;
    cursor: default;
}

.wizard > .steps .done a,
.wizard > .steps .done a:hover,
.wizard > .steps .done a:active
{
    background: #ccc;
    color: #fff;
}

.wizard > .steps .error a,
.wizard > .steps .error a:hover,
.wizard > .steps .error a:active
{
    background: #ff6c60;
    color: #fff;
}

.wizard > .content
{
    /*background: #eee;*/
    border: 1px solid #eee;
    display: block;
    margin: 0.5em;
    min-height: 350px;
    overflow: hidden;
    position: relative;
    width: auto;
    padding: 20px;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.wizard.vertical > .content
{
    display: inline;
    float: left;
    margin: 0 2.5% 0.5em 2.5%;
    width: 65%;
}

.wizard > .content > .body
{
    float: left;
    position: absolute;
    width: 95%;
    height: 95%;
}

.wizard > .content > .body ul
{
    list-style: disc !important;
}

.wizard > .content > .body ul > li
{
    display: list-item;
}

.wizard > .content > .body > iframe
{
    border: 0 none;
    width: 100%;
    height: 100%;
}

.wizard > .content > .body input
{
    display: block;
    border: 1px solid #ccc;
}

.wizard > .content > .body input[type="checkbox"]
{
    display: inline-block;
}

.wizard > .content > .body input.error
{
    background: rgb(251, 227, 228);
    border: 1px solid #fbc2c4;
    color: #ff6c60;
    font-weight: normal;
}

.wizard > .content > .body label
{
    display: inline-block;
    margin-bottom: 0px;
    padding-top: 7px;
    font-weight: normal;
}

.wizard > .content > .body label.error
{
    color: #ff6c60;
    display: inline-block;
    /*margin-left: 1.5em;*/
    font-weight: normal;
}

.wizard > .actions
{
    position: relative;
    display: block;
    text-align: right;
    width: 100%;
}

.wizard.vertical > .actions
{
    display: inline;
    float: right;
    margin: 0 2.5%;
    width: 95%;
}

.wizard > .actions > ul
{
    display: inline-block;
    text-align: right;
}

.wizard > .actions > ul > li
{
    margin: 0 0.5em;
}

.wizard.vertical > .actions > ul > li
{
    margin: 0 0 0 1em;
}

.wizard > .actions a,
.wizard > .actions a:hover,
.wizard > .actions a:active
{
    background: #53bee6;
    color: #fff;
    display: block;
    padding: 0.5em 1em;
    text-decoration: none;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.wizard > .actions .disabled a,
.wizard > .actions .disabled a:hover,
.wizard > .actions .disabled a:active
{
    background: #eee;
    color: #aaa;
}

.wizard > .loading
{
}

.wizard > .loading .spinner
{
}



/*
    Tabcontrol
*/

.tabcontrol > .steps
{
    position: relative;
    display: block;
    width: 100%;
}

.tabcontrol > .steps > ul
{
    position: relative;
    margin: 6px 0 0 0;
    top: 1px;
    z-index: 1;
}

.tabcontrol > .steps > ul > li
{
    float: left;
    margin: 5px 2px 0 0;
    padding: 1px;

    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.tabcontrol > .steps > ul > li:hover
{
    background: #edecec;
    border: 1px solid #bbb;
    padding: 0;
}

.tabcontrol > .steps > ul > li.current
{
    background: #fff;
    border: 1px solid #bbb;
    border-bottom: 0 none;
    padding: 0 0 1px 0;
    margin-top: 0;
}

.tabcontrol > .steps > ul > li > a
{
    color: #5f5f5f;
    display: inline-block;
    border: 0 none;
    margin: 0;
    padding: 10px 30px;
    text-decoration: none;
}

.tabcontrol > .steps > ul > li > a:hover
{
    text-decoration: none;
}

.tabcontrol > .steps > ul > li.current > a
{
    padding: 15px 30px 10px 30px;
}

.tabcontrol > .content
{
    position: relative;
    display: inline-block;
    width: 100%;
    height: 35em;
    overflow: hidden;
    border-top: 1px solid #bbb;
    padding-top: 20px;
}

.tabcontrol > .content > .body
{
    float: left;
    position: absolute;
    width: 95%;
    height: 95%;
    padding: 2.5%;
}

.tabcontrol > .content > .body ul
{
    list-style: disc !important;
}

.tabcontrol > .content > .body ul > li
{
    display: list-item;
}
.go-top {
    position: fixed;
    right: 0;
    bottom: 7px;
    background-color: #2B3944;
}

.go-top i{
   color: #ffffff;
}

.mr-10{
    margin-right: 10px;
}

.wizard ul{
    display: flex;
}
.wizard > .steps > ul > li{
    flex: 1 0 0;
}