/* Import fonts */
/*@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);*/
@font-face {
    font-family:'futurastd-book';
    src: url('../fonts/futurastd-book.eot');
    src: url('../fonts/futurastd-book.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futurastd-book.woff') format('woff'),
         url('../fonts/futurastd-book.ttf') format('truetype'),
         url('../fonts/futurastd-book.svg#futurastd-book') format('svg');
}

html, body {
    overflow-x: hidden!important;
    color: #797979;
    font-family: 'futurastd-book';
    /*font-family: "Open Sans",sans-serif;*/
    font-size: 14px;
}
body.safari-browser
{
    word-spacing: 2px;
}
@media(max-width: 767px){
    ran-side-menus.view
    {
        overflow: hidden!important;
    } 
}


/* Code for Firefox */
::-moz-selection { 
    color: #aeb2b7;
    background: #2a3542;
}
/* Code for chrome */
::-webkit-selection { 
    color: #aeb2b7;
    background: #2a3542;
}
/* Code for IE */
::-ms-selection { 
    color: #aeb2b7;
    background: #2a3542;
}

::selection {
    color: #aeb2b7;
    background: #2a3542;
}
/*pre-loader*/
.pre-loader
{
    background: #ffffff;
    text-align: center;

    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 999999;
}
.pre-loader > img
{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top:-72px; 
    margin-left:-65px;
}

.tooltip_icon_info
{
    display: inline-flex!important;
    margin-bottom: 5px;
}
.display-inlineFlex
{
    display: inline-flex!important;
}
.tooltip_width
{
    width: auto!important;
}
/*.position
{
    position: relative;
    bottom: 4px;
}*/
/*.tool-tips-Note .fa-info-circle
{
    float: left;
    margin-top: -16px;
    margin-left: 194px;
}*/
.fa-info-circle
{
    font-size: 13px;
    float: left;
    margin-left: 5px;
    margin-top: 3px;

}
.tool-tips-Note .fa-info-circle
{
    color: #555555;
}
.uploadBtn
{
    position: relative;
    bottom: 25px;
}
.contentHideShowBtn .fa
{
    color: #fff;
}
.tooltip 
{
    display: none;
    position: absolute;
    background-color: #222;
    padding: 7px 10px;
    color: #fff;
    width: 200px;
    float: left;
    margin-top: -20px;
    border-radius: 5px;
    z-index: 1;
    bottom: 22px;
    transform: translateX(-49%);
    text-align: center;
}

.tooltip-show 
{
  display: inherit;
}

.tooltip-arrow 
{
  position: absolute;
    width: 0;
    height: 0;
    bottom: -5px;
    left: 85px; 
}

.tooltip-down .tooltip-arrow {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #222;
  transform: rotate(180deg);
}
.contentHideShowBtn .fa
{
    color: #555555;
}
.no_padding
{
    padding-left: 0px;
}
.datebtn
{
    position: relative;
    top: -10px;
}
.grp-tooltip .tooltip-show
{
    /*margin-top: -102px!important;
    right: 87px!important;*/
    position: absolute;
    bottom: 24px;
    transform: translateX(-43%);
    text-align: center;
    z-index: 1;
    
}
.grp-tooltip .tooltip-arrow
{
    position: relative;
    left: 64px!important;
    top: 12px!important;
}
.sub-tooltip .tooltip-show
{
    position: absolute;
    bottom: 25px;
    transform: translateX(-47%);
}
.sub-tooltip .tooltip-arrow
{
    position: relative;
    left: 72px!important;
    top: 12px!important;
}
.tooltipWidth
{
    width: auto!important;
}
.gap
{
    margin: 1px 0 1px 0;
}
.delBtnPosition
{
    position: relative;
    bottom: 25px;
}
.bttns
{
    margin-left: 158px!important;
    margin-top: 22px!important;
}
.marginRight
{
    margin-right: -10px;
}
.dateDesk
{
    margin-left: 160px!important;
    margin-top: 22px!important;
}
.TextBox
{
    width: 100%;
    border-color: #545454;
}
.borderColor
{
    border:1px solid rgb(188, 188, 188);
}
.borderColor
{
    border:1px solid rgb(188, 188, 188);
}
.dateminus
{
    float: right;
     margin-right: -116px;
     margin-top: 22px;
}
.widthEditBox
{
    width: 850px!important;
    float: left;
    background: none;
    border:1px solid #7f7f7f;
}
.MinusBtn
{
    margin-left: 150px;
    margin-top: 2px;
}
.remove-btn,.dropzone-position
{
    position: relative;
    bottom: 25px;
}
.padding-left
{
    padding-left: 0px;
}
.position-bottom
{
    position: relative;
    bottom: 4px;
}
.textboxWidth
{
    float: left!important;
    width: 890px!important;
}
.textbox .button.button-submit.todo-btn 
{
    position: relative!important;
    left: 78px!important;
    transform: translateX(80%)!important;
    margin-top: 0px!important;
}
.width_input
{
    width: 900px!important;
}


/*common color class*/
.color-pending
{
    color: #f85453!important;
}
.color-review
{
    color: #fbb225!important;
}
.color-completed
{
    color: #a6ce6b!important;
}
.color-disabled
{
    color: #aeaeae!important;
}
.color-label
{
    color: #777777!important;
}
.color-value,
.editable
{
    color: #a4a4a4;
}

.color-value.editable
{
    color: #5ac3e1!important;
}

/*common background class*/
[data-status="pending"],
[data-flag="high"],
[data-priority="high"],
[data-status="cancelled"],
[data-status="failed"],
[data-status="declined"],
[data-status="close"]
{
    color: #f85453!important;
}


[data-status="review"],
[data-flag="medium"],
[data-priority="medium"],
[data-status="forward"],
[data-status="processing"],
[data-status="hold"]
{
    color: #fbb225!important;
}
.bg-review
{
    background-color: #fbb225!important;
}

[data-status="converted"],
[data-status="completed"],
[data-status="held"],
[data-status="sent"],
[data-status="approved"],
[data-status="paid"]
{
    color: #a6ce6b!important;
}
.bg-completed
{
     background-color: #a6ce6b!important;
}
.bg-pending
{
     background-color: #f85453!important;
}

[data-status="disabled"]
{
    color: #a4a4a4!important;
}
.bg-disabled{
    background-color: #a4a4a4!important;
}

[data-flag="low"],
[data-priority="low"],
[data-status="planned"],
[data-status="open"]
{
   color: #75bddf!important;
}

.border-right
{
    border-right: 1px solid #dddddd;
}

.color-review
{
    color: #fbb225;
}

.bg-white
{
    background: #ffffff!important;
}
.nopaddingbottom
{
    padding-bottom: 0px!important;
}

.inline-loading
{
    opacity: 0.5!important;
    cursor: default!important;
    pointer-events: none!important;
}
/*inline-border*/
.inline-border
{
    float: left;
    width: 100%;
    height: 1px;
    background: #e2e2e2;
    margin: 20px 0;
}

/*fixed-body*/
body.fixed-body .view,
body.fixed-body .pane
{
    background-color:#f1f2f7; 
}

body.fixed-body .menu-content
{
    -webkit-transform: translate3d(0, 0, 0)!important;
            transform: translate3d(0, 0, 0)!important;
    margin:0px!important;
    width: 100%!important;
}
body.fixed-body .nav-bar-container,
body.fixed-body .bar-footer
{
    display: none!important;
}
body.fixed-body .nav-bar-container.nav-bar-back
{
    display: block!important;
}
/*end*/
/*signin*/
.form-signin h2.form-signin-heading {
    color: #757479;
    font-size: 14px;
    font-weight: 300;
    margin: 0;
    padding: 20px 0 0 0;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.2;
}

.form-signin .button-signin {
    min-height: 34px;
    background: #58c9f3;
    box-shadow: 0 4px #20a9e0;
    line-height: 32px;
    color: #fffaff;
    font-weight: 300;
    position: relative;
    text-transform: uppercase;
    font-size: 14px;

    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.4s ease 0s;
}
.form-signin .button-signin svg
{
    width: 32px;
    height: 32px;
}
.form-signin .button-signin:hover
{
   opacity: 0.8;
}
.form-signin .button-signin:active
{
    box-shadow: 0 2px #20a9e0;
    top: 3px;
}
.form-signin .text-field__icon
{
    background: transparent;
    color: #18a7df;
    font-size: 17px;
}
.form-signin .checkbox-label::after,
.form-signin .checkbox-label::before
{
    color: #999798;
    font-size: 14px;
}
.form-signin .checkbox-label
{
    color: #999798;
    padding-left: 16px;
}
.forgot-password-link
{
    position: relative;
    top:2px;
}

.signin-box-col
{
    width: 377px!important;
    padding: 0px;
}
@media(max-width: 480px){
    .signin-box-col
    {
        width: 100%!important;
    }
    .daterangepicker.dropdown-menu.opensleft.show-calendar 
    {
        top: 0px !important;
        overflow-y: scroll;
        height: 480px;
    }
}


.signin-container,
.signin-content > div
{
    height: 100%;
    width: 100%;
    display: table;
}
.signin-container .container
{
    display: table-cell;
    vertical-align: middle;
}

.remember-checkbox .checkbox-label ,
.forgot-password-link{
    font-size: 14px;
}

.signin-social-item
{
    display: inline-block;
    width: 34px;
    height: 34px;
    line-height: 26px;
    border-radius: 100%;

    border:2px solid #f67a6e;
    color: #f67a6e;
    padding: 2px;
    text-align: center;
    vertical-align: middle;
    margin-left: 2px;
    cursor: pointer;
}
.signin-social-item:first-child
{
    margin-left: 0px;
}
@media(max-width: 300px){
    .signin-social-item
    {
        width: 30px;
        height: 30px;
        line-height: 22px;
    }
}
/*end*/
/*header section*/
.bar-header
{
    height: 60px;
}
.has-header
{
    top: 60px;
}
.main-header .title
{
    display: none;
}
.sidebar-toggle-box {
    float: left;
    margin-top: 20px;
    padding-right: 15px;
}
.sidebar-toggle-box .fa-bars {
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
}
@media(max-width: 767px){
    .sidebar-toggle-box
    {
        padding-right: 5px;
    }
    #top_menu-left
    {
        margin-left: 5px;
    }
}
@media(max-width: 300px){
    #top_menu-left
    {
        margin-left: 0px;
    }
}
/*logo*/
/*.logo {
    color: #2e2e2e;
    float: left;
    font-size: 21px;
    margin-top: 20px;
    text-transform: uppercase;
    font-weight: 600;
}
@media(max-width: 767px){
    .logo{
        font-size: 16px;
    }
}*/
/*notification menu*/
.notify-row {
    float: left;
    margin-top: 20px;
}

/*ul.top-menu > li > a {
    border: 1px solid #f0f0f8 !important;
    border-radius: 4px;
    color: #666666;
    font-size: 16px;
    margin-right: 15px;
    padding: 2px 6px;
}*/

.notify-row .badge {
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: 100;
}
/*toggle buttton*/
.dropdown-toggle
{
    position: relative;
    padding: 1px 6px;
    border-radius: 3px;
    border:1px solid #f0f0f8;
    line-height: 20px;
    /*margin-right:20px; */
}
.dropdown-toggle.opened
{
    background-color:#eee; 
}
.action-button-edit .dropdown-toggle
{
    border-width: 0px;
    background: #57c0de;
    color: #fff;
}

.action-button-download .dropdown-toggle
{
    border-width: 0px;
    background: #44c6be;
    color: #fff;
}



@media(max-width: 300px){
    .dropdown-toggle
    {
        padding: 0 2px;
    }
}
/*dropdown top menu*/
.dropdown-menu.extended {
    /*border: medium none !important;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.176) !important;
    max-width: 300px !important;
    min-width: 160px !important;
    padding: 0;*/
    /*top: 37px;*/
    /*width: 235px !important;
    display: none;*/
}

.dropdown-menu.extended .dropdown-menu-item p {
    background-color: #f1f2f7;
    border-radius: 4px 4px 0 0;
    color: #666666;
    margin: 0;
    padding: 10px;
}
.dropdown-menu.extended .dropdown-menu-item p.green {
    background-color: #a9d86e;
    color: #fff;
}
.dropdown-menu.extended .dropdown-menu-item p.red {
    background-color: #ff6c60;
    color: #fff;
}
.dropdown-menu.extended .dropdown-menu-item p.yellow {
    background-color: #fcb322;
    color: #fff;
}

.dropdown-menu.extended .dropdown-menu-item .dropdown-item-inner {
    border-bottom: 1px solid #ebebeb !important;
    font-size: 12px;
    display: inline-block;
    padding: 15px 10px !important;
    width: 100%;
}

.tasks-bar .task-info .desc {
    font-size: 13px;
    font-weight: normal;
}
.tasks-bar .task-info .percent {
    display: inline-block;
    float: right;
    font-size: 13px;
    font-weight: 600;
    margin-top: -4px;
    padding-left: 10px;
}
/*top menu progress bar*/
.dropdown-menu.extended .progress {
    height: 10px;
}

/*inbox message*/
.inbox .photo img {
    border-radius: 2px;
    float: left;
    height: 40px;
    margin-right: 4px;
    width: 40px;
}
.inbox  .subject {
    display: block;
}
.inbox .subject .from {
    font-size: 12px;
    font-weight: 600;
}
.inbox .subject .time {
    font-size: 11px;
    font-style: italic;
    font-weight: bold;
    position: absolute;
    right: 5px;
}
.inbox .message {
    display: block !important;
    font-size: 11px;
}

/*notification*/
.notifications span.label {
    display: inline-block;
    height: 18px;
    padding: 5px;
    width: 20px;
}

/*office-in-out button*/
.office-in-out-row
{
    margin-right: 15px;
    margin-top:10px; 
}
/*@media(min-width: 768px) and (max-width: 991px) {
   .office-in-out-row{
        margin-right: 10px;
    }
}*/
.office-in-out-row > div
{
    float: left;
    border:1px solid #f0f0f8;
    padding: 6px;
    border-radius: 4px;
    color: #666666;
    font-size: 16px;
    margin-left:10px;
    line-height: 25px; 
    min-width:100px;
    text-align: center;
}
#office_in.disabled
{
    background-color:#eee; 
}
.office-in-out-row > div .progress--loading
{
    height: 25px;
}
.office-in-out-row > div .progress--loading svg
{
    height: 25px;
    width: 25px;
}

.office-in-out-row > div .progress--loading svg path{
    fill: #2a3542;
}
@media(max-width: 767px){
    .office-in-out-row > div .progress--loading
    {
        height: 15px;
    }
    .office-in-out-row > div .progress--loading svg
    {
        height: 15px;
        width: 15px;
    }
}


.logout-toggle
{
    padding:4px 6px;
}
.logout-toggle .username
{
    font-size: 13px;
    color: #555555;
    display: inline-block;
    height: 29px;
    line-height:29px; 
}
.logout-toggle .caret {
    border-bottom-color: #a4aaba;
    border-top-color: #a4aaba;
}

.dropdown-menu.logout {
    width: 295px !important;
    top: 47px;
}
.dropdown-menu.dropdown-menu-right {
    float: right;
    left: auto;
    right: 0;
}

.log-arrow-up {
    background: rgba(0, 0, 0, 0) url("../images/arrow-up.png") no-repeat;
    height: 11px;
    position: absolute;
    right: 20px;
    top: -10px;
    width: 20px;
}

.dropdown-menu.logout .dropdown-item-inner {
    color: #a4abbb;
}

.dropdown-menu.logout .ran-icon
{
    font-size: 17px;
}
.dropdown-menu.logout.main-menu .ran-icon
{
    font-size: 35px;
}
/*.dropdown-menu.logout .ran-icon:hover
{
    color: #50c8ea;
}*/
.chat-option-toggle
{
    padding:0px 0px;
}
.dropdown-menu.extended.chat-option-details
{
    background-color: #000;
    border-radius: 2px;
    /*box-shadow: 0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.082);*/
   /* opacity: 0.7;*/
    overflow: hidden !important;
    position: absolute;
    /*text-align: left;*/
    
}
.dropdown-menu.extended.chat-option-details {
    /*width: 120px !important;*/
    height: 65px !important;
   /* opacity: 0.9 !important;*/
    /*overflow: hidden !important;*/
   /* top: 47px;*/

}
.dropdown-menu.extended.chat-option-details .dropdown-item-inner {
    color: #a4abbb;
    display: inline-block;
    margin: 5px;
}

.dropdown-menu.extended.chat-option-details .ran-icon
{
    font-size: 16px;
}
.dropdown-menu.logout.main-menu .dropdown-menu-item:last-child .dropdown-item-inner{
    background: #ebf2f1;
    color: #808080;
    height: 115px;
    border-width: 0px!important;
}

.dropdown-menu.logout .dropdown-menu-item:last-child .dropdown-item-inner{
    background: #a9d96c;
    color: #fff;
    text-transform: uppercase;
    border-width: 0px!important;
}

@media(max-width: 767px){
    .office-in-out-row > div
    {
        min-width:30px;
        line-height: 14px;
        margin-left: 5px;
        font-size: 14px;
        padding: 6px 4px;
    }
    .office-in-out-row > div:first-child
    {
        margin-left: 0px;
    }
    .office-in-out-row{
        margin-right: 5px;
        margin-top:16px;
    }
}



@media(max-width: 300px){
    .office-in-out-row > div
    {
        padding: 6px 2px;
    }
}
/*back button*/
.bar .back-button
{
    color: #444;
    padding: 0;
    min-height: 50px;
    padding: 6px 0 0 0;
}
.bar .back-button .icon
{
    padding: 0 4px;
    font-size: 20px;
}
.bar .back-button span
{
    position: relative;
    line-height: 1;
    top:-2px;
}
/*title*/
.bar .title
{
    line-height: 60px;
    height: 60px;
}

/*menu*/
.menu-left .scroll-content
{
    background: #2a3542;
}
.category-menu-bar span
{
    float: left;
    width: 100%;
    line-height:1;
    text-transform: uppercase;
    font-weight: bold;
    text-align: left;
    padding: 10px 0 0 0;
}

.sidebar-menu-list .item
{
    padding: 0px;
    background: transparent;
    border-width: 0px;
}

.sidebar-menu-list > .ran-list > .item {
    margin-bottom: 5px;
    margin-left: 10px;
    margin-right: 10px;
}


.sidebar-menu-list .item-content,
.sidebar-menu-list .sub-menu-title {
    color: #aeb2b7;
    display: block;
    font-size: 12px;
    outline: medium none;
    padding: 15px 0 15px 10px;
    text-decoration: none;
    transition: all 0.3s ease 0s;
}
.sidebar-menu-list > .ran-list > .item a
{
    text-decoration: none;
    color: #aeb2b7;
    outline: 0;
}

.has-submenu > .item-content
{
    padding: 0px;
}
.sub-menu-block
{
    float: left;
    width: 100%;
    padding: 15px 0 15px 10px;
}
.sidebar-menu-list .sub-menu-title
{
    padding: 0px;
}
.sidebar-menu-list .item-content:hover > .ran-icon,
.sidebar-menu-list .item.active > .item-content > i.ran-icon,
.sub-menu-title.opened > .ran-icon, 
.sidebar-menu-list .item-content:focus > .ran-icon,
.sub-menu-block .item-content:hover > .ran-icon,
.sub-menu-block .item-content:focus > .ran-icon{
    color: #ff6c60;
}
.sidebar-menu-list .item-content i.ran-icon.fa {
    font-size: 15px;
    padding-right: 6px;
}
.sidebar-menu-list .item-content .opened-icon
{
    position: absolute;
    right:10px;
    top: 21px;
}
.sub-menu-dropdown
{
    float: left;
    width: 100%;
    display: none;
}
.menu .item.opened,
.menu .has-submenu .item-content.active .sub-menu-block > .item-content, 
.menu .item .item-content:focus,
.menu .item .item-content:hover,
.menu .item.active .item-content,
.menu .sub-menu-dropdown .item.active .item-content {
    background: #35404d none repeat scroll 0 0;
    border-radius: 4px;
    color: #fff;
    display: block;
    transition: all 0.3s ease 0s;
}
.menu .sub-menu-dropdown .item.active .item-content a,
.menu .item.active .item-content a,
.menu .item .item-content:focus a,
.menu .sub-menu-dropdown .item.active .item-content a,
.sub-menu-block .item .item-content:hover a,
.sub-menu-block .item .item-content:focus a
{
    color: #fff;
}
/*.sidebar-menu-list > .ran-list > .item.active  > .item-content a,
.sidebar-menu-list > .ran-list > .item:hover  > .item-content a,
.sidebar-menu-list > .ran-list > .item:focus  > .item-content a
{
    color: #fff;
}*/
.sidebar-menu-list .item > .item-content:hover,
.sidebar-menu-list .item.active > .item-content,
.sidebar-menu-list .has-submenu > .item-content.active
{
    background: #35404d;
}
/*.sub-menu-block .item-content:hover,
.sub-menu-block .item-content:focus span
{
    color: #ff6c60;
}*/
.sub-menu-dropdown .item {
    background: #35404d;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}
.sub-menu-dropdown > .item
{
    padding-left: 20px;
}
.sub-menu-dropdown .item-content {
    color: #aeb2b7;
    font-size: 12px;
    height: 35px;
    line-height: 25px;
    padding: 6px 0;
    transition: all 0.3s ease 0s;
}

/*right menu*/
.menu-right
{
    background: rgba(42, 53, 66, 1) !important;
    
}
@media(min-width: 992px){
    .menu-right
    {
        top:60px;
    }
}
.menu-right .scroll-content
{
    padding-top:5px; 
    background-color: transparent!important;
}
/*menu-right-swipe*/
/*.menu-right-swipe
{
    z-index: 9999!important;
    -webkit-transition:transform 300ms ease 0s;
    -moz-transition:transform 300ms ease 0s;
    transition:transform 300ms ease 0s;
}*/
.menu-right .item
{
    background: transparent;
}
.menu-right .bar
{
    background: #35404d;
}

.item-avatar
{
    text-decoration: none;
    /*padding: 0 0 0 50px;*/
    min-height: 50px;
    color:#aeb2b7;
}
.menu-right .item-avatar
{
    padding:0 0 0 50px;
}
.item.item-avatar p
{
     color:#aeb2b7;
     white-space: normal;
     margin-top: 5px;
}
.item-avatar > img:first-child
{
    left: 0px;
    top: 0px;
}

.profileImage
{
    margin-top: 16px;
    margin-left: 10px;
}

.menu-right .side-title
{
    
}
.menu-right .side-title .item-content
{
    color: #ff6c60;
    padding-left: 5px;
}
.menu-right .side-title .item-content:hover
{
    background:transparent;
    
}

.p-task .item-content
{
    padding:10px 15px;
    border-bottom: 1px dashed #35404d;
}
.menu-right .quick-review-item  > .item-content
{
    padding: 0px;
}
.p-task .progress
{
    height: 10px;
}
.item.quick-review-item .item-content:hover
{
    background: transparent!important;
}
.p-task .external .item-content
{
    color: #40cabe;
    border-bottom-width: 0px!important;
}
@media(max-width: 767px){
   .menu-right .item-avatar > img:first-child
    {
        left: 2px;
        top: 2px;
    } 
}

/*footer*/
.bar-footer{
    border-width: 0px;
    background:#5b6e84;
    padding: 0 10px;
    color: #fff;
}
.powered-by
{
    font-size: 13px;
    line-height: 44px;
}
.powered-by a
{
    color: #fff;
    text-decoration: none;
}
@media(max-width: 480px){
    .bar-footer
    {
        text-align: left;
    }
}
/*translation dropdown*/
.language-wrap {
    background: #fff;
    box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 
    0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    border-radius:4px 4px 0 0;
    bottom:0px;
    font-size: 1.5em;
    right:0px;
    position: absolute;
    min-height: 100px;
    min-width: 200px;
    padding-bottom:44px; 
    z-index: 999;

    -webkit-transform-origin:right bottom 0;
            transform-origin:right bottom 0;

    -webkit-transform:scale(0);
            transform:scale(0);

    -webkit-transition:all 0.3s ease 0s;
            transition:all 0.3s ease 0s;

}
.show-lang-dropdown .language-wrap {
    -webkit-transform:scale(1);
            transform:scale(1);
}
.language-wrap .ran-list {
    opacity: 1;
    height: 100%;
} 

.language-wrap .ran-list .item
{
    padding: 10px;
    border-color:#ebebeb;

    -webkit-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s;
}
.language-wrap .ran-list .item:hover{
    background-color: rgba(238,238,238,0.5);
}

.button-flagchat {
    background: #58c9f3;
    color: #ffffff;
}
.flag-wrapper::after {
    content: "";
    display: block;
    padding-top: 75%;
}
.flag-wrapper {
    float: left;
    display: inline-block;
    overflow: hidden;
    position: relative;
    width:24px;
}
.flag-wrapper .flag {
    background-size: cover;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.lang-toggle-btn
{
    /*line-height: 44px;*/
    position: absolute;
    right:20px;
    background: transparent;
    z-index: 1000;
    color:#fff;
}
.lang-toggle-btn .flag-wrapper
{
    overflow: visible;

}
.lang-toggle-btn .flag-wrapper .flag
{
    top: 15px;
}
.lang-toggle-btn .lang-text
{
    padding:16px 0 0 0;
    line-height: 1;
}
.show-lang-dropdown .lang-toggle-btn span
{
    color: #333;
}
@media(max-width: 300px){
    .lang-toggle-btn .lang-text
    {
        display: none;
    }
}
/*pagination*/
.pagination li
{
    display: inline-block;
    vertical-align: middle;
}
.ran-pg-button .ran-icon
{
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 100%;
    color: gray;
    display: inline-block;
    float: none;
    height: 24px;
    line-height: 22px;
    margin: 0 2px !important;
    padding: 0;
    position: static;
    text-align: center;
    width: 24px;

    -webkit-transition: all 300ms ease 0s;
            transition: all 300ms ease 0s;
}
.ran-pg-button .ran-icon:hover
{
    background-color: #2a3542;
    border:none;
    color: #aeb2b7;
}
.ran-separator
{
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    float: right;
    height: 18px;
    margin: 1px;
}

/*table filter */
/*character filter list*/
/*.character-filters-list
{
    display: inline-block;
}*/
.character-filters-list .character-filter-item
{
    float: left;
    font-size: 14px;
    background: #f2f3f8;
    width: 25px;
    height: 25px;
    border-radius: 4px;
    color: #6d6c71;
    line-height: 25px;
    vertical-align: middle;
    text-align: center;
    margin:2px 1px;

    /*-webkit-transition: background 300ms ease 0s;
            transition: background 300ms ease 0s;*/
}
.clear-filter-btn
{
    float: left;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    color: #000;
    background: #f2f3f8;
    line-height: 30px;
    text-align: center;
    margin: 0 0 0 10px;
}

.change-table-view-btns
{
    float: right;
}

.change-table-view-btns .view-btn
{
    float: left;
    width: 25px;
    height: 25px;
    border-radius: 4px;
    color: #000;
    background: #f2f3f8;
    line-height: 25px;
    text-align: center;
    margin: 2px 0 2px 0px;
}
.change-table-view-btns .view-btn.active
{
    background: #dddddd;
}
/*.character-filters-list .character-filter-item:hover
{
    background: #cacaca;
    color: #444444;
}*/
/*@media(max-width: 767px){
    .character-filters-list
    {
        width: 100%;
    }
}*/
/*total-records*/
/*.total-records-filters
{
    float: left;
    padding: 0 0 0 10px;
}*/
.total-records-filters > span
{
    font-size: 12px;
    margin-right: 3px;
    color: #777;
}
.total-records-filters .chosen-container
{
    width: 70px!important;
}
/*.total-records-filters .chosen-container-single .chosen-single
{
    height: 38px;
}
.total-records-filters .chosen-container-single .chosen-single span,
.total-records-filters .chosen-container-single .chosen-single div b,
.total-records-filters .chosen-container-single .chosen-single abbr
{
    line-height: 36px;
}*/

.table-action-button,
.char-filter-button,
.add-record-button
{
    float: left;
    height: 25px;
    line-height: 24px;
    min-height: 25px;
    font-size: 13px;
    padding: 0 10px;
    color: #ffffff;
    background: #a3d06b;
}
.view-button
{
    float: left;
    height: 30px;
    line-height: 29px;
    min-height: 30px;
    font-size: 13px;
    padding: 0 10px;
    color: #ffffff;
    background: #a3d06b;
}
.table-action-button
{
    min-width: 20px;
    padding: 0 5px;
}
.table-action-button .ran-icon
{
    padding:0px!important;
}
/*.table-action-button
{   float: right;
    
}*/
.table-action-button .ran-icon,
.add-record-button .fa
{
    padding: 0 3px 0 0;
    font-size: 14px;
}
@media(max-width: 767px){
    .total-records-filters
    {
        padding-left: 0px;
    }
    /*.total-records-filters,
    .advance-search-button,
    .char-filter-button,
    .add-record-button
    {
        margin-top: 5px;
    }*/
}
@media(max-width: 630px){
    .total-records-filters
    {
        width: 100%;
        text-align: center;
    }
    .table-search
    {
        width: 100%;
        margin-top: 5px;
    }
    .table-search .text-field.text-field--is-active .text-field__label
    {
        display: none;
    }
}
@media(max-width: 410px){
    .table-search .text-field,
    .advance-search-button
    {
        width: 100%;
    }
    .advance-search-button
    {
        margin-top: 5px;
    }

    .advance-search-button
    {
        margin-bottom: 10px;
    }
    
}
@media(max-width: 350px){
    .character-filters-list,
    .total-records-filters,
    .char-filter-button
    {
        width: 100%;
    }
   
}

/*table-ticket*/
.table{

    border-bottom:1px solid #dfdfdf;
    text-align: left;
    text-transform: uppercase;
}


.table > thead
{
    border-top:1px solid #dfdfdf; 
}
.gu-mirror
{
    display: none;
}
/*table-file*/
/*.table-file > thead > tr > th
{
    
    line-height: 30px;
}*/
.table > thead > tr > th
{
    background: #e0f4fd;
    color: #555555;
    border-top:1px solid #dddddd;
    border-bottom:2px solid #dddddd;
    padding:10px;
}
.table > thead > tr > th
{
    font-size: 12px;
    color: #555555;
    font-weight: 600;
}
/*.table > tbody > tr
{
    cursor: move;
}*/
.table > tbody > tr > td
{
    font-size: 12px;
    padding:5px 10px;
    color: #444;
}

.table.table-ticket > tbody > tr > td > span
{
    /*white-space: pre-line;*/
}

.table.inner-table > thead > tr > th
{   
    background: #fbfbfb!important;
    border-top-width: 0px!important;
}

.table-row-selected
{
    position: relative;
    z-index: 99;
    background: #2a3542!important;
} 
.table-row-selected > td
{
    color: #ffffff!important;
}

/*.table .checkbox-label::before,.table .checkbox-label::after
{
    font-size: 18px;
}*/
.table .checkbox-label::before
{
    color: #a9a9a9;
    
}
.table .checkbox-label::before,
.table .checkbox-label::after
{
    font-size: 14px;
}

.table-team-members > div
{
    float: left;
    margin: 2px;
    border-radius: 4px;
    
}
.table-team-members > div:first-child
{
    padding: 0px;
}
.table-team-members > div img.member-avater
{
   border-radius: 4px;
    /*border-bottom: 5px solid #dfdfdf;*/
    width: 40px;
    height: 40px;
}

.table-team-members-new > div img.member-avatar
{
    border-radius: 4px;
    /*border-bottom: 5px solid #dfdfdf;*/
    width: 40px;
    height: 40px;
}

.table-td-members .table-team-members > div.member-status-pending img.member-avater
{
    border-bottom: 5px solid #f85453;
}
.table-td-members .table-team-members > div.member-status-review img.member-avater
{
    border-bottom: 5px solid #fbb225;
}
.table-td-members .table-team-members > div.member-status-completed img.member-avater
{
    border-bottom: 5px solid #a6ce6b;
}

.table-ticket .progress
{
    height: 10px;
}

.table-status-button
{

    color: #ffffff;
    background: transparent!important;
    text-transform: capitalize;
    white-space: normal!important;
}
.table-ticket .table-status-button
{
    color: #59badd;
}

/*delete table row/item*/


.ticket-item-delete.ng-move,
.ticket-item-delete.ng-enter,
.ticket-item-delete.ng-leave {
  -webkit-transition:all linear 0.5s;
  transition:all linear 0.5s;
}

.ticket-item-delete.ng-leave.ng-leave-active,
.ticket-item-delete.ng-move,
.ticket-item-delete.ng-enter {
  opacity:0;
}

.ticket-item-delete.ng-leave,
.ticket-item-delete.ng-move.ng-move-active,
.ticket-item-delete.ng-enter.ng-enter-active {
  opacity:1;
}

@keyframes disappear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*table action*/
.table-td-actions
{
   /* text-align: center;*/
}
@media(max-width: 767px){
    .table-th-action
    {
        padding-right: 40px!important;
    }
}
.action-button 
{
    float: left;
    width: 22px;
    height: 22px;
    line-height: 22px;
    border-radius: 2px;
    background: #f2f3f8;
    color: #6d6c71;
    margin:0px 0 0 1px;
    text-align: center;
    font-size: 14px;
}

/*.desktop-table-actions .action-button 
{
    margin: 2px;
}*/
.action-button > span
{
    float: left;
    width: 100%;
}

.action-button.action-button-edit
{
    background: #57c0de;
    color: #ffffff;
}
.action-button.action-button-copy
{
    background: #fcb026;
    color: #ffffff;
}
.actionbutton.action-button-edit
{
    background: #57c0de;
    color: #ffffff;
}

.action-button.action-button-delete
{
    background: #ff6c5e;
    color: #ffffff;
}
.action-button.action-button-flag
{
    background: #fbb225;
    color: #ffffff;
}
.action-button.action-button-playpause
{
    background: #94ccff;
    color: #ffffff;
}
.action-button.action-button-enable
{
    background: #a6ce6b;
    color: #ffffff;
}
.action-button.action-button-comment
{
    background: #42cabe;
    color: #ffffff;
}
.action-button.action-button-forward
{
    background: #a3d06b;
    color: #ffffff;
}
.action-button.action-button-download
{
    background-color: #44c6be;
    color: #ffffff;
}
.action-button.action-button-refresh
{
    background-color: #fcb026;
    color: #fff;
}
.action-button.action-buttin-assign
{
    width: auto;
    padding: 5px;
    height: auto;
    line-height: 1;
    margin-top: 3px;
}
.action-button.action-button-invoice
{
    background: #44c6be;
    color: #ffffff;
}
.action-button.action-button-bill
{
    background: #57c0de;
    color: #ffffff;
}

/*table-footer*/
.table-footer
{
    display: inline-block;
    width: 100%;
    padding:10px 0px;
}
/*.table-footer
{
    width:auto;
    padding:10px 0px;
    position: fixed;
    bottom: 40px;
    left: 240px;
    right: 17px;
    background: #dde1e7;
    z-index: 999999;
}*/
.has-footer
{
    bottom: 75px!important;
}
.ran-pg-label
{
     color: #4a4a4a;
     font-size: 14px;
}
.ran-pg-input
{
    border:1px solid #c2c3c5;
    color: #4a4a4a;
    text-align: center;
    width: 35px;
    height: 24px;
    font-size: 14px;
}

.table-footer-action-item
{
    float: left;
    margin:0 0 0 2px;
}

.table-footer-action-item:first-child
{
    margin:0px;
}
@media(max-width: 500px) and (min-width: 250px){
    .pagination 
    {
        float: left!important;
        width: 100%;
        text-align: center;
        margin-top: 5px;
    }
    .table-legend
    {
        float: right;
    }

    .table-legend,
    .table-footer-action
    {
        float: left;
        width: 100%;
        text-align: center;
        margin: 0px!important;
    }
    .table-footer-action-list,
    .table-legend-list
    {
        display: inline-block;
    }
}

/*select column*/
/*.ran-select-selected .ran-select-selected__tag
{
    display: none;
}
.select-column .dropdown-toggle
{
    padding: 0px;
   /* width: 20px;
}
.select-column .dropdown-toggle::after{

}
.select-column .ran-select-selected-wrapper
{
    padding: 0px;
}
.select-column .ran-select-selected-wrapper::after
{
    content: "";
    font-size: 18px;
    color: #2a3542;
    position: static;
}
.select-column .ran-select,
.select-column .ran-select--is-multiple .ran-select-selected
{
    padding: 0px;
}
.select-column .ran-select.ran-select--theme-light::before
{
    border-bottom: 0px;
}*/
/*.select-column .chosen-container-multi .chosen-choices
{
    border-width: 0px;
    cursor: pointer;
}
.select-column .chosen-choices::before
{
    content: "";
    font-family: FontAwesome;
    text-rendering:auto;
    font-size: 18px;
    color: #2a3542;
}*/


/*.select-column .chosen-choices li
{
    display: none;
}   
.select-column .chosen-container-multi.chosen-container.chosen-with-drop .chosen-drop
{
    left: auto;
    right: 0px;
    width: 200px;
}*/
.select-column .ran-select-label .select-label, .select-column .ran-select-label .select-arrow {
    display: none;
}
.select-column .ran-select-label {
    border-width: 0;
    padding:9px;
    background-color:transparent;
}
.select-column-activity .ran-select-label
{
    padding: 7px 9px;
}
.select-column .ran-select-label::before {
    color: #2a3542;
    content: "";
    font-family: FontAwesome;
    font-size: 18px;
    text-rendering: auto;
}
.select-column .ran-select {
    min-width: 20px;
}
.select-column .ran-select-menu {
    left: auto;
    min-width: 200px;
    right: 0;
    width: 200px;
}
/*action-dropdown-menu*/
.action-dropdown-menu
{
    min-width: 60px;
    max-width: 60px;
    padding:2px;
    border-radius: 0px;
    left: auto;
    right: 2px;
    /*top: 26px;*/
    /*background: #eee;*/
   /*border-width: 0px;*/
   border-color: #eee;
}
.table .action-dropdown-menu .action-button
{
    width: 100%;
    margin: 2px 0 0 0;
}
.table .action-dropdown-menu .action-button:first-child
{
    margin: 0px;
}

/*text angular*/
/*.ta-toolbar .btn-group > .btn,
.ta-editor .btn-group > .btn
{
    border-radius: 0px;
    border-left:1px solid #ddd;
}
.ta-toolbar .btn-group > .btn:first-child
{
    border-width: 0px;
}*/
.ta-toolbar .btn-group
{
    margin-bottom:5px; 
}
.ta-toolbar .btn-group > .btn,
.ta-editor .btn-group > .btn
{
    border-radius: 0px;
    border:1px solid #ddd;
    border-left-width: 0px;
}
.ta-toolbar .btn-group > .btn
{
    padding: 0 12px;
}
@media(max-width: 767px){
    .ta-toolbar .btn-group > .btn
    {
        padding: 0 6px;
    }
}
.ta-toolbar .btn-group > .btn:first-child,
.ta-editor .btn-group > .btn:first-child
{
    border-left-width: 1px;
}


.no-record-tr
{
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    height: 40px;
}
.table-hover > tbody > tr.no-record-tr:hover
{
    background-color:inherit!important; 
}
.no-record-tr > td
{
    width: 100%;
    height: 40px;

    line-height: 40px!important;
    border-width: 0px!important;
    padding: 0px!important;

    position: absolute;
}
/*end*/

/*group add new record*/
.add-button .fa,
.edit-button .fa{
    border-radius: 4px;
    color: #fff;
    padding: 11px;
}
.add-button .fa
{
     background: #a3d06b;
}
.edit-button .fa
{
    background: #41c9bf;
}
.toggle-button
{
    text-align: center;
    background: #2a3542;
    color: #aeb2b7;
    height: 38px;
    line-height: 38px;
    border-radius: 4px;
}

.form-actions .button
{
    min-height: 42px;
}
.button-submit
{
    background: #58c9f3;
    color: #ffffff;
}


/*.button-submit:hover,
.button-submit:active {
    background: #ec7f74;
}*/

.button-reset
{
    color: #ffffff;
    background-color: #ff6c60;
}
/*.button-reset:hover,
.button-reset:active{
    background-color:#b0b5b9;
}*/

/*insert css*/
.insert--form .chosen-container
{
    margin-top: 20px;
    margin-bottom: 8px;
}

/*Add contact*/
.bg-turquoise
{
    background-color: #42cac0;
}
.color-white
{
    color: #ffffff!important;
}
.widget-header
{
    font-size: 16px;
    line-height: 50px;
    border-radius: 4px 4px 0 0;
    color: #9d9b9c;
    padding: 0 10px;
}

.widget-title
{
    font-size: 18px!important;
}
.widget-header.widget-sub-header
{
    border-radius: 0px !important;
    border-bottom: 1px solid #e2e2e2;
    font-size: 15px;
    /*background: #f6f6f6;*/
}
.widget-header.widget-sub-header > .widget-title {
    color: #666;

    font-weight: normal;
    display: inline;
}

.widget-header.invalid > .widget-title
{
    color: #f44336 !important;
}

.widget-header.widget-inner-header
{
    border-bottom: 1px dashed #e2e2e2;
    line-height: 35px;
    margin: 0 10px;
    padding: 0px;

}
.widget-header.widget-inner-header .widget-title
{
    font-size: 15px!important;
}
.widget-header.widget-inner-header .widget-toolbar
{
    line-height: 35px;
}
/*@media(max-width: 420px){
    .widget-header.widget-sub-header > .widget-title 
    {
        float: left;
        width: 100%;
    }
}*/

.widget-toolbar {
    padding: 0 0px 0 10px;
    /*line-height: 50px;*/
    float: right;
    position: relative;
}
.widget-toolbar > a {
    color: #62d0f5;
    font-size: 16px;
    margin: 0 2px;
    display: inline-block;
    padding: 0;
    line-height: 24px;
}

/*.select-title + .chosen-container
{
    width: 80px!important;
}*/
select.width-100 + .chosen-container
{
    width: 100%!important;
    /*margin-top: 20px;*/
}
select.ng-hide + .chosen-container
{
    display: none!important;
}

.select--phone_type + .chosen-container
{
    width: 100px!important;
}
.select--email_type + .chosen-container
{
    width: 100px!important;
}

.bg-orange {
    background-color: #ff766c;
}
.color-orange
{
    color:#ff766c;
}
.plus-button {
    border-radius: 4px;
    padding: 0px 8px;
    line-height: 30px;
    font-size: 16px;
    cursor: pointer;
}
.button-text{
    display: inline-block;
    line-height: 35px;
    margin-right: 10px;
    color: #48abd5;
    font-weight: bold;
    font-size: 13px;
}
/*add-option-button*/
.add-option-button
{
    font-size: 13px;
    color: #62d0f5;

    position: absolute;
    right: 0px;
    top: 0px;

}
/*add-option-button*/
.add-option-button-chatgroup
{
    font-size: 19px;
    color: #62d0f5;
}

/*add-option-button1*/
.add-option-button1
{
    font-size: 13px;
    color: #62d0f5;

    position: absolute;
    left: 680px;
    top: 0px;

}


/*client view page*/
.client-profile-widget-body .item
{
    font-size: 13px;
}
.client_view_content .item-avatar h2
{
    color: #88b4a7;
}
.client_view_content .item-avatar p
{
    color: #aec8e1;
    font-size: 12px;
    margin: 0px;
}
.client_view_content .item-avatar p > span
{
    color: #aed272;
}
.client_view_content .widget-toolbar > a
{
    color: #626262;
}
.client_view_content .widget-header.widget-sub-header
{
    border-color: #dddddd;
}

@media(min-width: 992px){
    .col-left-right-border
    {
        border-left: 1px solid #dedede;
        border-right: 1px solid #dedede;
    }
    .col-border-right
    {
        border-right: 1px solid #dedede;
    }
    .col-border-left
    {
        border-left: 1px solid #dedede;
    }
}

.select-column.client-ticket-select-column .ran-select-label
{
    padding:0px 5px;
}


.select-column-tab .ran-select-label
{
    padding: 5px 9px;
}

.tags-lists li
{
    float: left;
    color: #34abc3;
    margin: 2px;
}

.tags-lists li a
{
    text-decoration: none;
    color: #17a5e5;
}

/*client-slider*/
.client-slider
{
    background-color: #659acc;
    padding: 30px;
    border-radius: 4px;
}
.client-slider .slick-slide
{
    text-align: center;
}

.client-slider p
{
    color: #9acfff;
    font-style: italic;
    font-size: 18px;
    line-height: 1.4;
    white-space: pre-line;
    margin:20px 0;
}
.slick-prev::before,
.slick-next::before
{
    color: #98cdff;
}


/*Drag and Drop*/

.dropzone
{
    border: 1px solid rgba(0,0,0,0.03);
    min-height: 50px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: rgba(0,0,0,0.03);
    /*padding:20px;*/

    position: relative;

}

.dropzone .default.message {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;

    /*background-image: url("../images/spritemap.png");
    background-repeat: no-repeat;
    background-position: 0 0;*/

    /*position: absolute;
    width: 428px;
    height: 123px;

    margin-left: -214px;
    margin-top: -61.5px;

    top: 50%;
    left: 50%;*/

    text-align: center;
    line-height: 50px;
}
.dropzone .default.message img
{
    max-width: 100%;
    max-height: 50px;
}

.dropzone .default.message span {
    display: none;
}

.dropzone .input-file-upload
{
    width: 100%;
    height: 100%;

    opacity: 0;

    position: absolute;
    top:0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

.capture-image-btn
{
    float: left;
    width: 100%;
    text-align: left;
    border-radius: 4px;
    background: #58c9f3;
    color: #ffffff;
    height: 30px;
    line-height: 20px;
    margin-top: 20px;
    padding: 5px 7px;
}
.capture-image-btn i
{
    margin-right: 2px;
}
.capture-image-btn span
{
    font-size: 11px;
}
/*table-search*/
.cancel-text
{
    line-height: 45px;
    height: 45px;
    display: inline-block;
}

.cancel-text i.fa
{
    font-size: 15px;
    margin-right:3px;
}
.table-search > span
{
    float: left;
    line-height: 30px;
    vertical-align: top;
    font-size: 12px;
    font-weight: bold;
    margin: 0 5px 0 0;
    color: #777;
}
.table-search .text-field__icon
{
    color: #777777;
    font-size: 15px;
    width: 30px;
}
.table-search .text-field--leyout-box.text-field--has-icon .text-field__input,
.barcode-form .text-field--leyout-box.text-field--has-icon .text-field__input
{
    padding-right:30px; 
    width: 190px;
}
.table-search .text-field--has-icon.text-field--leyout-box .text-field__clear,
.barcode-form .text-field--has-icon.text-field--leyout-box .text-field__clear
{
    right: 28px;
}
/*barcode-form*/
.barcode-form span
{
    line-height: 30px;
    margin-right: 5px;
    color: #777;
}
.barcode-form .text-field__icon
{
    color: #59c9f1;
}
/*editable*/
.editable-click
{
    cursor: pointer;
}
.editable .fa.fa-pencil
{
    opacity: 0;
    font-size: 14px!important;
    color: #a5a5a5!important;
}

.editable:hover .fa.fa-pencil
{
    opacity: 1;
}

/*upcoming-events*/
.upcoming-events > h2
{
    font-size: 14px;
    background-color: #db483e;
    font-weight: normal;
    color: #ffffff;
    text-align: center;
    border-radius: 5px 5px 0 0;
    line-height: 30px;
}
.upcoming-events .upcoming-events-inner
{
    padding: 15px 10px;
}
.upcoming-events .upcoming-events-inner ul li
{
   display: inline-block;
   width: 49%;
   position: relative;
}
.planed-btn
{
    display: inline-block;
    color: #ffffff;
    border-radius: 4px;
    line-height: 26px;
    padding: 0 15px;
    background: #659acc;
}

/*File manager*/
.table-wrapper .table-responsive
{
    max-height: 280px;
    overflow-y: auto!important;
}

/*comments*/
.comments-form
{
    background-color: #efeef3;
}
.post-button
{
    min-height: 30px;
    line-height: 30px;
    color: #ffffff;
    background-color: #5bc0de;
    margin-top: 10px;
    font-size: 12px;
}
.reply-button
{
    min-height: 30px;
    line-height: 30px;
    color: #ffffff;
    background-color: #5bc0de;
    font-size: 12px;
}
.comments-form textarea,
.comment-list .text-field__input
{
    font-size: 13px;
    color: #666!important;
}
.comments-form textarea::-moz-placeholder,
.comment-list .text-field__input::-moz-placeholder
{
    opacity: 1;
    color: #98afa9!important;
}

.comments-form textarea::-webkit-input-placeholder,
.comment-list .text-field__input::-webkit-input-placeholder
{
    opacity: 1;
    color: #98afa9!important;
}

/*messsage list*/
.timeline-messages:before {
    /*background: rgba(0, 0, 0, 0.1);
    bottom: 0;
    top: 0;
    width: 2px;*/
}
.timeline-messages:before, 
.msg-time-chat:before, 
.msg-time-chat .text:before {
    content: "";
    left: 55px;
    position: absolute;
    top: -2px;
}
.timeline-messages, .msg-time-chat , 
.timeline-messages .msg-in, 
.timeline-messages .msg-out {
    position: relative;
}

.timeline-messages .msg-in  .arrow {
    /*border-right: 8px solid #F4F4F4 !important;*/
}
.timeline-messages .msg-in .arrow {
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    display: block;
    height: 0;
    left: -8px;
    position: absolute;
    top: 13px;
    width: 0;
}

.timeline-messages .msg-out  .arrow {
    /*border-right: 8px solid #41cac0 !important;*/
}
.timeline-messages .msg-out .arrow {
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    display: block;
    height: 0;
    left: -8px;
    position: absolute;
    top: 13px;
    width: 0;
}

.timeline-messages > .msg-time-chat:first-child:before {
    margin-top: 16px;
}
.msg-time-chat
{
    border-top:1px solid #dfdfdf;
}
.reply .msg-time-chat
{
    border-bottom-width:0px;
    border-top:1px solid #dfdfdf;
}
.timeline-messages > .msg-time-chat:first-child
{
   border-top-width:0px;
}
.msg-time-chat:before {
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #dfdfdf;
    margin: 23px 0 0 4px;
}
.msg-time-chat:hover:before {
    /*border-right: 8px solid #2794bb;*/
}
.timeline-messages > .msg-time-chat:first-child {
    padding-top: 0;
}
.message-img {
    float: left;
    margin-right: 30px;
    overflow: hidden;
}
.message-img img {
    display: block;
    height: 40px;
    width: 40px;
    border-radius: 4px;

    border-bottom: 5px solid #fbb51f;
}
.message-body {
    margin-left: 70px;
    padding: 0 0 3px;
}
.message-body::before
{
    content: "";
    border-left: 2px solid #dfdfdf;
    position: absolute;
    left: -13px;
    top: 0px;
    bottom: 0px;
    z-index: 99;
}
.msg-time-chat .msg-in .text {
    /*border: 1px solid #e3e6ed;
    padding: 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;*/
}

.msg-time-chat .msg-out .text {
    border: 1px solid #e3e6ed;
    padding: 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}
.msg-time-chat p {
    margin: 0;
}
.msg-time-chat .attribution {
    font-size: 13px;
    margin: 0px 0 5px;
}
.msg-time-chat {
    overflow: hidden;
    padding:5px 10px;
}

.msg-in a, .msg-in a:hover{
    color: #b64c4c;
    text-decoration: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-right: 10px;
    font-weight: 400;
    font-size: 13px;
}
.msg-out a, .msg-out a:hover{
    color: #288f98;
    text-decoration: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-right: 10px;
    font-weight: 400;
    font-size: 13px;
}

/*spinner-btn*/
.spinner-btn
{
    min-height: 30px;
    min-width: 30px;
    line-height: 28px;
    padding: 0px;
    color: #ffffff;
}
.spinner-btn.spinner-up
{
    border-radius: 0px 4px 4px 0px;
}
.spinner-btn.spinner-down
{
    border-radius:4px 0 0 4px;
}
.spinner-input
{
    box-shadow: none;
    border-radius: 0px;
    border-color: #e1e1e1;
    background: #eeeeee;
    color: #716f72;
    width: 70px;
    height: 30px;
    padding: 5px;

    text-align: center;
}

/*description-widget*/
.description-widget-header
{
    line-height: 20px;
    border-width: 0px!important;
    color: #737373;
}
.description-widget-header .widget-toolbar
{
    line-height: 20px;
}
.description-widget-header.widget-header.widget-sub-header > .widget-title
{
    color: #737373!important;
    font-size: 13px!important;
    font-weight: 600!important;
}
.description-widget-header .widget-toolbar > a
{

}

.breadcrumbs
{
    padding: 10px 0;
    border-bottom: 1px solid #dddee3;
}
.breadcrumbs li
{
    display: inline-block;
    color: #9b9a9f;
    font-size: 13px;
}
.breadcrumbs li.active a
{
    color: #6d9dc5;
}

/*activity-tabs-record-btn*/
.activity-tabs-record-btn
{
    position: absolute;
    right: 5px;
    top:12px;
}

.multi-service-add + .chosen-container
{
    margin-top:10px; 
}

/*timing-action-dropdown-menu*/
.action-dropdown-menu.timing-action-dropdown-menu
{
    min-width: 110px;
    max-width: 150px;
}
.timing-action-dropdown-menu .dropdown-menu-item 
{
    padding: 4px;
    margin-top: 2px;
}
.timing-action-dropdown-menu .dropdown-menu-item :first-child
{
    margin-top: 0px;
}
.timing-action-dropdown-menu .dropdown-menu-item.active
{
    background-color: #f6f6f6;
}

/*---multilevl-tag-lists--*/
.multilevl-tag-lists
{
    position: absolute;
    top:0px;
    padding-left: 50px;
}
.multilevl-tag-lists_type
{
    position: absolute;
    top:0px;
    padding-left: 50px;
    transform: translateX(5%);
}

/*data-member-type*/
[data-member-type="employee"]{
    border-bottom: 5px solid #fbb225;
}
[data-member-type="supervisor"]{
    border-bottom: 5px solid #f85453;
}
[data-member-type="manager"]{
    border-bottom: 5px solid #a6ce6b;
}


.td-employee_element
{
    min-width: 200px;
}
.td-status
{
    min-width: 100px;
}


/*md select box*/
.md-input-has-value > label
{
    display: none;
}
md-select .md-select-value
{
    border-bottom-color:#dddddd!important; 
}
.md-input-focused md-select .md-select-value
{
    border-bottom-color:#2a3542!important; 
}
md-option{height: 30px;}
md-option .md-text
{
    font-size: 14px;
}
md-select-menu md-option[selected]
{
    color: #2a3542!important;
}

/*card-select-column*/
.card-select-column.select-column .ran-select-label
{
    padding: 7px;
}

/*employee dashboard*/
/*state-overview*/
.state-overview .panel
{
    position: relative;
}

.state-overview .symbol {
    width: 40%;
    padding: 20px 10px;
    -webkit-border-radius: 4px 0px 0px 4px;
    border-radius: 4px 0px 0px 4px;
}
.state-overview .symbol i {
    color: #fff;
    font-size: 40px;
}
.state-overview .symbol, .state-overview .value {
    display: inline-block;
    text-align: center;
}
.state-overview .value {
    width: 60%;

    position: absolute;
    top: 50%;

    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
}

.state-overview .value h2,
.state-overview .value p
{
    font-weight: 300;
    line-height: 1.2;
    color: #c6cad6;
}
.state-overview .value h2
{
    font-size: 28px;
}
.state-overview .value p
{
    font-size: 12px;
}

/*webcam-live*/
.webcam-live
{
    width: 100%;
    
}
.webcam-loader
{
    position: absolute;
    left:50%;
    top:50%;

    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);

}

.webcam-image-preview
{
    display:inline-block;
    width: 150px;
    height:auto;

    padding: 2px;

    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
    box-shadow: 0 1px 2px rgba(0,0,0,0.5);

    position: relative;
}
.webcam-image-preview img
{
    max-width: 100%;
    display: inline-block;

   /* position: absolute;
    top:50%;
    left:50%;

    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);*/

}

.capture-image-remove
{
    position: absolute;
    right: -9px;
    background: #ff6c60;
    border-radius: 20px;
    width: 19px;
    height: 19px;
    text-align: center;
    line-height: 18px;
    color: #fff;
    display: inline-block;
    top: -6px;
    padding: 0 0 0 2px;
    font-size: 11px;

    cursor: pointer;

    opacity: 0;
}

.webcam-image-preview:hover > .capture-image-remove
{
    opacity: 1;
}

.capture-image-button
{
    background: #f3f2f1;
    color: #afaaa4;
    min-height: 115px;
    line-height: 115px;
    text-align: center;
    font-size: 13px;
    cursor: pointer;

    -webkit-border-radius: 4px;
    border-radius: 4px;
}

/*upload*/
.upload .upload-preview {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 10px;
    min-height: 100px;
}
.upload .upload-preview .upload-image {
   
    overflow: hidden;
    width: 120px;
    height: 120px;
    position: relative;
    display: block;
    z-index: 10;

    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #dddddd;
}

.upload .upload-preview .upload-image > img
{
    position: absolute;
    left: 50%;
    top:50%;

    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.upload .upload-preview:hover .upload-image > img
{ 
   -webkit-transform: scale(1.05, 1.05); 
   -moz-transform: scale(1.05, 1.05); 
   -ms-transform: scale(1.05, 1.05); 
   -o-transform: scale(1.05, 1.05); 
   transform: scale(1.05, 1.05); 
   -webkit-filter: blur(8px); 
   filter: blur(8px);
 }

.upload-progress
{
    float: left;
    width: 100%;

    position: absolute;
    top:50%;
    left: 50%;

    z-index: 99;

    opacity: 0;
    visibility: hidden;

    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.upload-processing .upload-progress
{
    opacity: 1;
    visibility: visible;
}


.upload .upload-preview .upload-success-mark, 
.upload .upload-preview .upload-error-mark {
    pointer-events: none;
    font-size: 80px;
    opacity: 0;
    z-index: 500;
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);


     -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.upload .upload-success .upload-preview .upload-success-mark
{
    opacity: 1;
}
.upload .upload-error .upload-preview .upload-error-mark
{
    opacity: 1;
}

.upload .upload-preview .upload-item-remove
{
    opacity: 0;

    float: left;
    position: absolute;
    top: -10px;
    right: -7px;
    z-index: 99;
    font-size: 25px;
    color: #ff6c60;

    cursor: pointer;
}

.upload-processing .upload-item-remove
{
    display: none!important;
}

.upload .upload-preview:hover  > .upload-item-remove
{
    opacity: 1;

    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.upload-details
{
    float: left;
    width: 100%;
    text-align: center;

    opacity: 0;
    visibility: hidden;

    position: absolute;
    top:50%;
    left:50%;
    z-index: 99;

    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);

    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.upload .upload-preview:hover .upload-details
{
    opacity: 1;
    visibility: visible;
}

.upload-size span,
.upload-filename span
{
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 3px;
    font-size: 13px;
    padding:2px 4px;
}
.upload-filename
{
    padding-top: 10px;
}


/*upload-document-name*/
.upload-document-name
{
    width: 120px;
    margin: 0px 10px 10px;
}
.upload-document-name .text-field
{
    padding: 0px;
}
.upload-document-name .text-field .text-field__label
{
    top:-24px!important;
    font-size: 13px;
}
.upload-document-name .text-field--is-active .text-field__label,
.upload-document-name .text-field--is-focus .text-field__label
{
    display: none;
}
.upload-document-name .text-field .text-field__clear
{
    bottom: 0px;
}

/**Calendar*/
.fc-state-default
{
    background: #f3f3f3 !important;
    color: #676b6a!important;
    border-width: 0px;
    height: 35px!important;
    box-shadow: none!important;
    text-shadow: none!important;
    text-transform: capitalize;
}
.fc-corner-right {
    border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
}

.fc-next-button
{
    border-left: 1px solid #dddddd;
}

.fc-state-default:hover,
.fc-state-active
{
    background: #FF6C60 !important;
    color: #fff !important;
}


.fc-month-button
{
    border-radius: 4px 0 0 4px!important;
}

.fc-basicWeek-button,
.fc-basicDay-button,
.fc-agendaWeek-button,
.fc-agendaDay-button
{
    margin: 0px!important;
    border-left: 1px solid #dddddd;

}
.fc-basicWeek-button,
.fc-agendaWeek-button
{
    -webkit-border-radius: 0px!important;
    border-radius: 0px!important;
}

.fc-basicDay-button,
.fc-agendaDay-button
{
    border-radius: 0 4px 4px 0!important;
}

.fc-center
{
    margin: 10px 0 0 0;
}

.fc-toolbar h2
{
    font-size: 26px;
    color: #95cbfa;
    font-weight: 300;
}
.fc-event
{
    line-height: 1.3;
    border-width: 0px;
    padding: 2px;

    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.fc-content
{
    white-space: pre-line!important;
}
.fc-event, .fc-event-dot
{
    background-color: #5b6e84;
}

.fc-unthemed td.fc-today
{

}

.fc th
{
    padding: 5px;
    text-transform: uppercase;
}
.fc-unthemed td.fc-today
{
    background-color: #f1f2f7!important;
}


/*scheduler-list*/
.scheduler-list .item
{
    padding: 0px;
    display: inline-block;
    margin-top:7px;
}
.scheduler-list .item:first-child
{
    margin-top:0px; 
}
.scheduler-list .item .item-content
{
    float: left;
    width: 100%;

    padding: 5px 5px 5px 10px;
    border-left: 5px solid #95cafc;
    margin-bottom: 7px;
}
.scheduler-list .item
{
    border-top:0px!important;
}
.scheduler-left-side
{
    width: 53%;
}
.scheduler-list .button-status
{
    display: table-cell;
    width: 120px;
    height: 55px;
    border-radius: 5px;
    background-color: #96cbfd;
    color: #f7fcff;
    text-align: center;
    vertical-align: middle;
}

/*attendance*/
.attendance-widget-header .text-field.text-field--is-active.nopadding .text-field__label
{
    display: none;
}
.attendance-widget-header .text-field input.text-field__input,
.attendance-widget-header .text-field .text-field__label
{
    color: #fff;
}
.attendance-widget-header .text-field input.text-field__input
{
    border-color: #ffffff;
}

.attendance-type-list
{
    padding: 0 0 5px;
    border-bottom: 1px solid #dddddd;
    margin: 0 0 10px;
}
.attendance-type-list li
{
    float: left;
    padding: 0 0 0 40px;
}
.attendance-type-list li:first-child
{
    padding: 0px;
}


/*ticket view file upload*/
.row {
    display: inline-block;
    width: 100%;
    /*display: table-row;*/
   /* background: #f6f6f6;*/
}
.row.odd,
.cell.even{
    background-color: #fbfbfb;
    font-size: 12px;
}

.row.even,
.cell.odd
{
    background: #ffffff;
    font-size: 12px;
}

.row.header {
    background-color: #E0F4FD;
    color: #ffffff;
    padding: 10px;
}
.row.body
{
    
}

/*.cell {
  padding:10px;
  display: inline-block;
  vertical-align: middle;
  color: #888888;
}*/
.dateTimeInputField 
{
    border-color: #545454;
}
.textBoxInput       
{       
     border-color: #545454;     
     position: absolute;        
     width: 900px;      
}
.dateInputField , .textBoxInput , .groupDateInputField
{
    border-color: #545454;
}
.dateField
{
    padding-left: 0px;
}
.cell {
  padding:10px;
  display: inline-block;
  vertical-align: middle;
  color: #555555;
  position: relative;
}
.leftAlign
{
    float: left;
}
/*.marginAlign
{
    margin-right: -121px;
}*/

.marginAlignn
{
    margin-top: -10px!important;
}

.groupMarginAlign
{
    margin-right: -254px;
}
.groupCell
{
    width: 100%;
    float: left;
    margin-left: 10px!important;
    display: inline-flex;
}
.subgroupCell
{
    width: 86%!important;
    float: left;
    /*position: relative;*/
}
.subGroupBtns
{
    /*position: absolute;*/
    /*margin-left: -72px;*/
    margin-top: 27px;
}
.subGroupBtns0
{
    margin-top: 0px!important;
}
.actionBtns
{
    /*margin-top: 20px;*/
}
.dateAndTime
{
    border:none;
    background: none;
}
.cellWidth
{
    width: 100%;
    float: left;
}
.textBoxBtn
{
    margin-top: 2px!important;
    margin-right:-254px!important;
}
.textBoxCol
{
   width: 100%;
   float: left; 
   margin-bottom: 40px;
}
.textBoxCol textarea
{
    /*max-height: 40px!important;*/
}
.dateOnly
{
    border:none;
    background: none;
}
.DateAndTime .text-field
{
    padding-bottom: 0px!important;
}
.datetimeBtn
{
    margin-right: -88px;
    margin-top: 0px!important;
}
.DateAndTime .text-field__clear
{
    bottom: -25px!important;
}
.dateAlign
{
    width: 83%;
    float: left;
}
.DateAndTime ..button .button-submit .todo-btn
{
    margin-top: 21px!important;
}

.row.header .cell
{
    color: #555555;
    font-size: 12px;
}

/*.text-field__input
{
    background-color: transparent;
    padding: 2px 5px!important;
    width: 100%;
    border-style: solid!important;
    border-color: #dddddd!important;
    color: #888888!important;
}*/

.cell-subgroup-files
{
    /*border-top:1px solid #ffffff!important;*/
}

.sub-group-cell
{
    background: #E0F4FD!important;
    color: #555555!important;
}
.sub-group-cell .cell
{
    color: #555555!important;
    font-size: 12px;
}

.document-drop-box
{
    border-width:0px;
    min-height: 22px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    width:auto;
    padding: 0 5px;
    background-color: #ffca02;
    color: #484347;

    position: relative;
}
/*.document-drop-box .default.message > span
{
    display: block!important;
}*/
.document-drop-box .default.message
{
    line-height: 1;
}
.document-drop-box .default.message span
{
    display: inline-block;
    line-height:22px;
}

/*contact view*/
.item-avatar-with-fancy-select .fancy-select-container{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: transparent;
}

.item-avatar-with-fancy-select .fancy-select-single{
    height: 100%;
    text-indent: -99976px;
}

/*status-actions*/
.status-actions .editable-buttons button[type="submit"]
{
    display: none;
}
.supportticket-status-actions.status-actions .editable-buttons button[type="submit"],
.status-actions-submit.status-actions .editable-buttons button[type="submit"]
{
    display: inline-block;
}

.editable-select-image + .editable-wrap
{
    margin-top: 8px;
}

.check-lists .item,
.subticket-lists .item
{
    border-width: 0 0 1px 0;
    border-style: dashed;
    border-color:#e2e2e2;

    padding:10px 0;
    min-height: 62px;
}



.checklist_checked{
    opacity: 0.6;
    /*pointer-events: none;
    cursor: none;*/
}
.checked-row
{
    background: #e4fdfd;
}

.checklist_checked .description
{
    text-decoration: line-through;
}
.checkbox-label,
.radiobox-input1 {

    cursor: pointer;
    display: block;
    font-weight: 400;
    line-height: 24px;
    /*padding-left: 25px;*/
    position: relative;
    color: #555555;
    font-size: 14px;
}

.checkbox-label,
.radiobox-label1 {

    cursor: pointer;
    display: block;
    font-weight: 400;
    line-height: 24px;
    /*padding-left: 25px;*/
    position: relative;
    color: #555555;
    font-size: 14px;
}
.drop-box.drop-box-btn1
{
    border-width: 0px;
    width: auto;
    min-height: 15px!important;
    background: transparent;
    color: #5ebdd3;
    padding: 20px;
}
.widget-header.bill-sub-header
{
    display: inline-flex;
}
.widget-header.bill-sub-header .attendance-type-list li
{
   display: inline-flex; 
   padding: 0 10px!important;
}
.widget-header.bill-sub-header ul.attendance-type-list
{
    border: none;
    margin-top: 10px;
}
.widget-header.bill-sub-header .attendance-type-list li .radiobox-label1
{
    padding-left: 5px;
}
/*tab-dropdown-menu*/
.tab-dropdown-menu .dropdown-menu-item
{
    padding: 5px;
    cursor: pointer;
}
.dropdown-menu-item.active
{
    background: #f6f6f6;
}

/*department*/
.department-lists .item
{
    border-width: 0 0 1px 0;
    border-style: dashed;
    border-color:#e2e2e2;

    padding:10px 0;
}
.department-details > div
{
    padding: 2px 0;
}

.department-details-close
{
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #fb6d63;
    color: #ffffff;
    line-height: 30px;
    text-align: center;
    border-radius: 4px;
}

/*view-widget-header*/
.view-widget-header,
.view-widget-header .widget-toolbar
{
    margin: 0px!important;
    line-height: 30px;
}

.view-widget-header .widget-toolbar span
{
    font-size: 13px;
}

/*step*/
.steps-lists .item
{
    border-width: 0 0 1px 0;
    border-style: dashed;
    border-color:#e2e2e2;
    padding:10px 0;
}


/*td.has-no-update-action.has-no-delete-action
{
    display: none;
}
*/
tbody.has-no-action .table-td-actions
{
    display: none;
}

/*members-checked*/
.meeting-members > div
{
    border:1px solid transparent;
}
.meeting-members .icon-check
{
    display: none;
}
.meeting-members.members-checked > div
{
    border:1px solid #d07475;
}
.meeting-members.members-checked  .icon-check
{
    display: block;
    color: #e3413c;

    position: absolute;
    top:16px;
    left:16px;
    z-index: 9;
}
.meeting-members.members-checked > div img
{
    opacity: 0.4;
}
/*.meeting-members.members-checked > div::before
{
    content: "\f00c"
}*/
.meeting-office-actions div.meeting-office-btn
{
    float: left;
    border: 1px solid #ddd;
    padding: 5px;
    border-radius: 4px;
    margin: 0 0 0 5px;
}

.meeting-office-actions div.meeting-office-btn:first-child
{
    margin-left: 0px;
}

.meeting-office-actions .progress--loading
{
    height: 19px;
}
.meeting-office-actions .progress--loading svg
{
    height: 19px;
    width: 19px;
}

/*editable-date*/
.editable-date .fa-pencil
{
    position: absolute;
    right: -18px;

    opacity: 0;
    font-size: 14px!important;
    color: #a5a5a5!important;

    -webkit-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
}
.editable-date:hover .fa-pencil
{
    opacity: 1;
}
.editable-date .text-field__input
{
    border-color: #ffffff;
    color: #ffffff;
}

/*file-name text-field__input*/
.file-name.text-field__input
{
    border-width:0 0 1px;
    border-style: dashed;
    border-color: transparent;
    border-radius: 0px;
    height: 22px;

    border-color: #5ac3e1;
}
.file-name.text-field__input + .fa
{
    opacity: 0;
    visibility: hidden;
}
.file-name-td:hover .file-name.text-field__input
{
    
}
.file-name-td:hover .file-name.text-field__input + .fa
{
    opacity: 1;
    visibility: visible;
}

.more-files-btn
{
    position: absolute;
    right: 0px;
    top:-20px;
    cursor: pointer;
}
.more-files-btn .fa
{
    font-size: 17px;
}
.more-files-btn.add-more-files
{
    color: #58bfe0;
}
.more-files-btn.close-more-files
{
    color: #ff6c5e;
}
/*scan-btn*/
.scan-btn
{
    background-color: #56caef;
    display: inline-block;
    line-height: 30px;
    padding: 0 10px;
    color: #fff;
    margin-left: 5px;
    border-radius: 5px;
    cursor: pointer;
}

/*dialog backdrop*/
.toggle-backdrop {
    background: #000;
    bottom: 0%;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 17px;
    top: 0;
    opacity: 0;
    z-index: -1;
    visibility: hidden;

  /*  -webkit-transition: opacity .3s, bottom 0s .3s;
    transition: opacity .3s, bottom 0s .3s;*/
}
.select-backdrop{
    visibility: hidden;
    background: rgba(0,0,0,0.5);
    bottom: 0%;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 17px;
    top: 0;
    z-index: -1;
    opacity: 0;
}
.select-backdrop.opened
{
    opacity: 1;
    z-index: 9;
    visibility: visible;
}
/*add-members-link*/
.add-members-link
{
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    border:1px solid #bebebe;
    background: #eeeeee;
    margin: 2px;

    line-height: 40px;
    text-align: center;
    font-size: 30px;
    color: #c0c0c0;
}

.add-members-link .fancy-select-container
{
    width: 40px;
    height: 40px;
    border-width: 0px;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;

    background: transparent;
}
.add-members-link .fancy-select-container .fancy-select-multiple,
.add-members-link .fancy-select-container .fancy-select-choices
{
    opacity: 0;
}

/*activity-card*/
.activity-card
{
    float: left;
    width: 95px;
    margin:3px!important;
}

/*latest-activity*/
.latest-activity
{
    border:1px solid #e2e2e2;
    padding:10px;
    border-left: 5px solid #fb6d63;
    margin: 3px 0 0 20px;
    font-size: 12px;
}

/*dashboard-activity-card*/
.dashboard-activity-card
{
    margin: 5px 0;
}
.dashboard-activity-card .panel-body
{
    color:#777777;
    background: #f3f4f9;
    line-height: 35px;
    text-align: center;
    font-size: 22px;
}

.dashboard-activity-card .panel-body span
{
    color:#777777;
}

.dashboard_count_list .ran-list
{
    margin: 0px;
}
.select-employee + .chosen-container
{
    width: 200px!important;
    float: left;
}
.nvd3 text {
  font-family:'futurastd-book' !important;
}
.nvd3 .title {
  font-family:'futurastd-book' !important;
}

.chart-line,.chart-bar
{
    height: 300px!important;
}

.preferences-select + .chosen-container
{
    width: 200px!important;
}
.preferences-fancyselect
{
    width: 120px;
}

/*activity-timeframe*/
.activity-timeframe .fc-time-grid-container
{
    height: 250px!important;
}

/**/
.select-column.select-column-shuffle .ran-select-label
{
    padding: 7px 9px;
}

/*timeline*/

.timeline {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    position: relative;
    table-layout: fixed;
    width: 100%;
}

.timeline:before {
    background-color: #C7CBD6;
    bottom: 0px;
    content: "";
    left: 50%;
    position: absolute;
    top: 0;
    width: 2px;
    z-index: 0;
}

h3.timeline-title {
    margin: 0;
    color: #C8CCD7;
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 5px;
    text-transform: uppercase;
}

.t-info {
    color: #C8CCD7;
}

.timeline-item:before, .timeline-item.alt:after {
    content: "";
    display: block;
    width: 50%;
}

.timeline-item {
    display: table-row;
}

.timeline-desk {
    display: table-cell;
    vertical-align: top;
    width: 50%;
}

.timeline-desk h1 {
    font-size: 16px;
    font-weight: 300;
    margin: 0 0 5px;
}

.timeline-desk .panel {
    display: block;
    margin-left: 25px;
    position: relative;
    text-align: left;
    background: #F4F4F4;
}

.timeline-item .timeline-desk .arrow {
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    display: block;
    height: 0;
    left: -7px;
    position: absolute;
    top: 13px;
    width: 0;
}
.timeline-item .timeline-desk .arrow {
    border-right: 8px solid #F4F4F4 !important;
}

.timeline-item.alt .timeline-desk .arrow-alt {
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    display: block;
    height: 0;
    right: -7px;
    position: absolute;
    top: 13px;
    width: 0;
    left: auto;
}

.timeline-item.alt .timeline-desk .arrow-alt {
    border-left: 8px solid #F4F4F4 !important;
}

.timeline .timeline-icon {
    left: -30px;
    position: absolute;
    top: 15px;
}

.timeline .timeline-icon {
    background: #C7CBD6;
    box-shadow: 0 0 0 3px #C7CBD6;
}

.timeline-desk span a {
    text-transform: uppercase;
}

.timeline-desk h1.red, .timeline-desk span a.red {
    color: #EF6F66;
}

.timeline-desk h1.green, .timeline-desk span a.green  {
    color: #39B6AE;
}
.timeline-desk h1.blue, .timeline-desk span a.blue {
    color: #56C9F5;
}
.timeline-desk h1.purple, .timeline-desk span a.purple {
    color: #8074C6;
}
.timeline-desk h1.light-green, .timeline-desk span a.light-green {
    color: #A8D76F;
}

.timeline .timeline-icon.red {
    background: #EF6F66;
    box-shadow: 0 0 0 3px #EF6F66;
}

.timeline .timeline-icon.green {
    background: #39B6AE;
    box-shadow: 0 0 0 3px #39B6AE;
}

.timeline .timeline-icon.blue {
    background: #56C9F5;
    box-shadow: 0 0 0 3px #56C9F5;
}

.timeline .timeline-icon.purple {
    background: #8074C6;
    box-shadow: 0 0 0 3px #8074C6;
}

.timeline .timeline-icon.light-green {
    background: #A8D76F;
    box-shadow: 0 0 0 3px #A8D76F;
}

.timeline .timeline-icon {
    border: 3px solid #FFFFFF;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    display: block;
    height: 12px;
    width: 12px;
}

.timeline-item.alt .timeline-icon {
    left: auto;
    right: -32px;
}

.timeline .time-icon:before {
    font-size: 16px;
    margin-top: 5px;
}
.timeline .timeline-date {
    left: -200px;
    position: absolute;
    text-align: right;
    top: 12px;
    width: 150px;
}

.timeline-desk h5 span {
    color: #999999;
    display: block;
    font-size: 12px;
    margin-bottom: 4px;
}


.timeline-item.alt:before {
    display: none;
}
.timeline-item:before, .timeline-item.alt:after {
    content: "";
    display: block;
    width: 50%;
}

.timeline-desk p {
    font-size: 12px;
    margin-bottom: 0;
}

.timeline-desk a {
    color: #EF6F66;
}

.timeline-desk .panel {
    margin-bottom: 5px;
}

.timeline-desk .album {
    margin-top: 20px;
}

.timeline-desk .album a {
    margin-right: 5px;
    float: left;
}

.timeline-desk .notification {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-top: 20px;
    padding: 8px;
}


.timeline-item.alt .panel {
    margin-left: 0;
    margin-right: 25px;
}

.timeline-item.alt .timeline-date {
    left: auto;
    right: -200px;
    text-align: left;
}

.mbot30 {
    margin-bottom: 30px;
}

/*dashboard-activity-card*/
.dashboard-activity-card
{
    width: 130px;
    margin: 3px 5px!important;
}

/*uib-datepicker-popup*/
.uib-datepicker-popup
{
    opacity: 1!important;
    z-index: 99;
}
.uib-datepicker-popup .table > tbody > tr > td .btn
{
    min-height: 25px;
    line-height: 25px;
    font-size: 13px;
    padding: 0px 5px;
    border-radius: 2px;
}
.uib-datepicker-popup .table > tbody > tr > td
{
    padding: 2px;
}
.uib-datepicker-popup .table > thead > tr > th
{
    padding: 5px 8px;
}
.uib-button-bar
{
    display: inline-block;
    width: 100%;
}
.uib-datepicker .uib-title
{
    min-height: 30px;
    line-height: 30px;
    font-size: 14px;
}
.uib-left,
.uib-right,
.uib-close
{
    min-height: 30px;
    line-height: 30px;
    font-size: 14px;
}
.uib-clear
{
    margin-left:5px; 
    background: #ff6c5e;
    color: #ffffff;
}
.uib-close
{
    background: #a3d06b;
    color: #ffffff;
}
.uib-datepicker-current
{
    background: #44c6be;
    color: #ffffff;
}
.uib-day .btn:hover
{
    background: rgba(87, 192, 222, 0.5);
    color: #ffffff;
}
.uib-weeks .active
{
    background: #57c0de;
    color: #ffffff;
}


.uib-left::before,
.uib-right::before,
.uib-increment .btn::before,
.uib-decrement .btn::before
{
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
}
.uib-left::before
{
     content: "\f053";
}
.uib-right::before
{
    content: "\f054";
}
.uib-increment .btn::before
{
     content: "\f077";
}
.uib-decrement .btn::before
{
    content: "\f078";
}

.uib-day .btn[disabled="disabled"]{
    text-decoration: line-through;
}

.editable-bsdate .editable-buttons
{
    position: absolute;
    right: -85px;
    top: 5px;
}

/*ticket view*/
.select-column.help-ticket-select .ran-select-label
{
    padding:7px 9px; 
}

.holiday-event
{
    background: #ff0000;
    color: #ffffff;
}
.holiday-calendar .fc-right
{       
    position: relative;top:12px;
}

/*text-editor-button*/
.text-editor-button
{
    position: absolute;
    right: 0px;
    top: -7px;
    z-index: 9;
}

/*activity-select-column*/
.activity-select-column.select-column .ran-select-label{
    padding: 5px;
}

/*error*/
.error-wrapper .icon-404 {
    background: url("../images/404_icon.png") no-repeat;
    width: 289px;
    height: 250px;
    display: inline-block;
    margin-left: 30px;
}

/*comment-file-list*/
.comment-file-list li > span
{
    display: inline-block;
    margin: 2px;
    padding: 4px;
    border-radius: 2px;
    background: #42cac0;
    font-size: 11px;
    color: #ffffff;

}
.comment-file-list li > span:hover
{
    background: #34ada4;
}

/*invoice*/
.invoice-show-print-page
{
    display: none;
}

.invoice-sm-col
{
    width: 100px;
    margin: -1px;
    padding-left: 2px;
    padding-right: 0px;
    border-collapse: collapse!important;
    border-spacing: 0px;
    background-color: transparent;
    border: 1px solid black;"  
}

/*table-invoice*/
.table-invoice.table > thead > tr > th
{
    background: transparent;
    color: #9a5555;
    font-size: 13px
}

.table-invoice.table > tbody > tr > td{
    border-width: 0px 1px;
    font-size: 13px;
    padding: 10px;
}
.table-invoice.table > tbody > tr.total-calcuation > td{
    border-width: 1px;
}
.table-invoice.table > tbody > tr.total-calcuation > td > span
{
    float: right;
    color: #9a5555;
    font-weight: bold;
}
.table-responsive > .table-bordered.table-invoice
{
    border: 1px!important;
}

.scan-link-editable
{
    float:left;
    width:85%;


}

.scan-link-editable .editable-wrap , 
.scan-link-editable .editable-wrap .editable-input
{
    width:100%;
}
.ist-ticket-tag
{
    padding-left: 90px;
}
.modal-view-image img
{
    width: 100%;
}
.button.button-submit.todo-btn
{
    min-height: 30px;
    line-height: 25px;
    margin-top: 20px;
    float: right;
}
.widtth .button.button-submit.todo-btn
{
   margin-top: -30px !important;
    transform: translateX(100%);
    position: relative;
    left: 48px!important;
}
.button.button-submit.todo-btn1
{
    min-height: 30px;
    line-height: 25px;
    margin-top: 0px;
    float: right;
}
.textBoxSaveBtn
{
    margin-top: 0px!important;
    margin-right: -124px;
}
.textBoxWidth
{
    width: 100%;
    float: left;
    max-height: 40px;
}
.bttnss 
{
    margin-top: 22px;
}
.radiobtn
{
    /*margin-left: 153px!important;
    margin-top: 24px!important;
*/}
.texteditorbtn
{
    margin-left: 148px!important;
    margin-top: 23px!important;
}
.checkboxbtn
{
    margin-left: 155px!important;
    margin-top: 23px!important;
}
.rich_textedi_btn
{
    margin-left: 149px!important;
    margin-top: 22px!important;
}
}
.bttnns, .sub_radio_button, .sub_textEdit_button,.sub_date_button
{
    margin-left: 140px!important;
    margin-top: -28px!important;
}
.radio_button, .text_button, .textEditor-button, .checkBox-button, .date_button, .dateTime_button, .sub_radio_button, .sub_textEdit_button, .sub_textEdit_button, .sub_check_button, .sub_date_button,.sub_dateTime_button, .sub_radio_button
{
    float: right!important;
}
.btnsPadding, .sub_dateTime_button, .radio_button, .sub_radio_button, .sub_date_button, .checkBox-button, .sub_dateTime_button
{
    padding-right: 0px;
}
.sub_radio_button
{
    /*margin-left: 149px!important;
    margin-top: -28px!important;*/
} 
.checkboxbtn
{
    margin-left: 155px!important;
    margin-top: 23px!important;
} 
.checkBoxSubGroupMinusButton
{
    float: right!important;
    margin-top: 22px!important;
    margin-right: -116px!important;
}
.radiobtn
{
    /*margin-left: 155px!important;
    margin-top: 22px!important;*/
}
.dateSaveBtn
{
    margin-top: 22px!important;
    margin-left: 145px!important;
}
.bttnss
{
     margin-top: 22px;
}
.leftPadding
{
    padding-left:0px;
}
.texteditorbtn
{
    margin-left: 1px!important;
    margin-top: 2px!important;
}
.ticket-minusicon
{
    color: #fff !important;
    padding: 0px 3px;
    font-size: 14px !important;
    top: -2px;

}

@media(max-width: 767px){
    .activity-tabs .tabs-lists li
    {
        width: 50%;
    }
    .activity-tabs-record-btn
    {
        top:-28px;
        right: 0px;
    }

    .table-legend
    {
        width: 100%;
        margin: 0 0 5px 0!important;
    }
    .table-legend .table-legend-item
    {
        display: inline-block;
        float: none;
    }
    .attendance-type-list li
    {
        width: 50%;
        padding: 0px;
        margin: 0 0 20px;
    }

    .basic-view-tab-item
    {
        width: 85%;
        padding: 0 10px!important;
    }

    .editable-select-image .fancy_select_inline_edit
    {
        position: absolute;
        top:0px;
        right: 0px;
        bottom: 0px;
        left: 0px;

        height: 100%;
        background: transparent;
    }
    .editable-select-image .fancy_select_inline_edit .fancy-select-single
    {
        display: none;
    }

    td.has-no-update-action.has-no-delete-action ran-dropdown
    {
        display: none;
    }

    .dropdown-menu-item.action-button{
       /* margin: 3px 0 0 1px;*/
    }
    .dropdown-menu-item.action-button:first-child
    {
        margin-top:0px; 
    }

    .add-option-button
    {
        font-size: 12px;
        top:-7px;
    }

     .widget-title
    {
        font-size: 14px!important;
        /*margin-left: 50px !important;*/
        margin-top: 12px!important;
        margin-bottom:5px!important;
    }
    .widget-title .font-size-13
    {
        font-size: 12px!important;
    }
    .widget-header,
    .widget-toolbar
    {
        line-height: 40px;
    }

    .gridster-item
    {
        margin: 5px 0!important;
    }

    .dashboard-tabs-lists li span
    {
        font-size: 20px;
        line-height: 1;
    }
    .dashboard-tabs-lists.tabs-lists li{
        padding: 0 20px;
    }

    .text-editor-button
    {
        top: -3px;
        line-height: 1;
        font-size: 12px;
    }

    .modal-body
    {
        padding: 0 10px;
    }
        .subGrpDateAndTime .button.button-submit.todo-btn
    {
        transform: translateX(-40%);
    }
    .minusBtnSubGrp
    {
        float: right!important;
        margin-right: 0px!important;
        margin-top: -22px!important;
    }
}
.minusBtnSubGrp
{
    float: right;
    margin-right: -116px;
    margin-top: 22px;
}
}

@media(max-width: 600px){
    .upcoming-events .upcoming-events-inner ul li
    {
        width: 100%;
        border-width: 0px!important;
        padding: 0px!important;
    }
    .upcoming-events .upcoming-events-inner ul li:first-child
    {
        padding-bottom: 10px!important;
    }
}

@media(max-width: 500px){
    .section-addmore-small .text-field-select,
    .section-addmore-small .text-field-select .select--phone_type + .chosen-container,
    .section-addmore-small .text-field-select .select--email_type + .chosen-container
    {
        width: 100%!important;
    }

    .section-addmore-small .text-field-phone,
    .section-addmore-small .text-field-email
    {
        margin: 0px!important;
        width: 70%;
    }
    .section-addmore-edit.section-addmore-small .text-field-phone,
    .section-addmore-edit.section-addmore-small .text-field-email
    {
        width: 75%;
    }

    .section-addmore-small .text-field-checkbox
    {
        margin-left:5px!important; 
    }

    .section-addmore-small .text-field-weblink
    {
        margin: 0px!important;
        /*width: 85%!important;*/
    }

    .multilevl-tag-lists
    {
        position: relative;
        top:-20px;
    }
    .multilevl-tag-lists > span{
        display: inline-block;
    }
    .multi-service-add + .chosen-container
    {
        margin-top: 0px;
    }


    .state-overview .symbol i
    {
        font-size: 24px;
    }

    .state-overview .symbol
    {
        padding: 15px 5px;
    }
    .state-overview .value h2
    {
        font-size: 20px;
    }
    .state-overview .value p
    {
        font-size: 11px;
    }

    .fc button
    {
        padding: 0 .4em;
    }

    .scheduler-list .button-status
    {
        width: 70px;
        height: 50px;
    }

    .attendance-widget-header .select-date
    {
        float: left!important;
        width: 100%;
        margin: 0 0 5px!important;
    }

    .cell .ran-row
    {
        margin: 0 -5px;
    }
    .cell .ran-col
    {
        padding: 0 5px;
    }
    .cell
    {
        padding: 5px;
    }
    #acitivty_count_latest .ran-col
    {
        padding: 0px;
    }
    #acitivty_count_latest .activity-card
    {
        width: 80px;
        margin: 2px!important;
        float: none;
        display: inline-block;
    }
     #acitivty_count_latest .activity-card .value
    {
        padding: 10px 2px!important;
    }
   /* #acitivty_count_latest .activity-card h2.count
    {
        font-size: 20px!important;
    }*/
    #acitivty_count_latest .activity-card .count-text
    {
        padding: 5px 0!important;
    }
    
}
@media(max-width: 420px){
    .dashboard-activity-card {
        width:47%;
        margin: 2px !important;
    }

    #acitivty_count_latest .ran-col
    {
        padding: 0px;
    }
    #acitivty_count_latest .activity-card
    {
        width: 52px;
        margin: 2px!important;
        float: none;
        display: inline-block;
    }
    #acitivty_count_latest .activity-card .value
    {
        padding: 5px 2px!important;
    }
    #acitivty_count_latest .activity-card h2.count
    {
        font-size: 20px!important;
    }
    #acitivty_count_latest .activity-card .count-text
    {
        padding: 4px 0!important;
    }
}

@media(max-width: 380px){
    .section-addmore-edit.section-addmore-small .text-field-phone,
    .section-addmore-edit.section-addmore-small .text-field-email
    {
        width: 70%;
    }
    .button-submit-add
    {
        width: 100%;
        margin: 5px 0;
    }
}

@media(min-width: 768px){
    .activity-tabs .tabs-lists li
    {
        padding: 0 15px;
    }
    .referaals-modal .modal-dialog
    {
        width:auto;
        max-width: 1100px;
    }

    form.form-action-fixed.ng-valid-required .form-actions
    {
        border-width: 0px!important;
        position: fixed;
        width: 100%;
        bottom:40px;
        right: 0;
    }
    form.form-action-fixed.ng-valid-required .form-actions.scroll-reched-bottom
    {
         border-width: 1px!important;
         position: static!important;
    } 

    /*.action-button
    {
        margin:0px 0 0 3px;
    }*/
    /*.action-button:first-child
    {
        margin: 0px!important;
    }*/
}

@media(min-width: 768px) and (max-width: 991px){
    .state-overview .value h2
    {
        font-size: 24px;
    }

    .attendance-type-list li
    {
        padding: 0 0 0 15px;
    }

    .cell .ran-row
    {
        margin: 0 -5px;
    }
    .cell .ran-col
    {
        padding: 0 5px;
    }
    .cell
    {
        padding: 5px;
    }

    .tabs-lists li
    {
        padding: 0 15px;
    }
}

@media(min-width: 992px){
    .dashboard_count_list .ran-row
    {
        margin: 0 -5px;
    }
    .dashboard_count_list .ran-col
    {
        width: 20%;
        padding: 0 5px;
    }
}

@media(min-width: 1200px){
    .activity-tabs .tabs-lists li
    {
        padding: 0 20px;
    }

    .state-overview .ran-col
    {
        width: 20%;
    }

    .webcam-live
    {
        min-height: 300px;
    }
}

.group-edit .chosen-container-single
{
    width: 227px!important;
    float: left;

}

.sarthi-edit .chosen-container-single
{
    width: 193px!important;
    left: 10px;

}

.addr_add-btn
{
    font-size: 13px;
    color: #62d0f5;

    position: absolute;
    /*right: 0px;*/
    top: 0px;

}
.addr_add-btn.top
{
    top: -10px;
}
.address-add-btn
{
    margin-top: 25px!important;
    margin-left: 75px!important;
}

.widget-header1
{
    font-size: 16px;
   /* line-height: 50px;*/
    border-radius: 4px 4px 0 0;
    color: #444444;
    padding: 0 10px;
    padding-top : 17px;
}
.widget-header11
{
    font-size: 16px;
   /* line-height: 50px;*/
    border-radius: 4px 4px 0 0;
    color: #444444;
    padding: 0 10px;
    padding-top : 12px;
}

.widget-header12
{
    font-size: 16px;
   /* line-height: 50px;*/
    border-radius: 4px 4px 0 0;
    color: #444444;
    padding: 0 10px;
   /* padding-top : 12px;*/
   float: right;
}

.document-action
{
    background: #58c9f3;
    color: #fff;
    border-color: transparent;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    padding: 4px 10px;
}
/*file upload*/
.upload-gallery-file input[type="file"] {
    display: none;
}
.upload-percentage-loader
  {
    background-color: #23b823;
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    border-radius:100px;
    height:20px;
  }
  .upload-percentage-loader p
  {
    text-align:center;
    color:#fff !important;
    text-align:center;
  }
  .profile-image-show
  {
    width: 60px;
    height: 60px;
    /*width: 100%;
    height: 100%;*/
    /*border-radius: 50%;*/
    overflow: hidden;
    position: relative;
  }
  .image-inline-edit
  {
    padding: 0;
    width: 90%;
    float: right;
  }
  .upload-gallery-file
  {
    position: absolute;
    top: 0;
  }
  .image-button-inline-edit
  {
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99999;
  }
/*.list
{
    width: 10%;
    float: left;
}*/
/*Chrome And Safari Css*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
 .position
 {
    position: relative;
   bottom: 1px
 }
}
/*Chrome And Safari Css*/

/*Mozila FireFox css*/
@-moz-document url-prefix() {
 .position {
    position: relative;
    bottom: 4px;
  }
}
/*Mozila FireFox css*/


/*==================Media Query For Mobile===================*/
@media screen and (max-width: 767px) {
    .fontSize
    {
        font-size: 12px;
    }
    .paddingLeft
    {
        padding-left: 33px;
    }
    .action-button
    {
        width: 50px;
        height: 35px;
        line-height: 30px;
	margin:3px;
    }
    .fa-minus
    {
        position: relative;
        bottom: 1px;
        right: 0.1px;
    }
    .fa-plus
    {
        position: relative;
        bottom: 0px;
        right: 0.1px;
    }
    .minusBtn
    {
        position: relative;
        bottom: 30px;
    }
    .textWidth
    {
        width: 60%;
        font-size: 13px;
    }
    .widget-header,
    .widget-toolbar
    {
        line-height: 0px;
        margin-bottom: 5px;
    }
    .widthEditBox
    {
        width: 100%;
    }
    .textBoxInput
    {
        width: 100%!important;
    }
    .marginBottom
    {
        margin-bottom: 5px;
    }
    .widthFileUpload
    {
        width: auto!important;
    }
    .text-field
    {
        padding-bottom: 5px!important;
    }
    .button.button-submit.todo-btn
    {
        margin-top: 0px!important;
    }
    .leftPadding
    {
        padding-left: 2px!important;
    }
    .addBtn
    {
        margin-top: 2px;
    }
    .tooltip_icon_info
    {
        margin-bottom: 0px!important;
    }
    .fa-chevron-down
    {
        position: relative;
        bottom: 2px;
    }
    .textBoxBtn
    {
        margin-right: -70px !important;
    }
    .paddingBottom
    {
        padding-bottom: 0px;
    }
    .textboxHeight
    {
        height: 60px!important;
    }
    .companyView .textFieldWidth 
    {
        width: 100%!important;
        float: left;
    }
    .paddingRight
    {
        padding-right: 11px;
        position: relative;
        bottom: 0px;
    }
    .marginAlign
    {
        margin-right: 0px;
    }
    .text_button, .sub_textEdit_button
    {
        float: left!important;
    }
    .button.button-submit.todo-btn1.multiple
    {
        min-height: 30px;
        line-height: 25px;
        margin-top: 35px;
        float: right;
    }
    .minusBtnn
    {
        margin-top: 37px!important;
        margin-left: 0px!important;
    }
    .rightAlign
    {
        float: right;
        padding-left: 0px!important;
    }
    .textBoxInputt
    {
        width: 270px!important;
    }
    .alighn
    {
        margin-left: 1px!important;
        margin-top: 41px!important;
    }
    .groupMarginAlign
    {
        margin-right: -68px;
    }
    .checkboxbtn, .dateSaveBtn, .BTTNS
    {
        margin-left: 0px!important;
        margin-top: 7px!important;
    }
    .checkBox-button, .dateTime_button, .sub_radio_button, .sub_check_button, .sub_dateTime_button
    {
        float: left!important;
        padding-right: 0px!important;
    }
    .paddings
    {
        padding-left: 0px!important;
        padding-right: 0px!important;
    }
    .chosen-container
    {
        margin-bottom: 5px;
    }
    .delBtnPosition
    {
        position: relative;
        bottom: 20px;
    }
    .subgroupCell
    {
        width: 100%!important;
        /*width: 100%!important;*/
        float: left;
    }
    .sub_group_form
    {
        padding-bottom: 13px;
    }
    .dateonly, .datetimeonly, .uploadinput
    {
        padding-top: 5px;
    }
    .marginRight, .datetimeBtn, .textBoxSaveBtn
    {
        margin-right: 0px!important;
    }
    .checkBoxSubGroupMinusButton 
    {
        float: right !important;
        margin-top: 7px !important;
        margin-right: -6px !important;
    }
    .dateDesk
    {
        margin-left: 0px!important;
        margin-top: 7px!important;
    }
    .widtth
    {
        width: 287px!important;
    }
    .widthh
    {
        width: 230px!important;
    }
    .textcontent
    {
        position: relative;
        bottom: 5px;
    }
    .textboxWidth
    {
        float: left!important;
        width: 270px!important;
        margin-bottom: 5px;
    }
    .leftAlignn
    {
        float: left!important;
        width: 285px!important;
        margin-bottom: 5px;
    }
    .Align
    {
    margin-bottom:15px!important;
    }
    .textBoxInput
    {
        display: inline-flex!important;
    }
    .InputBox
    {
        width: 287px!important;
        float: left;
    }
    /*.InputBox1
    {
        width: 326px!important;
        float: left;
    }*/
    .BoxText, .subText
    {
        width: 270px!important;
        margin-bottom: 5px;
    }
    .Margin
    {
        margin-bottom: 5px;
    }
    .sub_date_button
    {
        float: left!important;
    }
    .address-add-btn
    {
        margin-top: 50px!important;
        margin-left: 66px!important;
    }
  /*  .subText
    {
        width: 270px;
        margin-bottom: 5px;
    }*/
    /*.text-field__icon
    {
        right: -50px!important;
    }*/
   /* .text-field--has-icon.text-field--leyout-box .text-field__clear
    {
        right: 0px;
    }*/
   /* .text-field__clear
    {
        top: 11px;
    }*/
    .dateminus
    {
        float: right;
         margin-right: 0px;
         margin-top: 7px;
    }
    .noPadding
    {
        padding: 0px;
    }
    .dateSave
    {
        margin-top: 30px!important;
    }
    .BoxTextt
    {
        width: 200px!important;
    }
    .textBoxSaveBtn
    {
        margin-right: -110px!important;
    }
    .uploadEditBox
    {
        width: 160px!important;
        position: relative;
        top: 6px;
    }
    .margin-5px
    {
        margin-bottom: 5px;
    }
    .textBoxSaveBtn
    {
        margin-right: 0px!important;
        position: relative;
        right: -60px;
        bottom: 29px;
    }
    .textBoxSaveBtnns
    {
         margin-right: 0px!important;
        position: relative;
        right: -109px;
    }
    .dateTimeText
    {
        width: 285px;
        margin-bottom: 5px;
    }
    .DateTime .text-field__icon
    {
        right: -50px!important;
    }
     .DateTime .text-field--has-icon.text-field--leyout-box .text-field__clear
     {
        top: 9px!important;
        right: 0px!important;
     }
     .marginAlign 
     {
        margin-right: 0px !important;
    
    }
    .textBoxInput
    {
        width: 200px!important;
    }
    .dateWidth
    {
        width: 270px!important;
    }
    .minusBTn
    {
        margin-left: -3px!important;
        margin-top: 7px!important;
    }
    .MinusBtn
    {
        position: relative;
        top: 5px;
        right: 5px;
    }
    .check-radio-btn
    {
        margin-right: -38px !important;
    }
    .dropzone-position 
    {
        position: relative;
        bottom: 0px!important;
    }
     .grp-tooltip .tooltip-show
    {
        transform: translateX(-57%) !important;
        bottom: 33px;
    }
    .tooltip
    {
        width: 200px!important;
    }
    .grp-tooltip .tooltip-arrow 
    {
        position: relative;
        left: 85px !important;
        top: 12px !important;
    }
    /*.ticketView .subGroupBtns1,.ticketView  .subGroupBtns2
    {
        margin-top: 50px;
    }*/
    .ticketView .subgroupCell 
    {
        width: 100% !important;
        float: left;
        position: relative;
    }
    .font-size-12 
    {
        font-size: 12px !important;
        margin-top: 25px;
        position: relative;
        bottom: 10px;
        right: 36px;
    }

    .msg-time-chat .message-body .text .comment-text {
        margin-left: 36px !important;
        margin-top: 10px;
    }
    .msg-time-chat .message-body .text .attribution .pull-right.font-size-12 {
        margin-top: 10px;
        display: none;
    }
    .msg-time-chat .message-body .text .inline-block.width-100 .pointer.font-size-12.padding-left-5 {
        position: inherit;
    }
    .msg-time-chat .message-body .text .inline-block.width-100 .pointer.comment-edit-btn.active {
        position: inherit;
    }
    .msg-time-chat .message-body .text .inline-block.width-100  .pointer.comment-edit-btn.font-size-12 {
        position: inherit;
    }
    .col-content ran-text-field .text-field {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .col-content .text-field label.text-field__label {
        left: 6px;
    }
    .msg-time-chat .reply-form .ran-row .ran-col.col-md-2.col-sm-2.col-xs-2 {
        padding: 0;
    }
    .msg-time-chat .reply-form .ran-row .ran-col.col-md-2.col-sm-2.col-xs-2 .col-content button{
        min-width: 30px;
        padding: 0;
    }
}
.subGrpDateAndTime .text-field, .grpDateOnly .text-field, .subGrpDateOnly .text-field, .subgrpDateAndTime .text-field, .subgrpDateOnly .text-field
{
    width: 900px!important;
    /*border: 1px solid #9e9e9e;
    padding-left: 5px; */
}
.subGrpDateAndTime input, .grpDateOnly input, .subGrpDateOnly input,.companyView .subGrpDateOnly input,.ticketView .subGrpdateOnly input, .ticketView .SubGrpDateOnly input ,.ticketView  .subgrpDateAndTimeMulti input
{
    border: 1px solid #9e9e9e;
    padding-left: 5px; 
}
.grpMultiradioBox .button-submit
{
    position: relative;
    left: 3px;
}


/*================================ End Media Qurey For Company View===========================*/
.companyView .subGrpText .minusBtns
{
    margin-left: 155px;
    margin-top: 2px;
}
/*.companyView .textBoxBtn
{
    margin-top: 2px!important;
    margin-right: 0px!important;
}*/
/*.companyView .textFieldWidth
{
    width: 100%!important;
}*/
/*.companyView .textboxHeight
{
    height: 60px;
    border-style: none!important;
    width: 100%;
    background: none;
}*/
.companyView .textboxHeight
{
    /*height: 70px!important;*/
    border-style: none!important;
    width: 100%;
    background: none;
    overflow-y: scroll !important;
    min-height: 33px;
    max-height: 100px;
}
.companyView .textBox .textBoxBtn 
{
    margin-top: 2px!important;
    margin-right: -96px!important;
}
.companyView .textBoxCol textarea 
{
    min-height: 30px!important;
    position: relative;
}
.textboxHeight
{
    /*height: 40px!important;*/
    border-style: none!important;
    width: 100%;
    background: none;
    resize: vertical!important;
    overflow: auto !important;
    width: 890px !important;
    min-height: 40px;
    max-height: 40px;
}
.margin-top-5
{
    position: relative;
    top: 0px;
}
.companyView .fileInput
{
    height: 70px!important;
    border-style: none!important;
    width: 890px;
    background: none!important;
    overflow-y: scroll !important;
    margin-bottom: 5px;
}
.itemName
{
    padding-bottom: 11px;
    padding-left: 75px;
    padding-top: 6px;
}
.companyView .subGroupDateAndTime .text-field
{
    width: 900px;
    float: left;
}
.companyView .subGroupDateAndTime .client-page-btn
{

    transform: translateX(100%);
    position: relative;
    left: 48px;

}
.leftPadding-5
{
    padding-left: 10px;
}
.companyView .dateGroup input
{
   border:1px solid #9e9e9e;
}
.companyView .radiobtn 
{
    margin-left: 160px !important;
    margin-top: 24px !important;
}
.companyView .checkboxbtn 
{
    margin-left: 160px !important;
    margin-top: 23px !important;
}
.companyView .dateSaveBtn 
{
    margin-top: 22px !important;
    margin-left: 150px !important;
}
.companyView .grpmultiDateAndTime .text-field
{
    width: 880px;
}
.companyView .grpmultiDateAndTime .action-button-delete
{
    margin-left: 160px!important;
}
.companyView .grpMultiTextBox .action-button-delete
{
    margin-left: 155px!important;
}
.companyView .subGrpText .text-field__input
{
    width: 880px;
}
.companyView textarea
{
    resize: vertical;
    position: relative !important;
    min-height: 33px!important;
    max-height: 100px;
}
.companyView .textBoxWidth 
{

    width: 918px;
    float: left;
}
.companyView .textBoxSaveBtn 
{

    margin-top: 0px !important;
    margin-right: -83px;

}
.companyView  textarea.text-field__input
{
    overflow: auto !important;
}
/*============================= Start Media Qurey For Company View===========================*/
@media screen and (max-width: 767px) {
    .companyView .textBox .textBoxBtn
    {
        margin-right: 0px!important;
    }
    .companyView .textBox textarea
    {
        height: 30px!important;
    }
    .companyView .groupMarginAlign
    {
        margin-right: 0px!important;
    }
    .companyView .grpDateOnly .text-field,.companyView .width_input,.companyView .subGrpDateOnly .text-field,.companyView .subGrpDateAndTime .text-field, .companyView .fileInput
    {
        width: 290px!important;
        float: left;
    }
    .companyView .textBoxInput
    {
        width: 288px!important;
    }
    .companyView .uploadEditBox 
    {
        width: 290px !important;
        float: left;
    }
    .companyView .widtth .button.button-submit.todo-btn 
    {
        margin-top: 0px !important;
        transform: translateX(0%)!important;
        position: relative;
        left: 0px !important;
    }
    .companyView .subGrpText .minusBtns
    {
        margin-left: -5px!important;
        margin-top: 6px!important;
    }
    /*.companyView .button.button-submit.todo-btn 
    {
        margin-top: 35px !important;
    }*/
    .companyView .subGroupBtns0 
    {
        margin-top: 0px!important;
    }
    .subGroupBtns5
    {
        margin-top: 50px!important;
    }
    .table-ticket
    {
        margin-bottom: 10px!important;
    }
    .companyView .subGroupDateAndTime .text-field 
    {
        width: 235px;
        float: left;
    }
    .companyView .subGroupDateAndTime .client-page-btn 
    {
        transform: translateX(100%);
        position: relative;
        left: -3px;
    }
    .companyView .grpMultiRadiobox .button-submit
    {
        position: relative;
        left: -20px!important;
    }
    .companyView .radiobtn 
    {
        margin-left: 264px !important;
        margin-top: -24px !important;
    }
    .companyView .checkboxbtn 
    {
        margin-left: 0px !important;
        margin-top: 0px !important;
    }
    .companyView .dateSaveBtn 
    {
        margin-top: 6px !important;
        margin-left: 0px !important;
    }
    .companyView .grpmultiDateAndTime .text-field 
    {
        width: 285px;
    }
    .companyView .grpmultiDateAndTime  .button-submit
    {
        position: relative;
        left: -20px;
    }
    .companyView .grpmultiDateAndTime .action-button-delete 
    {
        margin-left: 265px !important;
        margin-top: -45px;
    }
    .companyView .grpMultiTextBox .action-button-delete 
    {
        margin-left: 0px !important;
    }
    .companyView .subGrpText .text-field__input 
    {
        width: 288px;
    }
    .companyView .subgrpEditTextBox .widthh 
    {
        width: 288px !important;
        float: left;
    }
    .companyView .subgrpEditTextBox .client-page-btn
    {
        float: left;
        margin-top: 35px !important;
        transform: translateX(100%);
        position: relative;
        left: 61%;
    }
    .companyView .subgrpMultiCheckBox .button-submit
    {
        position: relative;
        left: 2px;
    }
    .textboxHeight 
    {
        width: 100%!important;
    }
}
/*===========================================================================*/
/*================================ End Ticket View===========================*/
.ticketView .textboxHeight
{
    /*height: 50px!important;*/
    border-style: none!important;
    width: 100%;
    background: none;
    min-height: 33px;
    max-height: 100px;
}
.ticketView .fileInput
{
    height: 80px!important;
    border-style: none!important;
    width: 100%;
    background: none;
    /*border: 1px solid #9e9e9e!important;*/
    width: 890px!important;
    overflow-y: visible!important;
    margin-bottom: 10px;
}
.ticketView .subgroupCell 
{
    width: 75% !important;
    float: left;
    position: relative;
}
.ticketView .textbox .button.button-submit.todo-btn {
    position: relative !important;
    left: 78px !important;
    transform: translateX(0%) !important;
    margin-top: -35px !important;
}
.subGrpdateOnly .text-field,.subgrpDateAndTimeMulti .text-field
{
    width: 875px!important;
    float: left;
}
.ticketView .grpCheckBox .client-page-btn, .ticketView .grpRadio .client-page-btn
{
    transform: translateX(100%);
    position: relative;
    left: 190px;
}
.ticketView .marginAlignn 
{
    margin-top: -30px !important;
    transform: translateX(100%);
    margin-right: -30px!important;
}
.ticketView .dateDesk
{
    margin-left: 155px!important;
    margin-top: 22px!important;
}
.ticketView .SubGrpDateOnly .text-field
{
    width: 850px!important;
    float: left;
}
.subgrpDateAndTime .client-page-btn
{
    transform: translateX(100%)!important;
    margin-right: -30px!important;
}
.ticketView .dateminus 
{
    float: right;
    margin-top: 25px;
    transform: translateX(100%);
    margin-left: 80px;
    position: relative;
    left: 95px;
}
.PreviewImage
{
    width:500px;
    height:500px;
}
.ticketView .rightAlign
{
    float: right!important;
}
.groupmultitextBox .button-submit
{
    margin-right: -10px;
    margin-top: -30px!important;
}
.groupmultitextBox .alighn
{
    margin-left: 150px;
    margin-top: -26px;
}
.ticketView .subGrpCheckBox .content,.ticketView .subGrpRadioBox .content,.ticketView  .groupCheckBox .content,.ticketView  .groupRadioBox .content,.ticketView .groupEditRadiobutton .content, .ticketView .groupEditCheckBox .content, .ticketView .groupMultiCheckbox .content, .textcontent
{
    position: relative;
    bottom: 3.5px;
    line-height: 30px;
}
.position
{
    position: relative;
    top: -5px;
}
.ticketView .grpDateAndTimeMultiple .text-field
{
    width: 880px!important;
}
.ticketView .grpDateAndTimeMultiple .padding-left
{
    padding-left: 0px!important;
}
.ticketView .radiobtn
{
    margin-left: 157px !important;
    margin-top: 23px !important;
}
.width-auto
{
    width: auto;
}
.display-block,.display-flex
{
    display: inline-flex;
}
.ticketView .margin-top-5
{
    position: relative;
    top: 0px;
}
 .ticketView .grpMultiTextBox textarea
 {
    width: 850px!important;
 }
 .ticketView .MinusBtn 
 {
    margin-left: 150px !important;
    margin-top: 4px !important;
}
.textbox .text-box
{
    /*height: 40px!important*/
}
.ticketView .subgrpDate .col-content
{
    padding-left: 5px!important;
}
.ticketView .editGrpDate .fa-times-circle,.ticketView .editSubgrpDate .fa-times-circle,.ticketView .widthh .fa-times-circle,.widtth .fa-times-circle
{
    position: relative;
    top: 28px!important;
}
.ticketView textarea
{
    resize: vertical;
    position: relative!important;
    max-height: 100px;
}
.ticketView .textBoxBtn 
{
    margin-top: 2px!important;
    margin-right: -78px!important;
}
.ticketView  textarea.text-field__input
{
    overflow: auto !important;
}
 .textBoxCol textarea {

    max-height: 100px !important;

}
/*Chrome And Safari Css*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
     .ticketView textarea
    {
        resize: vertical;
        position: relative!important;
    }
}
/*Chrome And Safari Css*/
/*===================Start Media Qury For Ticket View=================*/
@media screen and (max-width: 767px) {
    .ticketView .textboxHeight,.ticketView .uploadEditBox
    {
        width: 265px!important;
        float: left;
    }
    .ticketView .paddingRight
    {
        padding-right: 11px;
        position: relative;
        bottom: 0px;
    }
    .ticketView .subGrpdateOnly .text-field,.ticketView .subgrpDateAndTimeMulti .text-field 
    {
        width: 265px !important;
        float: left;
    }
    .ticketView .dateminus 
    {
        margin-right: 0px;
    }
    .ticketView .dateminus 
    {
        float: right;
        margin-top: 6px;
        transform: translateX(0%);
        margin-left: 0px;
        position: relative;
        left: 0px;
    }
    .ticketView .textbox .button.button-submit.todo-btn
    {
        position: relative !important;
        left: 0px !important;
        transform: translateX(0%) !important;
    }
    .ticketView .textbox .button.button-submit.todo-btn 
    {
       /* position: relative !important;
        left: 13px !important;
        transform: translateX(100%) !important;*/
        /*margin-top: 0px !important;*/
    }
    .ticketView .subgrpDateOnly .text-field 
    {
        width: 260px !important;
    }
    .ticketView .textBoxSaveBtnns 
    {
        margin-right: 0px !important;
        position: relative;
        right: -68px!important;
    }
    .ticketView .fileInput
    {
        width: 265px!important;
        float: left;
        border: 1px solid #9e9e9e !important;
    }
    .ticketView .subgrpDateAndTime .text-field
    {
        width: 260px!important;
        float: left;
    }
    .ticketView .subgrpDateAndTime .client-page-btn 
    {
        transform: translateX(0%) !important;
        margin-right: 0px !important;
    }
    .ticketView .grpCheckBox .client-page-btn, .ticketView .grpRadio .client-page-btn 
    {
        transform: translateX(0%);
        position: relative;
        left: 0px;
    }
    .ticketView .SubGrpDateOnly .text-field 
    {
        width: 270px !important;
        float: left;
    }
    .ticketView .dateDesk 
    {
        margin-left: 0px !important;
        margin-top: 5px !important;
    }
    .ticketView .subgroupCell 
    {

        width: 100% !important;
        float: left;
        position: relative;

    }
    .ticketView .marginAlignn 
    {
        transform: translateX(0%);
        margin-right: -8px !important;
    }
    .groupmultitextBox .button-submit 
    {
        margin-right: 0px;
    }
    .position
    {
        position: relative;
        top: -5px;
    }
    .PreviewImage
    {
        width:250px;
        height:400px;
    }
    .ticketView .grpDateAndTimeMultiple .text-field 
    {
        width: 265px !important;
    }
    .ticketView .grpDateAndTimeMultiple .button-submit
    {
        position: relative;
        left: -22px;
    }
    .ticketView .grpDateAndTimeMultiple .action-button-delete
    {
        margin-left: 240px!important;
        margin-top: -45px!important;
    }
    .ticketView .textBoxInput 
    {
        width: 267px !important;
    }
    .ticketView .textBox .textBoxBtn
    {
        margin-top: 45px !important;
    }
    .ticketView .textbox .button.button-submit.todo-btn 
    {
        
        margin-top: 35px !important;
    }
    .ticketView .grpTooltip .fa-info-circle
    {
        color: #fff;
    }
    .grpTooltip ,.tooltip_width
    {
        display: inline-block;
    }
    .textWidth
    {
        display: inline-block!important;
    }
    .ticketView .textBox .textBoxBtn
    {
        margin-top: 40px !important;
    }
    .ticketView .grpMultiTextBox textarea 
    {
        width: 100% !important;
    }
    .ticketView .grpMultiTextBox .MinusBtn 
    {
        margin-left: 0px !important;
        margin-top: 4px !important;
    }
    .ticketView .uploadBtn 
    {
        position: relative;
        bottom: 0px;

    }
    .mobile-office-in .font-size-12
    {
        bottom: 0px;
        right: 0px;
    }
    .overflow-visible .widget-header 
    {
        line-height: 40px;
    }
    .barcode-form .font-size-12 
    {
        font-size: 12px !important;
        margin-top: 0px;
        position: relative;
        bottom: 0px;
        right: 0px;
    }
    .table-search .text-field__clear .fa-times-circle
    {
        top: -5px;
        position: relative;
    }
    .overflow-visible .list 
    {
        width: 100%;
        float: left;
    }
    .item-avatar-with-fancy-select .font-size-12
    {
        font-size: 12px !important;
        margin-top: 0px;
        position: relative;
        bottom: 0px;
        right: -54px;
    }
}


.icon-background1 {
    color: #ff6c5e;
}





/*Somnath*/
/*Chat Room*/
/*chat room*/


/*ul li {
    list-style: none;
}

a, a:hover, a:focus {
    text-decoration: none;
    outline: none;
}
::selection {

    background: #FF6C60;
    color: #fff;
}
::-moz-selection {
    background: #FF6C60;
    color: #fff;
}

#container {
    width: 100%;
    height: 100%;
}*/

/*sidebar navigation*/

#sidebar {
    width: 210px;
    height: 100%;
    position: fixed;
    background: #2a3542;
}

#sidebar ul li {
    position: relative;
}

#sidebar .sub-menu > .sub li  {
    padding-left: 32px;
}

#sidebar .sub-menu > .sub li:last-child {
    padding-bottom: 10px;
}

/*LEFT NAVIGATION ICON*/
.dcjq-icon {
    height:17px;
    width:17px;
    display:inline-block;
    background: url(../img/nav-expand.png) no-repeat top;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    position:absolute;
    right:10px;
    top:15px;
}
.active .dcjq-icon {
    background: url(../img/nav-expand.png) no-repeat bottom;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
/*---*/

.nav-collapse.collapse {
    display: inline;
}

ul.sidebar-menu , ul.sidebar-menu li ul.sub{
    margin: -2px 0 0;
    padding: 0;
}

ul.sidebar-menu {
    margin-top: 75px;
}

#sidebar > ul > li > ul.sub {
    display: none;
}

#sidebar > ul > li.active > ul.sub, #sidebar > ul > li > ul.sub > li > a {
    display: block;
}

ul.sidebar-menu li ul.sub li{
    background: #35404D;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}

ul.sidebar-menu li ul.sub li:last-child{
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
}

ul.sidebar-menu li ul.sub li a {
    font-size: 12px;
    padding: 6px 0;
    line-height: 35px;
    height: 35px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #aeb2b7;
}

ul.sidebar-menu li ul.sub li a:hover, ul.sidebar-menu li ul.sub li.active a {
    color: #FF6C60;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: block;
}

ul.sidebar-menu li{
    /*line-height: 20px !important;*/
    margin-bottom: 5px;
    margin-left:10px;
    margin-right:10px;
}

ul.sidebar-menu li.sub-menu{
    line-height: 15px;
}

ul.sidebar-menu li a span{
    display: inline-block;
}

ul.sidebar-menu li a{
    color: #aeb2b7;
    text-decoration: none;
    display: block;
    padding: 15px 0 15px 10px;
    font-size: 12px;
    outline: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

ul.sidebar-menu li a.active, ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus {
    background: #35404d;
    color: #fff;
    display: block;
    border-radius: 4px;
    -webkit-border-radius: 4px;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


ul.sidebar-menu li a i {
    font-size: 15px;
    padding-right: 6px;
}

ul.sidebar-menu li a:hover i, ul.sidebar-menu li a:focus i {
    color: #FF6C60;
}

ul.sidebar-menu li a.active i {
    color: #FF6C60;
}


.mail-info, .mail-info:hover {
    margin: -3px 6px 0 0;
    font-size: 11px;
}

/*main content*/

/*#main-content {
    margin-left: 210px;
}*/

/*.header, .footer {
    min-height: 60px;
    padding: 0 15px;
}

.header {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 1002;
}

.white-bg {
    background: #fff;
    border-bottom: 1px solid #f1f2f7;
}
*/
/*.wrapper {
    display: inline-block;
    padding: 15px;
    width: 100%;
    /*margin-top: 60px;*/
/*}*/

/*chat room*/

.chat-room {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
    position: relative;
}


.chat-room aside {
    display: table-cell;
    float: none;
    height: 100%;
    padding: 0;
    vertical-align: top;
}

.chat-room .left-side {
    width: 25%;
    background: #F1F4F9;
    border-radius: 5px;
    -webkit-border-radius: 4px 0 0 4px;
}
.chat-room .mid-side {
    width: 61%;
    background: #fff;
    border-right: 1px solid #e5e8ef;
}
.chat-room .mid-side .chat-available-user li {
   width: auto;
   display: inline-block;
}

/*.chat-room .right-side {
    width: 25%;
    background: #fff;
    border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
}*/

.user-head {
    display: flex;
    /*width: 50%;*/
    position: absolute;
    left: 10px;
    background: #f6f6f6;
    height: 56px;
    top: -6px;
    padding-top: 10px;
}
.chatbox-wrapper .header-group-data-time
{
    /*width: 50%;*/
    /*position: absolute;
    right: 249px;
    top: 0;*/
    width: 82%;
}
.chat-room .right-side .user-head {
    background: #00A8B3;
    border-radius:0 4px 0 0;
    -webkit-border-radius:0 4px 0 0;
    color: #FFFFFF;
    min-height: 70px;
    padding: 10px;
    border-left: 1px solid #00A8B3;
    margin-left: -1px;
    position: relative;
}


.chat-room .user-head i {
   float: left;
   font-size: 25px;
   margin-right: 10px;
}

.chat-room .user-head h3 {
     /*margin: 0px !important;*/
    font-weight: 100;
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: bold;
}

.chat-room-head {
    /*background:#e8e8e8 !important;*/
    color: #000;
    padding: 3px;
    cursor: pointer;
    display: flex;
    border-top: 2px solid rgb(226, 227, 229);
    border-bottom: 2px solid rgb(226, 227, 229);
}

.chat-room-head h3 {
    letter-spacing: 1px;
    font-size: 14px !important;
    font-weight: bold;
    margin-left: 10px;
}

.chat-room-head .search-btn {
    width: 20px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    box-shadow: none;
    background: #01a6b2 url("../images/chat-search.png") no-repeat 12px 9px;
    padding:0 5px 0 35px;
    /*margin-top: 9px;*/
    border: none;
    color: #fff;
}

.chat-room-head .search-btn:focus {
    width: 180px;
    box-shadow: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    /*background: #01a6b2;*/
    font-weight: 300;
    color: #fff;
}

.chat-room-head .search-btn:focus::-moz-placeholder {
    color: #fff;
}


ul.chat-list li a {
    color: #6a6a6a;
    display: block;
    padding: 15px;
    font-weight: 300;
}
ul.chat-list li a:hover, ul.chat-list li.active a {
    color: #00a9b4;
    background: #f2f4f7;
}

ul.chat-list li h4 {
    padding: 17px 15px;
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    border-bottom: 1px solid #D5D7DE;
}

ul.chat-list li h4 i {
    padding-right: 5px;
}

ul.chat-list li a span {
    padding-left: 10px;
}

ul.chat-list li a i.fa-times {
    color: #9fa3b0;
}

ul.chat-list li.active {
    color: #00a9b4;
    background: #f2f4f7;
}

ul.chat-list {
    border-bottom: 1px solid #d5d7de;
}

ul.chat-user  {
    margin-bottom: 0px;
}

ul.chat-user li {
    border-bottom: none;
}

ul.chat-user li a:hover{
    background: none;
    color: #6a6a6a;
}

.chat-room .left-side footer {
    background: #d5d7de;
    border-radius: 0 0 0 4px;
    /*-webkit-border-radius: 0 0 0 4px;*/
    padding: 15px;
    height: 70px;
    width: 25%;
    position: absolute;
    bottom: 0;
}

.chat-room .mid-side footer {
    background: #f6f6f6;
    padding: 15px;
    height: 70px;
    width: 50%;
    position: absolute;
    bottom: 0;
    border-right: 1px solid #E5E8EF;
}

.chat-room .right-side footer {
    background: #fff;
    padding: 15px;
    height: 70px;
    width: 25%;
    position: absolute;
    bottom: 0;
    border-top: 1px solid #E5E8EF;
    border-radius: 0 0 4px 0;
    -webkit-border-radius: 0 0 4px 0;
}

.chat-room .left-side footer .chat-avatar img {
    width: 40px;
    height: 40px;
    border: 2px solid #fff;
    float: left;
}

.chat-room .left-side footer .user-status {
    float: left;
    margin: 10px;
}

.chat-room .left-side footer .user-status i {
    padding-right: 5px;
}

.chat-room .left-side footer a.chat-dropdown {
    background: #96979a;
    border-radius: 2px;
    color: #fff;
    font-size: 10px;
    margin-top: 10px;
    padding: 3px 5px;
}

.room-desk {
    display: inline-block;
    margin-bottom: 30px;
    width: 100%;
    padding: 15px;
}

.room-desk h4 {
    text-transform: uppercase;
    font-weight: 300;
    font-size: 16px;
    margin: 5px 0 0 0;
}

.room-box {
    background: #fff;
    padding: 10px;
    display: inline-block;
    width: 100%;
    margin-top: 10px;
}

.room-box h5 {
    margin: 5px 0 0px 0;
    font-weight: 300;
    font-size: 16px;
}
.room-box h5 a {
    color: #00a9b4;
}

.chat-tools {
    float: right;
    padding: 3px;
    width: 40px;
    height: 35px;
    line-height: 30px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    text-align: center;
    margin-top: 6px;
    margin-left: 10px;
}

.chat-tools i {
    font-size: 16px !important;
    float: none !important;
    margin-right: 0 !important;
    color: #fff;
}

.btn-key {
    background: #4ac9c0;
}

.btn-key:hover {
    background: #44bab2;
}

.invite-row {
    background: #E5E8EF;
    padding: 6px 10px;
    display: inline-block;
    width: 100%;
}

.invite-row h4 {
    font-size: 16px;
    font-weight: 300;
}

ul.chat-available-user {
    padding: 0px;
}

ul.chat-available-user li {
    margin-bottom: 0px;
}

ul.chat-available-user li a {
    color: #666;
    font-size: 13px;
}
ul.chat-available-user li i {
    padding-right: 5px;
    font-size: 10px;
}

.group-rom {
    width: 100%;
    float: left;
    border-bottom: 1px solid #eaebee;
}

.group-rom .first-part, .group-rom .second-part, .group-rom .third-part {
    float: left;
    padding: 15px;
}

.group-rom .first-part {
    width: 25%;
}

.group-rom .first-part.odd {
    background: #f7f8fa;
    color: #6a6a6a;
    font-weight: 600;
}

.group-rom .second-part{
    width: 60%;
}

.group-rom .third-part{
    width: 15%;
    color: #d4d3d3;
}


a.guest-on {
    color: #6a6a6a;
    margin-top: 8px;
    display: inline-block;
}

a.guest-on i {
    background: #40cabe;
    color: #fff;
    padding: 4px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-right: 5px;
}

.chat-txt {
    float: left;
    width: 70%;
    margin-right: 5px;
}

.lobby {
    padding: 0 !important;
}

.pull-right btn btn-default
{

}

/*right side bar*/

.sb-slidebar {
    background-color: rgba(42, 53, 66, 1) !important;
    margin-top: 60px;
    color:#aeb2b7;
}
.sb-slidebar .side-title {
    padding: 10px 15px;
    text-transform: uppercase;
    color: #FF6C60;
}

.sb-toggle-right {
    cursor: pointer;
    margin-top: 12px;
}

.sb-toggle-right i {
    font-size: 20px;
}

.quick-chat-list {
    margin-bottom: 20px;
}
.quick-chat-list:last-child {
    /*padding: 0;*/
    padding-bottom: 50px;

}

.quick-chat-list li {
    padding: 10px 15px;
    border-bottom: 1px dashed #35404d;
    cursor: pointer;
}

.quick-chat-list li:hover {
    background: #35404d;
}

.quick-chat-list li .media-object {
    border-radius: 50%;
    -webkit-border-radius: 50%;
}


.media .media-status {
    display: inline-block;
    margin-top: 10px;
    position: absolute;
    right: 10px;
}

.media .media-body small {
    display:block;
}

.quick-chat-list .media .media-object {
    width: 40px;
    height: 40px;
}


/*-------*/

.p-task {
    margin-bottom: 20px;
    padding-bottom: 50px;
}

.p-task li {
    padding: 10px 15px 15px 15px;
    border-bottom: 1px dashed #35404d;
}

.p-task li:last-child {
    padding: 10px 15px 15px 15px;
    border-bottom: none;
}


.p-task li a{
    color: #aeb2b7;
}

.p-task.tasks-bar .task-info .percent {
    display: inline-block;
    float: right;
    font-size: 12px;
    margin-top: -15px;
}


.p-task .progress {
    height: 10px;
    margin-top: 5px;
    margin-bottom: 0;
}


.p-task .external a {
 color:#40cabe;
}

.p-task .external a:hover {
 color:#FF6C60;
}


/*Directory Styles*/

.directory-list, .directory-info-row .social-links {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.directory-list li {
    border-left: 3px solid #f1f2f7;
    display: table-cell;
    width: 1%;
}


.directory-list li a {
    display: block;
    padding: 8px 0;
    text-align: center;
    text-transform: uppercase;
    background: #fff;
    color: #7A7676;
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    text-decoration: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

.directory-list li a:hover, .directory-info-row .social-links li a:hover {
    background:#ff6c60;
    color: #fff;
}

.directory-info-row {
    display: inline-block;
    width: 100%;
    margin-top: 20px;
}
.directory-info-row .social-links {
    display: inline-block;
    margin-bottom: 10px;
}

.directory-info-row .social-links li{
    display: inline-block;
}

.directory-info-row .social-links li a{
    background: #EFF0F4;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #7A7676;
}

.directory-info-row h4, .directory-info-row a {
    color: #424F63;
}

.directory-info-row .thumb {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    height: auto;
    width: 175px;
    margin-right: 10px;
}


/*mega-menu*/

.mega-menu {
    float: left;
    margin:5px 0 0 50px;
}

.mega-menu .navbar-nav {
    height: 55px;
}


/*.wide-full {*/
    /*width: 98%;*/
/*}*/

.mega-menu ul li a {
    margin-bottom: 15px;
    display: inline-block;
    color:#323232;
    font-size: 13px;
}
.mega-menu ul li a:hover,
.mega-menu ul li a:focus{
    color:#ff6c60;
    background-color: #fff;
}


.mega-menu .nav .open>a,
.mega-menu .nav .open>a:hover,
.mega-menu .nav .open>a:focus{
    background-color: #fff;
}

.mega-menu ul li a i {
    padding-right: 5px;
    width: 20px;
}

.mega-menu ul li.dropdown a:hover {
    background: none;
}

.mega-nav #main-content {
    margin-left: 0px;
}

.mega-nav .title {
    color:#323232;
    font-size:14px;
    text-transform: none;
    font-weight: bold;
}

.mega-nav .d-title ,
.mega-nav .d-desk {
    display: block;
}

.mega-nav .d-desk {
    color:#aaa;
    font-size: 11px;
}

.custom-nav-img .desk {
    line-height: 25px;
    font-size: 13px;
}

.custom-nav-img {
    position: static;
}

.yamm-content {
    position: relative;
}

.mega-bg {
    background-image: url("../img/mega-menu/corner_image.jpg");
    background-repeat: no-repeat;
    background-position: bottom right;
    position: absolute;
    right: 0;
    bottom: -5px;
    width:300px;
    height: 130px;
}

.icon-img {
    float: left;
    margin-right: 10px;
}

.icon-desk {
    display: inline-block;
}

.mega-menu .dropdown-menu {
    box-shadow:none;
    border-radius: 0;
    border-color:#f1f2f7 ;
}

/*project list*/

.p-table th,
.p-table td {
    vertical-align: middle !important;
}


.p-team img {
    width: 35px;
    height:35px;
    border-radius: 4px;
}

.p-progress .progress {
    margin-bottom: 5px;
}

.p-name a {
    font-size:14px;
    /*font-weight:bold;*/
}

.bold {
    font-weight: bold;
}

.p-details .bio-row p span {
    width: auto;
}

.p-details .bio-row p span.bold {
    width: 100px;
}

.p-team a {
    display: inline-block;
}

.project-heading {
    font-size: 20px;
}

.mtop20 {
    margin-top: 20px;
}

.p-files li a {
    margin-bottom: 10px;
    color: #949494;
    display: block;
}

.p-files li i {
    padding-right: 10px;
    width: 20px;
}

.p-tag-list li {
    display: inline-block;
    margin:0 5px 7px 0;
}

.p-tag-list li a {
    display: inline-block;
    border: 1px solid #ddd;
    padding: 3px 10px;
    color:#797979;
    border-radius: 4px;
    font-size:12px;
}

.p-tag-list li a:hover {
    background: #ff6c60;
    border-color: #ff6c60;
    color:#fff;
}

.m-thumb img {
    width: 100%;
    border:1px solid #ddd;
}

/*header theme color*/

.theme-h-color img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.theme-h-color p {
    line-height: 30px;
    margin-bottom: 15px;
}

header.green-bg a.logo,
header.dark-bg a.logo,
header.purple-bg a.logo,
header.blue-bg a.logo{
    color:#fff;
}

header.green-bg {
    background: #88ae59;
    border-bottom: 1px solid #88ae59;
}


header.dark-bg {
    background: #2a3542;
    border-bottom: 1px solid #3b4a5c;
}

header.purple-bg {
    background: #8175c7;
    border-bottom: 1px solid #8175c7;
}

header.blue-bg {
    background: #16aad8;
    border-bottom: 1px solid #16aad8;
}

header.green-bg .sidebar-toggle-box .fa-bars,
header.green-bg .sb-toggle-right,
header.dark-bg .sidebar-toggle-box .fa-bars,
header.dark-bg .sb-toggle-right,
header.purple-bg .sidebar-toggle-box .fa-bars,
header.purple-bg .sb-toggle-right,
header.blue-bg .sidebar-toggle-box .fa-bars,
header.blue-bg .sb-toggle-right{
    color:#fff;
}

header.green-bg  ul.top-menu > li > a,
header.green-bg .search {
    border-color: #9dc867 !important;
    color:#fff;
}


header.dark-bg  ul.top-menu > li > a,
header.dark-bg .search {
    border-color: #3a495b !important;
    color:#fff;
}

header.purple-bg  ul.top-menu > li > a,
header.purple-bg .search {
    border-color: #9587e6 !important;
    color:#fff;
}


header.blue-bg  ul.top-menu > li > a,
header.blue-bg .search {
    border-color: #18b7e8 !important;
    color:#fff;
}

header.green-bg ul.top-menu > li > a:hover .username,
header.green-bg ul.top-menu > li > a:focus .username,
header.dark-bg ul.top-menu > li > a:hover .username,
header.dark-bg ul.top-menu > li > a:focus .username,
header.purple-bg ul.top-menu > li > a:hover .username,
header.purple-bg ul.top-menu > li > a:focus .username,
header.blue-bg ul.top-menu > li > a:hover .username,
header.blue-bg ul.top-menu > li > a:focus .username{
    color:#323232!important;
}

header.green-bg .search,
header.dark-bg .search,
header.purple-bg .search,
header.blue-bg .search{
    color:#fff !important;
}

header.green-bg  .top-nav .username,
header.dark-bg  .top-nav .username,
header.purple-bg  .top-nav .username,
header.blue-bg  .top-nav .username{
    color:#fff;
}

header.green-bg .top-nav .nav .caret,
header.dark-bg .top-nav .nav .caret,
header.purple-bg .top-nav .nav .caret,
header.blue-bg .top-nav .nav .caret{
    border-bottom-color: #fff;
    border-top-color: #fff;
}

header.green-bg ul.top-menu > li > a:hover .caret,
header.green-bg ul.top-menu > li > a:focus .caret,
header.dark-bg ul.top-menu > li > a:hover .caret,
header.dark-bg ul.top-menu > li > a:focus .caret,
header.purple-bg ul.top-menu > li > a:hover .caret,
header.purple-bg ul.top-menu > li > a:focus .caret,
header.blue-bg ul.top-menu > li > a:hover .caret,
header.blue-bg ul.top-menu > li > a:focus .caret{
    border-bottom-color: #000;
    border-top-color: #000;
}



header.green-bg .search,
header.dark-bg .search ,
header.purple-bg .search ,
header.blue-bg .search  {
    margin-top: 6px ;
    width: 20px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border: 1px solid #fff;
    box-shadow: none;
    background: url("../img/search-icon-white.png") no-repeat 10px 8px;
    padding:0 5px 0 35px;
    color: #000;
}


header.green-bg .search:focus,
header.dark-bg .search:focus ,
header.purple-bg .search:focus ,
header.blue-bg .search:focus {
    margin-top: 5px ;
    width: 180px;
    border: 1px solid #eaeaea;
    box-shadow: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    color: #c8c8c8;
    font-weight: 300;
}

/*toaster*/

.radio-list  label,
.checkbox-list label{
    display: inline-block;
    width: 100%;
    font-weight: normal;
}

.radio-list .radio,
.radio-list .radio span,
.radio-list .radio input {
    width: 18px;
    height: 18px;
    float: left;
    margin: 0 10px 0 0;
}

.checkbox-list .checker span {
    float: left;
    margin-right: 10px;
}

.toastr-pad  input, .toastr-row label{
    margin-bottom: 10px;
}

#toast-container > div, #toast-container > :hover{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.box-wrap {
    height: 400px;
    overflow: hidden;
}

.w-list li {
    line-height: 20px;
    margin-bottom: 16px;
}

/*summernote editor*/

.note-editor .note-toolbar {
    background-color: #fff;
    border-bottom: 1px solid #e2e2e4;
    border-radius:4px 4px 0 0;
}

.note-editor {
    position: relative;
    border: 1px solid #e2e2e4;
    border-radius:4px;
}

.note-editor .note-statusbar .note-resizebar {
    border-top: 1px solid #e2e2e4;
}

.note-editor .note-statusbar {
    background: #fff;
    border-radius:4px;
}
ul.chat-list li .chatitem
{
    padding: 10px;
    cursor: pointer;
    width: 100%;
    float: left;
    padding-left: 0px;
}
ul.chat-list li .chatitem.active {

    color: #00a9b4;
    background: #C3E7F5;
    pointer-events: none;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.chatareawrapper
{
    display: inline-flex;
    width: 100%;
    padding: 8px;
}
.chatareawrapper textarea
{
    float: left;
    min-height: 50px;
    max-height: 300px;
    width: calc(100% - 50px);
    padding: 8px;
    background: #f2f4f7;
    border: none;
    box-shadow: none;
    overflow-y: auto !important;
    resize: none;
    border-radius: 5px;
    margin-right: 2px;

}
.chatareawrapper button
{
    width: 50px;
    float: left;
}
.button-ng-disabled
{
    opacity: 0.6;
}
.chatdate
{
     font: italic 12px/30px Georgia, serif;
     font-size: 12px;
     float: right;
     /*border:1px solid #ddd;*/
}

/* ---------------- 27/05/2019 ----------------*/

.recieve-text
{
    max-width: 80%;
    float: left;
    text-align: left;
    color: #717171;
    padding: 10px;
    display: inline-block;
    margin-top: 0px;
    padding-top: 0px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-top: 15px;
}
.recieve-text-under-part {
    display: inline-block;
    border-radius: 4px;
    min-width: 20%;
    max-width: 100%;
}
.recieve-text .msg-part
{
    background: #f1f4f9;
}
.room-box h5 a
{
    font-size: 12px;
}
.room-box .text-muted
{
    color: #666;
    font-style: italic;
}
.room-box p
{
    margin: 2px 0;
    font-size: 14px;
    color: #000;
}
.room-box .recieve-text h5 a
{
    color: #00a9b4;
}
.sent-text
{
    max-width: 80%;
    float: right;
    text-align: right;
    padding: 10px;
    display: inline-block;
    margin-top: 0px;
    padding-top: 0px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-top: 5px;
}
.sent-text-under-part 
{
    display: inline-block;
    border-radius: 4px;
    min-width: 22px;
    max-width: 100%;
}
.sent-text .text-muted
{
    color: #999;
}

.sent-text .msg-part
{
    background: #faf2dd;
}
.reply-massage {
    padding: 0 5px 0 5px;
    display: inline-grid;
    height: min-content;
    position: relative;
    bottom: 21px;
    left: 15px;
}
.msg-part {
   
    padding: 5px;
    display: grid;
}
.loading-comment
{
    width: 100%;
    float: left;
    text-align: center;
    font-size: 14px;
    padding: 8px;
    padding-bottom: 15px;
}
.comment-item-box
{
    width: 100%;
    float: left;
    padding: 0px;
    margin: 0px;
}
.comment-item-box var
{
    font-style: italic !important;
}
.show-comment-date
{
    width: 100%;
    float: left;
    position: relative;
    border-bottom: 1px solid #e3e3e3;
    margin: 15px 0;
}
.show-comment-date span
{
    font-style: italic;
    font-size: 13px;
    position: absolute;
    background: #fff;
    left: 50%;
    transform: translateX(-50%);
    top: -10px;
    padding: 0 10px;
}
.chatareawrapper
{
    margin-top: 0px;
}
ran-content.chatbox-wrapper
{
    overflow-y: hidden !important;
}
.chatbox-wrapper .widget-header.text-left.widget-sub-header
{
    position: fixed;
    top: 60px;
    width: 100%;
    float: left;
    background: #f6f6f6;
}
.room-desk.chat-scroll-area {
    float: left;
    width: 100%;
    overflow-y: auto !important;
    /*height: 48vh;*/
    /*height: 100px;*/
    margin: 0px; 
    overflow-x: hidden;
}
.chat-list-group-name
{
    /*height: 350px;*/
    overflow-y: auto;
    float: left;
    width: 100%;
    scrollbar-width: thin;
    /*scrollbar-color:red blue;*/
}
.widget-body.chat-create-group
{
    padding: 10px !important;
    background: #C9D4E1;
}
.widget-body.chat-create-group .add-option-button-chatgroup
{
    font-size: 12px;
    color: #58575B;
    font-weight: bold;
}
.group-member-wrapper
{
    display: inline-flex;
    width: 100%;
}
.chat-available-model-user li
{
   width: auto;
   display: inline-block;
}
ul.chat-available-model-user {
    padding: 9px 8px;
}

ul.chat-available-model-user li {
    margin-bottom: 11px;
}

ul.chat-available-model-user li a {
    color: #666;
    font-size: 13px;
}
ul.chat-available-model-user li i {
    padding-right: 5px;
    font-size: 10px;
}
.table-team-members-chatimage > div
{
    padding: 0px;
}
.table-team-members-chatimage > div img.member-avater
{
   border-radius: 32px;
    /*border-bottom: 5px solid #dfdfdf;*/
    width: 70px;
    height: 70px;
}
.group-member-name
{
    width: 100%;
    display: flex;
}
.group-member-name span
{
    padding: 0px;
}

/*.group-member-name span.bold
{
    padding: 0px;
    font-weight: bold;
}*/

/*.table-team-members-chatemployeeprofile > div img.member-avater
{
   border-radius: 26px;*/
    /*border-bottom: 5px solid #dfdfdf;*/
/*    width: 35px;
    height: 35px;
}*/

.chat-available-model-user .member-avater {

    width: 45px;
    height: 45px;
    border-radius: 50%;

}
ul.chat-available-model-user li
{
    width: 100%;
    float: left;
    padding: 0 0 8px 0;
    list-style: none;
    display: table;
    margin: 0px;
}
ul.chat-available-model-user li span
{
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
}
.chat-header-loading
{
    opacity: 0.6;
    pointer-events: none;
}
/*13.06.2019*/
.chat-member-search 
{
    width: 88%;
    float: left;
    padding: 8px;
    position: relative;
    padding-bottom: 14px;
}
.chat-member-addgroup 
{
    width: 10%;
   float: left;
   position: relative;
   font-size: 20px;
    padding-top: 15px;
    cursor: pointer;
    color: green;
}
.chat-member-search input{
    width: 100% !important; 
    display: inline-block;
    background: #f2f2f2;
    border-radius: 5px;
    height: 34px;
}
.chat-member-search .fa.fa-times-circle.ran-icon {

    position: relative;
    top: -2px;

}
.chat-member-search .fa.fa-search
{
    padding-top: 0;
    position: absolute;
    right: 17px;
    top: 13px;
    font-size: 22px;
    padding-bottom: 5px;
}
/*19.06.2019*/
.chat-profile-image
{
    position: relative;
}
.chat-profile-image > span.chat-loading-img{
    position: absolute;
    background-image: url("../images/loading.gif");
    width: 32px;
    height: 32px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
}
.view-icon-image-wrapper
{
    width: 100%;
    float: left;
    display: inline-flex;
}
/*notification*/
.my-chat-notification ul li.dropdown.open ul
{
    opacity: 1;
    display: block;
    visibility: visible;
    z-index: 999999;
    width: 250px;
    padding: 10px;
}
.my-chat-notification ul li.dropdown.open ul li
{
    padding: 5px 0;
    border-bottom: 1px solid #ddd;
    width: 100%;
    display: inline-block;
}
.my-chat-notification ul li.dropdown.open ul li a
{
    width: 100%;
    display: inline-block;
    text-decoration: none;
    text-align: left;
}
.my-chat-notification ul li.dropdown.open ul li span
{
    border: none;
    text-decoration: none;
}
.my-chat-notification ul li.dropdown.open ul li .inbox .subject .time
{
    right: 15px;
}
#header_inbox_bar
{
    float: left;
    margin-top: 20px;
}

/*25.07.2019*/
.table-team-members-welchatimage > div img.member-avater
{
    border-radius: 66px;
    /*border-bottom: 5px solid #dfdfdf;*/
    width: 79px;
    height: 79px;
    margin-top: 20px;
}
/*30.07.2019*/
.chatloginimg
{
    min-width: 45px;
    max-width: 45px;
    height: 45px;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    display: flex;
    margin-left: 10px;
    border: 1px solid #eee !important;
}
/*05.08.2019*/
.readbyimg
{
    width: 18px;
    height: 18px;
    left: 50%;
    top: 50%;
    border-radius: 50%;
   /*display: flex;*/
}
/*06.08.2019*/
.chatbox-wrapper .widget-header .create-group 
{
    font-size: 24px;
    float: right;
    padding: 0px 20px 0px 15px;
    cursor: pointer;
}
.widget-header .chat-date-time 
{
    float: right;
}
.chatbox-wrapper .widget-header .popup-add_group 
{
    border: 1px solid;
    position: fixed;
    top: 61px;
    right: 30px;
    z-index: 99;
    display: grid;
    width: 170px;
    background: #d9d9d9;
    font-weight: bold;
    color: #000;
    display: block;

border-radius: 10px;
}
.create-group i
{
    position: relative;
    z-index: 99999;
}
.chatbox-wrapper .widget-header .popup-add_group span 
{
    margin-left: 7px;
    cursor: pointer;
}
.chat-dropzone
{
    height: 50px;
    background-color: #f2f4f7;
    border: none;
    left: 1px;
    width: 46px !important;
    margin-right: 3px;
}
.chatfileupload
{
    float: right;
}
.attach-chat-file
{
    display: none !important;
}
.chatfileattachupload
{
    margin-top: 15px;
    margin-bottom: 10px;
    text-align: center;
    cursor: pointer;
    width: 180px;
    height: 80px;
    
}
.chatfileattachupload i 
{
    font-size: 50px;
    padding: 3px;
}
.chatfileupload i 
{
    font-size: 26px;
    padding: 5px;
    position: relative;
    top: -5px;
}
.chat-image-modal .modal-body img 
{
    max-width: 100%;
    float: none;
    display: inline-block;
    height: 100%;
    max-height: 550px;
}
.chat-image-modal .modal-body 
{
    padding: 0 10px 10px 10px;
}
.chat-image-modal .modal-dialog 
{
    width: 100%;
}
.chat-image-modal {
    padding: 0px !important;
}
.chat-image-modal .modal-content
{
    background:transparent;
    box-shadow: unset;
    -webkit-box-shadow: unset;
    border: 0;
}
.chat-image-show 
{
    text-align: center; 
    cursor: pointer; 
    display: inline-grid;
}
.sent-text-under-part .action-button {
    float: unset;
}
.read-chat 
{
    display: grid;
    background: #666;
    width: 200px;
    position: absolute;
    /*top: -75px;*/
    bottom: 3px;
    text-align: left;
    padding: 5px;
    color: #fff;
    border-radius: 8px;
    /*max-width: 50%;*/
}
.read-chat-details.ng-hide
{
    display: block !important;
}
.chat-list-group-name ul, .chat-list-group-name ul li,ul.chat-list li .chatitem div
{
    width: 100%;
    float: left;
    padding: 0px;
    margin: 0px;
}
.group-member-name
{
    position: relative;
}
.group-member-name span
{
    padding: 0 5px;
    position: absolute;
    padding-left: 65px;
    top: 50%;
    transform: translateY(-50%);
}
.group-member-name span.count
{
    right: 38px;
    padding: 0;
    background: #395BA0;
    border-radius: 11px;
    width: 24px;
    text-align: center;
    height: 24px;
    line-height: 24px;
    font-size: 10px;
    color: #fff;
    font-weight: bolder;

}
.group-member-name span.count-red
{
    right: 15px;
    padding: 0;
    background: #FF8080;
    border-radius: 11px;
    width: 24px;
    text-align: center;
    height: 24px;
    line-height: 24px;
    font-size: 10px;
    color: #fff;
    font-weight: bolder;
    padding-left: 2px;

}
.group-member-name span.count-deep
{
    right: -10px;
    padding: 0;
    background: #FA2828;
    border-radius: 11px;
    width: 24px;
    text-align: center;
    height: 24px;
    line-height: 24px;
    font-size: 10px;
    color: #fff;
    font-weight: bolder;
    padding-left: 2px;

}
.has-header.has-footer.chatbox-wrapper.scroll-content.ng-scope.overflow-scroll {
    top: 59px;
}
.remove-member.fa.fa-times.pull-right.ng-scope.ran-icon {
    height: 18px;
    position: relative;
    top: 14px;
}
.chatbox-wrapper .card.widget-box.overflow-visible.padding-bottom-15
{
    padding: 0px !important;
    margin: 0px !important;
}
.chatbox-wrapper .dropzone
{
    width: auto;
}
.welcome-section,.welcome-section .heading,.welcome-section .welcome-name
{
    width: 100%;
    float: left;
    padding: 0px;
    margin: 0px;
    /*changes*/
    display: flex;
    flex-direction: column;
    padding: 10px;
    align-items: center;
    justify-content: center;
}
.welcome-section .heading
{
    color: #6ccaca;
    font-weight: bold;
}
.welcome-section .welcome-name
{
    font-weight: bold;
    font-size: 16px;
    color: #000;
}
.loading-comment.loader
{
    color: #57c0de;
}
.chatbox-wrapper .loader {
   float: none;
   display: inline-block;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 20px;
  top: -25px;
}
.lds-ellipsis div {
  position: absolute;
  top: 27px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #6ccaca;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 6px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 6px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 26px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 45px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(19px, 0);
  }
}
.button_disabled
{
    pointer-events: none;
    opacity: 0.6;
}
.room-box.comment-item-box p
{
    margin: 0px !important;
    padding: 3px;
}
div.myDropzoneArea
{
    /* positions to point 0,0 - required for z-index */
    position: absolute; top: 0px; left: auto;  right: 0;
    /* above all elements, even if z-index is used elsewhere
       it can be lowered as needed, but this value surpasses
       all elements when used on YouTube for example. */
    z-index: 9999999999;               
    /* takes up 100% of page */     
    /* dim the page with 50% black background when visible */
    background-color: rgba(0,0,0,0.5);
    /* a nice fade effect, visibility toggles after 175ms, opacity will animate for 175ms. note display:none cannot be animated.  */
    transition: visibility 175ms, opacity 175ms;
    background: #fff;
    opacity: 0.6;
    width: 75% !important;
    height: 500px;
}
div.myDropzoneArea h4
{
    line-height: 500px;
    color: #000;
    width: 100%;
    text-align: center;
    float: left;
}
.chatbox-wrapper button[disabled]
{
    opacity: 0.6;
}
/*.chat-room .left-side
{
    width: 100%;
    float: left;
}
.chat-list-group-name
{
    height: 230px;
}*/
.chat-image-modal .modal-body 
{

    padding: 0 10px 10px 10px;
    width: 100%;
    text-align: center;
    float: left;
}
.chat-image-modal .modal-body img {

    max-width: 100%;
    float: none;
    display: inline-block;
    height: 100%;
    max-height: 550px;

}
.create-chat-groups
{
    width: 100%;
    position: relative;
}
.disable-permission-checklist
{
    opacity: 0.6;
    pointer-events: none;
    cursor: none;
}
.chatbox-item-fileitem{
    margin-bottom: 10px;
    background: #faf2dd;
}
.chatbox-header-button
{
   float: right;
    width: auto;
    display: flex;
    flex: 1;
    flex-direction: row-reverse;

}
.chatbox-header-button button
{
    width: 35px;
    height: 35px;
}
.modal-dialog.chat-file-show
{
    height: 100%;
    margin:0 auto;
}
@media(max-width: 767px){
    
    .chat-room .left-side
    {
        width: 100%;
        float: left;
    }
    .chat-room
    {
        display: block;
    }
    .chat-list-group-name,.chat-scroll-area
    {
        /*height: 200px !important;*/
    }
    .chat-scroll-area
    {
        margin-top: 10px;
    }
    ran-content.chatbox-wrapper
    {
        overflow-y: auto !important;
    }
    .chat-room .mid-side {
        background: #fff;
        border-right: 1px solid #e5e8ef;
        margin-top: 26px;
        float: left;
        width: 100%;
        /*changes*/
        margin-top:0px;
        position:fixed;
    }
    .chat_dot{
        display: flex;
        float: right;
        align-items: center;
        justify-content: center;
        flex-direction: row-reverse;
        padding: 0px 10px;
    }
    .chatbox-header-button{
    /* float: right; */
    /* width: auto; */
    display: flex;
    /* flex: 1; */
    flex-direction: row-reverse;
    width: 100%;
    align-items: center;
    justify-content: center;
    }
}

/********inventory management starts************/
@media(min-width: 767px){
    .inline_radio_margin{
        top: 20px;
        width: 185px;
    }
}
/********inventory management ends************/



.vehicle-entry-table tr:first-child {
  background: yellow;
} 

.options {
    padding: 20px;
    margin-top: 20px;
    background-color: rgba(255, 255, 255)
}

.caption {
    font-size: 18px;
    font-weight: 500;
}

.option {
    width: 24%;
    display: inline-block;
    margin-top: 10px;
}
.button-whatsapp
{
    background: #00e676;
    color: #ffffff;
}

/*==================== add shop page ===================*/
@media(max-width: 767px){

    .widget-header, .widget-toolbar {
        margin-bottom: 0px;
    }
    .widget-toolbar {
        position: absolute;
        right: 15px;
        top: 0;
        line-height: 40px;
    }
    .widget-header {
        position: relative;

    }
    .text-field--is-active:not(.text-field--fixed-label) .text-field__label {
        -webkit-transform: scale(1) translateY(5px);
        transform: scale(1) translateY(5px);
    }
    .text-field__clear {
        display: flex;
        line-height: 1;
        position: absolute;
        bottom: 5px;
        top: 10px;
        margin: auto 0;
        align-items: center;
    }

    .col-content ran-text-field .text-field {
        margin-top: 5px !important;
        margin-bottom: 0px;
    }
    .text-field {
        padding-bottom: 5px !important;
        margin-top: 5px !important;
    }
    input.text-field__input {
        box-sizing: border-box !important;
    }
    .section-addmore-small .text-field-phone, .section-addmore-small .text-field-email {
        margin: 0px!important;
        width: auto;
    }
    .icon-animated-vertical{
        font-size:22px;
    }
    .table-search {
        width: 100%;
        margin-top: 5px;
        display: flex;
        align-items: center;
    }
    .advance-search-button {
        margin-bottom: 0px;
        margin-top: 0px;
    }
    .widget-title {
        margin-bottom: 10px!important;
    }
    .options {
        padding: 20px;
        margin-top: 20px;
        background-color: rgba(255, 255, 255);
        margin-bottom: 5px;
    }
    .option {
        width: 46%;
        display: inline-block;
        margin-top: 10px;
    }
    .rnj-header{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .rnj-date {
        display: flex;
        align-items: center;
        padding-left: 5px;
    }
    .font-size-12 {
        font-size: 12px !important;
        margin-top: 0px;
        position: relative;
        bottom: 0;
        right: 0;
        width: 30%;
    }
    .barcode-form .font-size-12 {
        font-size: 12px !important;
        margin-top: 5px;
        position: relative;
        bottom: 0px;
        right: 0px;
        width: auto;
    }
    .w-100{
        width: 100%;
    }
    /*-----listing page ------*/
    .total-records-filters {
        display: flex;
        align-items: center;
        gap:5px;
    }
    .total-records-filters .chosen-container {
        margin-bottom: 0px;
    }
    .rnj-header-search {
        display: flex;
        align-items: center;
        gap: 5px;
    }
    .rnj-p-0{
        padding:0px !important;
    }
    .rnj-py-10{
        padding: 10px 0px !important; 
    }
    .rnj-expence{
        display: flex;
        align-items: center;
        margin-bottom: 10px;
    }
    .rnj-expence .table-search {
        margin-top: 20px;
    }
    .rnj-expence-date{
        float: left !important;
    }
    .mr-5{
        margin-right: 5px;
    }
        
}
.rnj-header-search {
    display: flex;
    align-items: center;
    gap: 5px;
}
.rnj-expand{
    background-color: #efefef;
}
.rnj-expand-background{
    padding:5px 0px;
    display: flex;
}
.rnj-expand-background strong{
    width: 40%;
}

@media screen and (max-width: 767px){
    .rnj-action {
        width: 22px !important;
        height: 22px !important;
        line-height: 22px !important;
        margin: 1px !important;
        margin-right: 5px !important;
    }
}

/****added by sourov 21-102021****/
.text-field--is-active:not(.text-field--fixed-label) .text-field__label {
    color: #000 !important; 
}

input.text-field__input {
    color: #000 !important; 
}

.chosen-container-single .chosen-default, .chosen-container-single .chosen-single span, .chosen-container .chosen-results li, .chosen-container-single .chosen-search input[type="text"], .chosen-container-multi .chosen-choices li.search-field input.default[type="text"] {
    color: #000;
}
.chosen-container .chosen-container-single{
	width : 150px!important;
}

/*********************************/