body {
    min-height: 100vh;
}

body {
    font-weight: 400;
    padding-top: 20px;
    padding-bottom: 110px;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: relative;
}

body
{
    /*background-color: #edecec;*/
    background-color:#fff;
    color: #5e5e5e;
    font-family:'Roboto', sans-serif;
    font-size: 13px;

}



input[type="checkbox"], input[type="radio"] {
    line-height: normal;
    margin: 2px 0 0;
}

.form-control{
    padding: 6px 0;
    font-size:18px;
    color:#666 ;
}

.chosen-container::after {
    height: 0px;
}

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

.menu-title
{
    font-size:1em;
}


.selectpager-buttons button{
    margin:0px 10px;   
}


.grid .dropdown-menu{
    color: #5e5e5e;
    text-transform: uppercase;
    font-size: 13px;
}

.pager-totalcount{
    font-size:29px;font-weight:400;
}

.exports .chosen-container{
    margin-right: 10px !important;
    width: 95px !important;
}

.pagerResultperPage .chosen-container{
    width: 80px !important;
    margin-left: 10px !important;
    margin-right: 10px;
}


.tab-panel-container, .tab-content{
    background-color: #fff !important;
}

.card-container{
    background-color: #fff;
}

.logoue{
    height:60px;
}

.logoig{
    height:60px;
}

.copyright {
    border-left: 1px solid #aaa;
    background: inherit;

    padding-top: 16px;
    text-decoration: none;
    color: #4c4c4c;
}

.social a{
    color: #aaa;
}

.social a:hover {
    color: #4c4c4c;
}

.copyright li{
    display: inline-block;
    margin: 5px;
    font-size: 35px;

}

.panel
{
    background-color: #fff;
    padding:30px;

}

#help-content .item
{

    background-color:"green";
}


#header
{
    background-color: #4285f4;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);

}
.navbar-default {
    border:0px;
    border-color:transparent;
}

#header a
{
    /*   color:#fff;*/
}

#header i, #header span
{
    color:#fff;
}

#header  ul i, #header ul span
{
    color:#000;
}


.tm-shadow-1dp
{
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.14);
}

* {
    margin: 0;
    padding: 0;

}

main
{
    display:block;
}


@media screen and (max-width: 1199px) {
    
    
    body{
        padding-bottom: 105px !important;
    }
}

@media screen and (min-width: 1200px) {
    .sidebar-mini .content
    {
        padding:0px 0px 10px 230px;
    }
    
    body{
        padding-bottom: 30px !important;
    }
}

@media screen and (min-width: 1366px) {




    .main-sidebar, .left-side {
        transform: translate(0px, 0px) ;
    }

    .desktop-disabled
    {
        display: none;

    }

    /*    .sidebar-mini .content
        {
            padding:0px 0px 10px 230px;
        }*/
}
.sidebar-mini footer
{
    padding:5px 0px 20px 230px;
}


.sidebar-mini .container 
{
    width: calc(100% - 30px);
}


.sidebar-mini.sidebar-collapse .content, .sidebar-mini.sidebar-collapse footer 
{
    padding: 0px 0px 20px 55px;

}


/*
        .sidebar-collapse .content
        {

            margin-left:50px;

        }
*/

a
{
    outline: none;
    border: none;

}

/*hidding off bottom border on tab*/
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus 
{
    background-color: #e7e7e7 !important;
    cursor: default !important;
}




.over {
    transform: rotate( -180deg );            
    transition: transform 150ms ease;
}

.out {
    transform: rotate( -360deg );            
    transition: transform 150ms ease;
}




.skin-blue .wrapper,
.skin-blue .main-sidebar,
.skin-blue .left-side {
    background-color: #fff;
}
.skin-blue .user-panel > .info,
.skin-blue .user-panel > .info > a {
    color: #4c4c4c;
}
.skin-blue .sidebar-menu > li.header {
    color: #4c4c4c;
    background: #fff;
}
/*
.skin-blue .sidebar-menu > li > a {
    border-left: 3px solid transparent;
}*/
.skin-blue .sidebar-menu > li:hover > a,
.skin-blue .sidebar-menu > li.active > a {

    background: #f4f4f4;
    border-left-color: #fff;

}

.sidebar-menu a
{
    text-decoration: none;
    border: none;
    outline: none;

}

.treeview-menu  {

    color:#262626;
    background:#fff;

}

.treeview-menu  ul{

    color:#8aa4af;
}

.skin-blue .sidebar a {
    color: #4c4c4c;
}
.skin-blue .sidebar a:hover {
    text-decoration: none;
    color: #262626;
}
.skin-blue .treeview-menu > li > a {
    color: #7f7f7f;
}
.skin-blue .treeview-menu > li.active > a,
.skin-blue .treeview-menu > li > a:hover {
    color: #000;
}

.sidebar-arrow,.treeview .zmdi
{
    color:#2196f3

}



.footer
{

    color: #aaa;
    display: block;
    /* width: 100%;*/
    position:absolute;
    bottom:0px;
}

#main-container
{
    padding-bottom:100px;

}

.main-block-header{
    /*    overflow: auto;*/
    /*  min-height: 50px;*/
}

.control-label-reset{
    text-align: left !important;
}

.trans{
    -webkit-transition: -webkit-transform 0.3s ease-in-out, width 0.3s ease-in-out;
    -moz-transition: -moz-transform 0.3s ease-in-out, width 0.3s ease-in-out;
    -o-transition: -o-transform 0.3s ease-in-out, width 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
}

@media (max-width: 767px) {

	.build-status-img {
		display: none;
		width: 223px;
	}
	
    body
    {
        padding-top:147px;

    }

    .copyright {
        border: none;
    }

    .sidebar-mini .content
    {
        padding:0px 0px 10px 0px;
    }

    .sidebar-mini footer
    {
        padding:5px 0px 10px 0px;
    }


    .input-group{
        display:block;


    }

    td:not(:nth-child(-n+2)):not(:last-child),th:not(:nth-child(-n+2)):not(:last-child)
    {
        display:none !important;

    }

    .sidebar-mini.sidebar-collapse .content, .sidebar-mini.sidebar-collapse .footer  
    {
        padding:30px 0px 30px 0px;
    }


    .sidebar-collapse .footer, .footer
    {
        margin-left:0px;
        /* position: static;*/

    }


    .sidebar-mini .container 
    {
        width: calc(100% - 10px);
    }


    .list-add-button, .list-add-assoc-button {
        display: none;
    }


    .list-add-mobile-btn{
        display: block !important;
    }



}


/* FORM VALIDATION */
.has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
    color: #5e5e5e;
}

.has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
    color: #5e5e5e;
}




/* ICON CCO */

@font-face {
    font-family: 'icomoon';
    src:url('/fonts/icomoon.eot?n91jrr');
    src:url('/fonts/icomoon.eot?#iefixn91jrr') format('embedded-opentype'),
        url('/fonts/icomoon.ttf?n91jrr') format('truetype'),
        url('/fonts/icomoon.woff?n91jrr') format('woff'),
        url('/fonts/icomoon.svg?n91jrr#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}


[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;


    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-cco-logo:before {
    content: "\e600";
}
.icon-cco-headset:before {
    content: "\e601";
}


.content
{
    min-height: 100%;
    height: auto !important; /* This line and the next line are not necessary unless you need IE6 support */
    height: 100%;
    /*    margin: 0 auto -155px; */ /* the bottom margin is the negative value of the footer's height */
    min-height:100%;
    /* position: relative; utrudnia ustawianei przycisków absolutnych */

}


footer, .push {
    /*height: 100px;*/ /* .push must be the same height as .footer */
    height: 150px;
}


.skin-blue
{
    padding-bottom: 60px;
}

.front-logo
{
    display:block;
    background-image:url("../img/logo.png");
    width:400px;
    height: 99px;
    margin:0px auto;

}


.fos_user_registration_register .progress
{
    height: 5px;
    border-radius:0px;
}

.btn-social
{
    margin-bottom:20px;

}

.circumflex-line::before {
    background-color: #fff;
    content: "";
    height: 10px;
    left: 50%;
    margin: -5px 0 0 -20px;
    position: absolute;
    top: 50%;
    width: 40px;
    z-index: -1;
}

.circumflex-line::after {
    border-bottom: 1px solid #dfe0e6;
    content: "";
    display: block;
    position: absolute;
    top: 49%;
    width: 100%;
    z-index: -2;
}

.circumflex-line {
    display: block;
    margin-bottom: 1em;

    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;
}

@font-face {
    font-family: 'icomoon';
    src:url('../fonts/icomoon.eot?n91jrr');
    src:url('../fonts/icomoon.eot?#iefixn91jrr') format('embedded-opentype'),
        url('../fonts/icomoon.ttf?n91jrr') format('truetype'),
        url('../fonts/icomoon.woff?n91jrr') format('woff'),
        url('../fonts/icomoon.svg?n91jrr#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}


[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-cco-logo:before {
    content: "\e600";
}
.icon-cco-headset:before {
    content: "\e601";
}

.btn-cco {
    display:block; 
    border-color: rgba(0, 0, 0, 0.2);
    color: dark grey;
    margin:0px auto;
}

.btn-cco-register{
    min-width:170px;  
    width: auto;
}

.btn-cco-login{    
    min-width:170px; 
    width: auto;
}

.cco-center-block{
    width:400px; 
    margin:0px auto;
}

.cco-center-hello-block
{
    max-width:650px; 
    margin:0px auto;
}

.cco-center-hello-block .h1, .cco-center-hello-block h1 {
    color: #000;
}

.cco-center-hello-block .col-sm-1 {
    width:100%;
}
.cco-center-hello-block .col-sm-11 {
    width:100%;
}



.cco-center-hello-block p
{
    font-size: 21px;
    font-weight: 200;
    margin-bottom: 15px;
}





.control-group input[type=radio] + .help-block {
    display: none;
}

label input[type=checkbox] + .help-block {
    display: none;
}


.chosen-container {
    font-size: 14px;
}

.chosen-container span{
    color: #000 !important;
    margin-top: 5px;
}

.nav > li > a:focus, .nav > li > a:hover {
    background-color: #fff !important;;
}

.chosen-container::after{
    background-color: none;
}


.required::after {
    /*    content: " *";*/
}

.fos_user_registration_register .required::after, .fos_user_login .required::after, .wizard .required::after {
    content: "";
}


.template-upload,.template-download{
    display: table-row;

}

.template-upload .preview{
    display:table-cell; 
    padding-right:5px;

}

.template-upload .preview i {
    font-size: 28px; 
    margin-left: 5px;
    margin-top: 1px;
    border-spacing:15px;

}


.template-upload .name{
    display:table-cell; 
    height: 30px; 
    overflow: hidden;
    max-width:160px;
    min-width:160px;
    padding-right:5px;
    text-overflow:ellipsis;  
    white-space: nowrap;
}





.template-upload .size {
    display:table-cell; 
    height: 30px;
    padding-right:5px;

}

.template-upload .progress{
    /* display:table-cell;*/
    height: 5px;

    padding-right:5px;
    margin-top: 16px;
}

.files{
    display: table !important;
}

.actions > li > a.delete::before, .actions > a.delete::before, .actions > li > a.cancel::before, .actions > a.cancel::before {
    background-color: rgba(255, 0, 0, 0.7);
}

.actions{
    vertical-align:middle !important;
    text-align:right;


}

.progress {
    margin-top: 13px;
}

.input-group .form-control {
    float: left;
    margin-bottom: 0;
    position: relative;
    width: 100%;
    z-index:inherit;
}


.input-group .form-control {
    float: left;
    margin-bottom: 0;
    position: relative;
    width: 100%;
    z-index:inherit;
}


.disabled > a {
    background-color: #e7e7e7;
    cursor: pointer;
}

.disabled > a:hover {
    background-color: #e7e7e7;

}


/* SPARK CHARTS */
.spark-chart-block{
    width: 113px;
    text-align: center;
}

.spark-chart-panel-block{
    height:95px;
    text-align: center;
    display: block !important;
}

.spark-chart-panel-block .percent{
    margin-top: 33px !important;
}

.morris-hover.morris-default-style {
    background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
    border: none;
    border-radius: 0px;
    color: #666;
    font-family: sans-serif;
    font-size: 12px;
    padding: 6px;
    text-align: center;
}


.foot-menu{
    height:60px;
}


.checkobox label{
    font-weight: normal;
}

.checkobox label input{
    padding-bottom:10px;
}



.user-profile .img-circle{
    height: 36px;
    width: 36px;
    display: inline-block;
    background-color: rgba(255,255,255,0.3);
}

.navbar-user .dropdown-menu{
    min-width: 100%;
}

.user-profile-thumbnail{
    height:36px;    
}

.user-messages{ 
    padding-bottom: 7px !important;
    padding-top: 9px !important;
}

.navbar-nav > li > a {
    font-size: 14px;
    padding-bottom: 16px;
    padding-top: 15px;
    padding-left: 9px;
    padding-right: 9px;
}



.navbar-nav .badge {
    border-radius: 5px;

}

.navbar-brand {
    font-size: 27px;
    padding: 13px 14px;
}

.navbar-nav .tmn-counts {
    color: #FFF;
    font-style: normal;
    background: #f44336;
    border-radius: 2px;
    font-size: 10px;
    font-style: normal;
    padding: 2px 3px;
    position: absolute;
    right: 3px;
    top: 8px;
    -webkit-animation-name: wobble;
    animation-name: wobble;
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

tmn-campaigns-counts{
    right: 8px;
    top: 8px;
}

.navbar-nav .tmn-counts {
    animation-duration: 500ms;
    animation-fill-mode: both;
    animation-name: wobble;
    background: #f44336 none repeat scroll 0 0;
    border-radius: 2px;
    color: #fff;

}

.fa-1-5x {
    font-size: 1.5em;
}

.badge-baloon{
    background-color: #8bc34a;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    min-width: 10px;
    padding: 3px 7px;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
}




.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background-color: rgba(0, 0, 0, 0.12) !important;
    color: #fff !important;
}

.user-messages fa {
    font-size: 16px;
}

.header .pagination a,
.header .pagination span{
    font-size: 12px;
    height: 25px;
    line-height: 23px;
    width: 25px;
}



#header .pagination .active a,
#header .pagination .active span{
    color: #fff !important;
}

.header .pagination a .zmdi, 
.header .pagination span .zmdi {
    font-size: 12px;
    line-height: 19px;
}

#header .pagination {
    margin: 0;

}

#wallmessage-menu-container{
    min-width: 450px
}


.user-campaign-menu .zmdi-coffee{
    font-size: 17px;
}

#menu-campaigns{
    min-width: 350px;
}

#menu-campaigns .lv-item .actions{
    padding-left: 0px; 
    margin-right:-12px
}



#campaign-menu-container .lv-img-sm{
    width:35px;
    height:35px;
    display:inline-flex; 
    background-color:rgba(0,0,0,0.2)
}

.user-horizontalist-table .actions li {
    display: inline-block;
}

.user-horizontalist-img-container{
    width:85px;
}
.user-horizontalist-table .user-horizontalist-img{
    width:35px;
    height:35px;
    display:inline-flex; 
    border-radius:50%;
    background-color:rgba(0,0,0,0.2)
}

.user-horizontalist-table .actions{
    width:30px;
}

.user-horizontalist-table .zmdi-refresh.active{

    color: #fff;
    line-height: 0;
}

.user-horizontalist-table .zmdi-refresh.inactive{

    color: #fff;
    line-height: 0;
}

.user-horizontalist-table .campaign-activity-icon{

    border-radius: 50%;
    display: inline-block;
    height: 20px;
    line-height: 1;
    padding: 4px 6px;
    text-align: center;
    width: 20px;
}

.horizontalist-table .actions li {
    display: inline-block;
}

.horizontalist-img-container{
    width:85px;
}
.horizontalist-table .horizontalist-img{
    width:35px;
    height:35px;
    display:inline-flex; 
    border-radius:50%;
    background-color:rgba(0,0,0,0.2)
}

.horizontalist-table .actions{
    width:30px;
}

.horizontalist-table .zmdi-refresh.active{

    color: #fff;
    line-height: 0;
}

.horizontalist-table .zmdi-refresh.inactive{

    color: #fff;
    line-height: 0;
}

.horizontalist-table .activity-icon{

    border-radius: 50%;
    display: inline-block;
    height: 20px;
    line-height: 1;
    padding: 4px 6px;
    text-align: center;
    width: 20px;
}


.campaign-horizontalist-table .actions li {
    display: inline-block;
}

.campaign-horizontalist-img-container{
    width:85px;
}
.campaign-horizontalist-table .campaign-horizontalist-img{
    width:35px;
    height:35px;
    display:inline-flex; 
    border-radius:50%;
    background-color:rgba(0,0,0,0.2)
}

.campaign-horizontalist-table .actions{
    width:100px;
}

.campaign-horizontalist-table .zmdi-refresh.active{

    color: #fff;
    line-height: 0;
}

.campaign-horizontalist-table .zmdi-refresh.inactive{

    color: #fff;
    line-height: 0;
}

.campaign-horizontalist-table .campaign-activity-icon{

    border-radius: 50%;
    display: inline-block;
    height: 20px;
    line-height: 1;
    padding: 4px 6px;
    text-align: center;
    width: 20px;
}


.campaign-horizontalist-table .switch {
    vertical-align: middle;
}

.campaign-horizontalist-table .actions li {
    vertical-align: middle;
}





.jobmarketad-horizontalist-table .actions{
    width:30px;
}




.bgm-lightgray{
    background-color: rgba(0,0,0,0.12) !important;
}

.mini-icon{
    width:35px;
    height:35px;
    display:inline-block; 
    border-radius:50%;
    background-color:rgba(0,0,0,0.2)
}

.user-monitoring .card .card-header h2 small {
    margin-top: 2px;
}

.monitoring-icon-panel .zmdi{
    font-size: 60px;
}

.monitoring-icon-panel{
    text-align: center;
}

.monitoring-detail-panel{
    text-align: center;
} 

.sidebar-mini  .content
{
    /*padding: 0 0;*/

}


.reset-element {
    animation : none;
    animation-delay : 0;
    animation-direction : normal;
    animation-duration : 0;
    animation-fill-mode : none;
    animation-iteration-count : 1;
    animation-name : none;
    animation-play-state : running;
    animation-timing-function : ease;
    backface-visibility : visible;
    background : 0;
    background-attachment : scroll;
    background-clip : border-box;
    background-color : transparent;
    background-image : none;
    background-origin : padding-box;
    background-position : 0 0;
    background-position-x : 0;
    background-position-y : 0;
    background-repeat : repeat;
    background-size : auto auto;
    border : 0;
    border-style : none;
    border-width : medium;
    border-color : inherit;
    border-bottom : 0;
    border-bottom-color : inherit;
    border-bottom-left-radius : 0;
    border-bottom-right-radius : 0;
    border-bottom-style : none;
    border-bottom-width : medium;
    border-collapse : separate;
    border-image : none;
    border-left : 0;
    border-left-color : inherit;
    border-left-style : none;
    border-left-width : medium;
    border-radius : 0;
    border-right : 0;
    border-right-color : inherit;
    border-right-style : none;
    border-right-width : medium;
    border-spacing : 0;
    border-top : 0;
    border-top-color : inherit;
    border-top-left-radius : 0;
    border-top-right-radius : 0;
    border-top-style : none;
    border-top-width : medium;
    bottom : auto;
    box-shadow : none;
    box-sizing : content-box;
    caption-side : top;
    clear : none;
    clip : auto;
    color : inherit;
    columns : auto;
    column-count : auto;
    column-fill : balance;
    column-gap : normal;
    column-rule : medium none currentColor;
    column-rule-color : currentColor;
    column-rule-style : none;
    column-rule-width : none;
    column-span : 1;
    column-width : auto;
    content : normal;
    counter-increment : none;
    counter-reset : none;
    cursor : auto;
    direction : ltr;
    display : inline;
    empty-cells : show;
    float : none;
    font : normal;
    font-family : inherit;
    font-size : medium;
    font-style : normal;
    font-variant : normal;
    font-weight : normal;
    height : auto;
    hyphens : none;
    left : auto;
    letter-spacing : normal;
    line-height : normal;
    list-style : none;
    list-style-image : none;
    list-style-position : outside;
    list-style-type : disc;
    margin : 0;
    margin-bottom : 0;
    margin-left : 0;
    margin-right : 0;
    margin-top : 0;
    max-height : none;
    max-width : none;
    min-height : 0;
    min-width : 0;
    opacity : 1;
    orphans : 0;
    outline : 0;
    outline-color : invert;
    outline-style : none;
    outline-width : medium;
    overflow : visible;
    overflow-x : visible;
    overflow-y : visible;
    padding : 0;
    padding-bottom : 0;
    padding-left : 0;
    padding-right : 0;
    padding-top : 0;
    page-break-after : auto;
    page-break-before : auto;
    page-break-inside : auto;
    perspective : none;
    perspective-origin : 50% 50%;
    position : static;
    /* May need to alter quotes for different locales (e.g fr) */
    quotes : '\201C' '\201D' '\2018' '\2019';
    right : auto;
    tab-size : 8;
    table-layout : auto;
    text-align : inherit;
    text-align-last : auto;
    text-decoration : none;
    text-decoration-color : inherit;
    text-decoration-line : none;
    text-decoration-style : solid;
    text-indent : 0;
    text-shadow : none;
    text-transform : none;
    top : auto;
    transform : none;
    transform-style : flat;
    transition : none;
    transition-delay : 0s;
    transition-duration : 0s;
    transition-property : none;
    transition-timing-function : ease;
    unicode-bidi : normal;
    vertical-align : baseline;
    visibility : visible;
    white-space : normal;
    widows : 0;
    width : auto;
    word-spacing : normal;
    z-index : auto;
}


.wizard .content
{
    padding: 0 0;
    padding: 0 0 


}

.pmo-pic img{

}

.callcentersettings-panel .pmo-pic img{
    width: 260px;
    height: 200px;
}

.t-a-r{
    text-align: right !important;
}

.align-right{
    text-align: right !important;
}

.t-a-l{
    text-align: left !important;
}


.horizontalist-icon{
    font-size: 17px;
    float:left !important; 
    width: 35px;
    height: 35px;
    line-height: 2;
}

.jobmarketad-list.horizontalist-icon {
    float: left !important;
    font-size: 24px;
    height: 50px;
    line-height: 2;
    width: 50px;
}

.filterlist-input-group-addon {
    background-color: transparent;
    border-radius: 0 !important;
    border: 0px;
    color: #000;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4827;
    height: 35px;
    padding: 6px 12px !important;
    text-align: center;

}

.filterlist-search-input{

    background-color: transparent;
    border-radius: 0 !important;
    border: 0px;
    color: #000;
    display: inline-block;
    font-size: 15px;
    height: 33px; /* was 35px, becouse aucomplete scirpt*/
    line-height: 1;
    margin-left: 0;
    width: 200px;
    padding: 6px 12px !important;
}

.filterlist-search-group {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    display: inline-block;
    height: 36px;
    /*    margin-right: 10px;
        margin-top: 20px !important;*/
}

.filterlist-search-group.btn-group{
    box-shadow: none !important;
}

.filterlist-search-group.btn-group button{
    border-radius: 0;
    height: 34px;
}

#finance-menu-container .media-body{
    text-align: center;
}

.profile-label-register-terms{
    margin-left: 0px !important;
}

/*
.trophy[data-trophy="trophy-1"]:before {
    content: "\f1c7";
    background: #009688;
}

.t-view[data-tv-type="trophy-1"]:before {
    content: "\f1c7";
    background: #009688;
    box-shadow: 0 0 0 1px #4caf50;
}

.t-view[data-tv-type="trophy-1"]:after {
    background: #009688;
}

.t-view[data-tv-type="trophy-1"] .tv-header.media,
.card-header[data-trophy-type="trophy-1"]
{
    background: #009688;
    color: #fff;
}



.t-view[data-tv-type="trophy-2"]:before {
    content: "\f202";
    background: #00bcd4;
    box-shadow: 0 0 0 1px #00bcd4;
}
.t-view[data-tv-type="trophy-2"]:after {
    background: #00bcd4;
}

.t-view[data-tv-type="trophy-2"] .tv-header.media,
.card-header[data-trophy-type="trophy-2"]
{
    background: #00bcd4;
    color: #fff;
}



.t-view[data-tv-type="trophy-3"]:before {
    content: "\f13b";
    background: #ff9800;
    box-shadow: 0 0 0 1px #ff9800;
}
.t-view[data-tv-type="trophy-3"]:after {
    background: #ff9800;
}

.t-view[data-tv-type="trophy-3"] .tv-header.media,
.card-header[data-trophy-type="trophy-3"]{
    background: #ff9800;
    color: #fff;
}

.t-view[data-tv-type="trophy-4"]:before {
    content: "\f2b6";
    background: #3F51B5;
    box-shadow: 0 0 0 1px #3F51B5;
}
.t-view[data-tv-type="trophy-4"]:after {
    background: #3F51B5;
}

.t-view[data-tv-type="trophy-4"] .tv-header.media,
.card-header[data-trophy-type="trophy-4"]
{
    background: #3F51B5;
    color: #fff;
}

.t-view[data-tv-type="trophy-5"]:before {
    content: "\f27d";
    background: #4caf50;
    box-shadow: 0 0 0 1px #4caf50;
}
.t-view[data-tv-type="trophy-5"]:after {
    background: #4caf50;
}

.media-trophy{
    display:inline  !important;
}


trophy-detail-panel{
    max-height: 170px; 
    min-height: 170px; 
    overflow-x: auto
}


.trophy-icon-panel .zmdi{
    font-size: 60px;
}

.trophy-icon-panel{
    text-align: center;
}


.user-skills .panel, .user-all-trophies .panel{
    padding: 0px;
}

.user-skills .panel-title a,.user-all-trophies .panel-title a{
    text-transform: uppercase;
}



#user-userSkills-pane .card, 
#user-gamerTrophies-pane .card, 
#callcenter-documents-pane .card,
#callcenter-clients-pane .card {
    box-shadow: none !important;
}

.user-skills .panel-group:not([data-collapse-color]) .panel-collapse .panel-heading.active .panel-title > a::after,
.user-all-trophies .panel-group:not([data-collapse-color]) .panel-collapse .panel-heading.active .panel-title > a::after {
    background: #eeeeee none repeat scroll 0 0 !important;
}



.user-my-trophies .timeline {
    padding: 5px 50px 50px 100px !important;
}

.user-all-trophies .timeline {
    padding: 5px 50px 50px 60px !important;
}

.user-all-trophies .media-body h2 {
    font-size: 14px !important;
}
*/

#user-profile-image{
    /*line-height: 250px;
    min-height: 250px;*/
    text-align: center;
    vertical-align: baseline;
}

#user-profile-image .error{
    background: darkred none repeat scroll 0 0;
    opacity: 0.8;
    height: 40px;
    left: 0;
    color: #fff;
    padding: 20px;
    position: absolute;
    top: 0;
    width: 100%;
    line-height: 0;
}

#user-profile-image .error:empty{
    opacity: 0 ;
}

#user-profile-image canvas{
    vertical-align: middle !important;
}


#user-profile-image .template-upload{
    display: block  !important;
    text-align: center;
}

.template-upload .preview {
    display: block;
    padding-right: 0px;
    font-size: 0px;
}


.user-profile-upload{
    background: rgba(0, 0, 0, 0.38) none repeat scroll 0 0;
    color: #fff;
    left: 0;
    padding: 10px;
    position: absolute;
    text-align: center;
    top: 0;

}

.user-profile-upload .files{
    position: relative;
    overflow: hidden;
    margin: 0px;
}

.user-profile-upload #user_file {
    cursor: pointer;
    font-size: 20px;
    left: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: -29px;
    width: 260px;
}
#user-profile-image .img-responsive {

    display: inline-block !important;
    height: auto !important;
    max-width: 100% !important;
}


#profile-main .pmo-pic .pmop-edit {
    opacity: 0 !important;
    width: 100%;
}

#profile-main .pmo-pic .pmop-edit:hover {
    opacity: 1 !important;
    width: 100%;
}

#callcenter-settings-image{
    /*line-height: 250px;
     min-height: 250px;*/
    text-align: center;
    vertical-align: baseline;
}

#callcenter-settings-image .error{
    background: darkred none repeat scroll 0 0;
    opacity: 0.8;
    height: 40px;
    left: 0;
    color: #fff;
    padding: 20px;
    position: absolute;
    top: 0;
    width: 100%;
    line-height: 0;
}

#callcenter-settings-image .error:empty{
    opacity: 0 ;
}

#callcenter-settings-image canvas, #callcenter-settings-image img{
    vertical-align: middle !important;
}


#callcenter-settings-image .template-upload{
    display: block  !important;
    text-align: center;
}

.callcenter-settings-upload{
    background: rgba(0, 0, 0, 0.38) none repeat scroll 0 0;
    color: #fff;
    left: 0;
    padding: 10px;
    position: absolute;
    text-align: center;
    top: 0;

}

.callcenter-settings-upload .files{
    position: relative;
    overflow: hidden;
    margin: 0px;
}

.callcenter-settings-upload #callcenter_file {
    cursor: pointer;
    font-size: 20px;
    left: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: -29px;
    width: 260px;
}
#callcenter-settings-image .img-responsive {

    display: inline-block !important;
    height: auto !important;
    max-width: 100% !important;
}

.profile-menu > a .profile-info {
    background: rgba(0, 0, 0, 0.37) none repeat scroll 0 0 !important;
    color: #fff !important;
    margin-top: 96px !important;
    padding: 7px 14px !important;
    position: absolute !important;
    width: 100% !important;
}

/*.iconpicker-container .input-group-addon {
    border-radius: 0;
    padding-right: 12px !important;
}*/

.colorpicker-container{
    display: block  !important;
}
.iconpicker-input, .colorpicker-container input{
    cursor: pointer;
    color: #fff !important;
}

.popover-title {
    display: none;
}

.iconpicker .iconpicker-item {
    border-radius: 50%;
    font-size: 21px;
    width: 21px;
    height: 21px;
}

.campaign-icon{
    border-radius: 50%; 
    padding: 10px; 
    width: 50px; 
    height: 50px;
    text-align:center
}
.list-icon{
    display: inline-block;
    height: 40px;
    line-height: 47px;
    text-align: center;
    width: 40px;
}

.cp-value{
    border-radius: 50%;
    height: 25px !important;
    position: absolute;
    display: inline-block;
    border: 1px solid lightgrey;
    right: 0px;
    top: 0;
    width: 25px !important;
}

.contact-us
{
    margin-bottom:0px;
    color:#aaa;
}
.fp-value{
    border-radius: 50%;
    height: 25px;
    position: absolute;
    right: 0px;
    top: 0;
    width: 25px;
}




.user-skills td{
    vertical-align: middle !important;
}

.user-skills  .irs-min, .user-skills  .irs-max {
    /*    border-radius: 3px !important;
        color: #333 !important;
        font-size: 11px !important;
        line-height: 2.333 !important;
        padding: 1px 5px !important;
        text-shadow: none !important;
        top: 0 !important;
        visibility: hidden !important;*/
    top: 5 !important;
}

.user-skills  .irs-from, .irs-to, .irs-single {

    border-radius: 3px !important;
    font-size: 11px !important;
    line-height: 1.633 !important;
    padding: 1px 5px !important;
    text-shadow: none !important;
}

.irs-min{
    left: -25px;
}

.irs-max{
    right: -15px;
}

.user-skills  .irs-slider {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 100%) repeat scroll 0 0;
    border: 1px solid #aaa;
    border-radius: 27px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    height: 20px;
    top: 27px;
    width: 20px;
}

.user-skills .irs-bar {
    background: rgba(0, 0, 0, 0) linear-gradient(to top, #2196f3 0%, #2196f3 100%) repeat scroll 0 0;
    height: 10px;
    top: 33px;
}

.user-skills .irs-bar-edge {
    background: rgba(0, 0, 0, 0) linear-gradient(to top, #2196f3 0%, #2196f3 100%) repeat scroll 0 0;
    border-color: #428bca -moz-use-text-color #2196f3 #2196f3;

}

.user-skills table th,.user-skills table td{
    font-size: 12px !important
}




.contact-us-phone{

    margin-top:10px;
}

.contact-us-phone-prefix
{
    color:#aaa;

}

.navbar-toggle {

    background-color: #fff;

}


.call-center-menu-image
{
    display:block; max-width:100%; margin:0px auto;
    transition: transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
}

.call-center-menu-image-background
{
    padding:0px; width:100%; margin:0px auto;

}


.sidebar-collapse .call-center-menu-image-background
{
    display:none; 

}

.call-center-version
{
    position:absolute;
    font-size:30px; 
    bottom:40px;
    width:100%;
    font-size:14px;
    outline: none;
}

.menu-toogle
{
    position:absolute;
    font-size:30px;
    bottom:0px;
    right:12px;
    outline: none;
    border: none;
}

.start-wizard-company-data .col-sm-1
{
    padding-left:0px

}

/*break at work*/
.break-block{

    background-color: rgba(255, 255, 255, 0.98);
    border-radius: 50%;
    box-shadow: 8px 16px 21px rgba(0, 0, 0, 0.49);
    display: none;
    height: 300px;
    width: 300px;
    opacity: 0;

}
/*break at work - end*/



.phone-ringing
{
    bottom: 35px;
    height: 53px;
    position: absolute;
    width: 53px;
}


.phone-ringing.call-answer
{
    left: 80px;
    background-color: #8bc34a;
    border-color: #8bc34a;
}

.phone-ringing.call-hangup
{
    right: 80px;
}


.ringing-block 
{
    background-color: rgba(255, 255, 255, 0.98);
    border-radius: 50%;
    box-shadow: 8px 16px 21px rgba(0, 0, 0, 0.49);
    display: none;
    height: 300px;
    width: 300px;
    opacity: 0;

    -ms-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Safari */
    transform: scale(1,1); /* Standard syntax */




}

.ringing-block-move
{


    top:10px !important;
    right:700px !important;
    height: 0px;
    width: 0px;

    -webkit-transition-property: top left right;
    -webkit-transition-duration: 2s;
    -webkit-transition-delay: 2s;
    -webkit-transition-timing-function: ease-out;
    transition-property: top left right;
    transition-duration: 1s;
    transition-delay: 0s;
    transition-timing-function: ease-out;

    -ms-transform: scale(0,0); /* IE 9 */
    -webkit-transform: scale(0,0); /* Safari */
    transform: scale(0,0); /* Standard syntax */
}

.phone-ringing .zmdi-phone
{
    font-size: 35px;
    left: 12px;
    position: absolute;
    top: 8px;
    transition: all 0.5s ease 0s;
}

.phone-ringing  .zmdi-phone:hover
{
    transform: rotate(360deg);
}

.phone-ringing .zmdi-phone-end
{
    font-size: 37px;
    left: 7px;
    position: absolute;
    transition: all 0.5s ease 0s;
}

.phone-ringing .zmdi-phone-end:hover
{
    transform: rotate(360deg);
}


.ringing-user, .break-user{
    background-color: grey;
    border-radius: 62px;
    height: 124px;
    left: 87px;
    position: absolute;
    text-align: center;
    top: 26px;
    width: 124px;
}

.ringing-user-move{
    left:100%;
    top:0;
    -ms-transform: scale(0,0); /* IE 9 */
    -webkit-transform: scale(0,0); /* Safari */
    transform: scale(0,0); /* Standard syntax */
    transition-duration: 1s;
    transition-delay: 0s;
    transition-timing-function: ease-out;
}
.ringing-user .zmdi-account,.break-user .zmdi-account{
    font-size: 110px;
    left: 26px;
    position: absolute;
}

.ringing-user-title, .break-user-title{
    color: #000;
    font-weight: 500;
    max-height: 27px;
    max-width: 300px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 151px;
    width: 300px;
}

.ringing-user-info,.break-user-info{
    color: #000;
    left: 0;
    max-height: 27px;
    max-width: 300px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 173px;
    width: 300px;
    font-weight: 300;
}




.phone-panel{
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 15px;
    height: 32px;
    margin: 10px 0;
    overflow: hidden;
    width: 0px;

    -webkit-transition-property: width;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-delay: 0s;
    -webkit-transition-timing-function: ease-out-in;
    transition-property: width;
    transition-duration: 0.5s;
    transition-delay: 0s;
    transition-timing-function: ease-out-in;

}


/*.phone-panel:hover{
    width: 177px;
    -webkit-transition-property: width;
    -webkit-transition-duration: 1s;
    -webkit-transition-delay: 0s;
    -webkit-transition-timing-function: ease-out;
    transition-property: width;
    transition-duration: 1s;
    transition-delay: 0s;
    transition-timing-function: ease-out;

}*/


.phone-panel-splint {
    height:32px;
    width:177px;
}

.break-close {
    bottom: 26px;
    font-size: 26px;
    height: 50px;
    left: 126px;
    line-height: 2;
    position: absolute;
    width: 50px;
}

.phone-panel .phone-panel-btn, .break-close{
    border-radius: 50%;
    float: left;
    height: 24px;
    margin: 4px 0 5px 5px;
    text-align: center;
    width: 24px;
    cursor: pointer;
    color: #fff;
    line-height: 24px;
    padding: 0;

    transition: all 0.5s ease 0s;
}

a.phone-panel-btn{
    text-decoration: none;
}
.phone-panel-btn{
    -webkit-transform: rotateY( 0deg );
    -moz-transform: rotateY( 0deg );
    -o-transform: rotateY( 0deg );
    transform: rotateY( 0deg );

    text-decoration: none;

}


.phone-panel-btn-disable {
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
    text-decoration: none;
    background-color: lightgray !important;
}

.phone-panel .phone-panel-dial{
    background-color: #8bc34a;
}

.phone-panel .phone-panel-hangup{
    background-color: #f32c1e;
}

.phone-panel .phone-panel-mute{
    background-color: #FFC107;
}

.phone-panel .phone-panel-aa{
    background-color: #607D8B;
}

/*.phone-panel .phone-panel-aa::before {
    background-color: #fff;
    border-bottom: 1px solid #607d8b;
    border-top: 1px solid #607d8b;
    content: "";
    height: 3px;
    left: 4px;
    position: absolute;
    right: 0;
    top: 44%;

    width: 16px;
}*/

/*.phone-panel .phone-panel-aa:hover:before {

    border-color: rgba(106,136,156,0.12);
    background-color: rgba(255,255,255,0.12);
}*/

/*.phone-panel .phone-panel-aa.no-before::before {
    display:none;
}*/

.phone-panel .phone-panel-break{
    background-color: #3F51B5;
}

.phone-panel .phone-panel-transfer{
    background-color: #2196F3;
}

.phone-panel .phone-panel-more{
    background-color: #ffffff;
    color: #000000 !important;

}

.phone-panel .phone-panel-last{
    margin-right: 0;
}



.notify-background{
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    float: left;
    height: 40px;
    line-height: 40px;
    margin-right: 10px;
    text-align: center;
    width: 40px;
    font-size: 20px;
}



.filterlist-search-group .btn{
    border: 1px !important;
}

.widget-table td{
    border-top:none;
}

#header ul i.c-black {
    color: #000000 !important;
}

cr-pointer{
    cursor: pointer !important;
}

.netmeeting-container .checkbox{
    display: block;
    float: left;
    margin-bottom: 10px !important;
    width: 33%;

}

.input-group .input-group-addon{
    padding-top: 6px;
    padding-right: 10px;
    padding-bottom: 6px;
    padding-left: 12px;
    vertical-align: none;



}

.bootstrap-datetimepicker-widget{

    min-width: 400px;
}

.bootstrap-datetimepicker-widget .datepicker table{
    width: 100%;
}

.bootstrap-datetimepicker-widget .timepicker{
    padding: 45px !important;

}

.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute{
    font-size: 35px;
}

.input-group-addon{
    cursor: pointer !important;
}

.bootstrap-datetimepicker-widget .picker-switch{
    text-align: center;
}

.help-block {
    display: none;
}

.form-group .help-block {
    display: block;
}

.dropdown-menu li {
    cursor: pointer !important;
}

.sweet-alert .icon.custom{
    border-radius: 50%;
}




.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-top: 1px solid #f0f0f0;
}






.colorpicker-element-addon 
{
    background-color: transparent;
    border:none;
}

.colorpicker-element-addon .cp-value 
{
    position:static;
}

.wizard #callcenter_color
{
    visibility: hidden;
    width: 0px;
    height: 0px;

}


.switch-label::before, .switch-label::after {
    margin-right: 3px;

}

.circle-button-big
{
    border-radius: 50%;
    height: 100px;
    line-height: 115px !important;
    width: 100px;
    display: block;
    text-decoration: none;
    border-color: transparent;
    z-index: 1;

}

.circle-button
{
    border-radius: 50%;
    height: 50px;
    line-height: 45px !important;
    width: 50px;

    text-decoration: none;
    border-color: transparent;
    z-index: 1;
}





.circle-button-big i
{
    font-size: 50px;
    transition: all 500ms ease 0s;  
}

.center-block{
    margin:0px auto;

}

.btn-noresult
{

    margin-top:50px;
    width:500px;


}

.bgm-superlightgray {
    background-color: rgba(0, 0, 0, 0.05) !important;
}

.profile-container
{
    position: relative; top: 0px; left: 0px; width: 100%;

}
.profile-photo-icon-box
{
    padding-top:70px;
    padding-bottom:70px;
}
.profile-photo-icon
{
    font-size:130px;
}

.settings-bussines-data label
{
    /*    width:100%;
        padding-left: 0px;*/
}

.vertical-align  {
    display: flex;
    flex-direction: row;
}

.vertical-align .vertical-col {
    display: flex;
    align-items: center;
    justify-content: center; /* Optional, to align inner items 
                                horizontally inside the column */
}

.table > tbody > .duallist-record.not-selected > td{
    cursor: pointer !important;
}

.table > tbody > .duallist-record.not-selected{
    cursor: pointer !important;
}

.table > tbody > .duallist-record.not-selected.active > td{
    background-color: lightskyblue !important;
    cursor: pointer !important;
}

.table > tbody > .duallist-record.not-selected.active{
    background-color: lightskyblue !important;
    cursor: pointer !important;
}

.hide-select{
    visibility: hidden !important;
    height: 0px !important;
    padding:0px !important;
}

.filter-search-group {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    display: block;
    height: 36px;
    margin-right: 10px;
    min-width: 250px;

}

.filter-search-input {

    background-color: transparent;
    border: 0 none;
    border-radius: 0 !important;
    color: #000;
    display: inline-block;
    font-size: 15px;
    height: 35px;
    line-height: 1;
    margin-left: 0;
    padding: 0px !important;
    width: 200px;   
}

.user-profile-username
{
    display:inline-block;
    min-width:120px;
}
.input-group.iconpicker-container{
    display: inline-block; 
}

.input-group.iconpicker-container input{
    width: 0px !important;
    visibility: hidden !important;
}

.input-group.iconpicker-container .input-group-addon{
    display: inline-block; 
    line-height: 1; 
    margin-left: 0px; 
    background-color: inherit;
    border:1px solid gainsboro;
    border-radius:50%;
    height: 25px; 
    width:25px;
    font-size: 18px; 
    padding: 4px !important;
}

.input-group.iconpicker-container .input-group-addon i{
    display: inline-block; 
}


.chosen-single{
    border-style: none !important;
    line-height: 14px !important;
}

.filter-search-group .form-control {
    padding: 0 !important;
}

.bootstrap-tagsinput input{
    border-image: none;
    border-style: inset none none solid;
    border-width: 0 0 0 1px;
    box-shadow: none;
    background-color: inherit;
}

.bootstrap-tagsinput .tag {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin-top: 3px;
}

.bootstrap-tagsinput{
    display: inline-block;
}


/**
 * Account balance widget
 */

.lv-title-xl {
    font-size: 34px;
}

div.finance-menu-container div.col-sm-1 {
    display: hidden; 
}

div#finance-menu-container div.col-sm-11 {
    width: 100%;
}

.message-action-icon{
    background-color: #ffffff;
    cursor: pointer;
}

.campaign_file .files{
    margin-top: 20px;
    margin-bottom: 20px;
}

.campaign_file .files:empty{
    margin-top: 0px;
    margin-bottom: 0px;
}

.legend-title{
    height:25px;
    line-height:25px;
    float:left;
}

.legend-color{
    height:25px;
    width:25px;
    line-height:25px;
    border-radius: 50%;
    float:left;
}


/*.card-animate {
  animation: ripple 0.5s ease-in-out;
}

@keyframes ripple {
  scale the element to 250% to safely cover the entire link and fade it out
  
  100% {
    opacity: 0;
    -moz-transform: scale(5);
    -ms-transform: scale(5);
    webkit-transform: scale(5);
    transform: scale(5);
  }
}*/
@keyframes card-up {
    from {box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);}
    to {box-shadow: 0 27px 24px rgba(0, 0, 0, 0.2), 0 40px 77px rgba(0, 0, 0, 0.22);}
}


@keyframes card-down {
    from {box-shadow: 0 27px 24px rgba(0, 0, 0, 0.2), 0 40px 77px rgba(0, 0, 0, 0.22);}
    to {box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);}
}



@keyframes card-start {
    from {box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0), 0 0px 0px rgba(0, 0, 0, 0);}
    to {box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);}
}



@keyframes widget-up {
    from { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);}
    to {box-shadow: 0 27px 24px rgba(0, 0, 0, 0.2), 0 40px 77px rgba(0, 0, 0, 0.22);}
}


@keyframes widget-down {
    from {box-shadow: 0 27px 24px rgba(0, 0, 0, 0.2), 0 40px 77px rgba(0, 0, 0, 0.22);}
    to { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);}
}


/* The element to apply the animation to */
/*
.z-depth-start {

    animation-name: card-start;
    animation-duration: 0.5s;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
}



.z-depth-card-up {

    animation-name: card-up;
    animation-duration: 0.7s;
    box-shadow: 0 27px 24px rgba(0, 0, 0, 0.2), 0 40px 77px rgba(0, 0, 0, 0.22);
}


.z-depth-card-down {

    animation-name: card-down;
    animation-duration: 1.2s;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);;
} 


.z-depth-widget-up {

    animation-name: widget-up;
    animation-duration: 0.7s;
    box-shadow: 0 27px 24px rgba(0, 0, 0, 0.2), 0 40px 77px rgba(0, 0, 0, 0.22);
}


.z-depth-widget-down {

    animation-name: widget-down;
    animation-duration: 1.2s;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
} */

.pointer{
    cursor:pointer;
}

.lv-small{
    width:475px !important;
}

label{
    min-height: 14px;
}



.mg-image img {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: /*all 0.3s ease*/  ease-in; /* Firefox */
    -o-transition: all 1s ease; /* IE 9 */
    -ms-transition: all 1s ease; /* Opera */
    transition: /*all 1s ease*/  400ms ease-in;
    max-width: 100%;
}
.mg-image {
    width:50px;
    height:50px;
    overflow: hidden;
    border-radius: 50%;
}

.mg-image:hover img {
    -webkit-transform: scale(1.3); 
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
}

td#user-list-td{
    padding:3px !important;
    vertical-align:middle !important;
    text-align:middle !important;
}

.container.c-alt {
    max-width: 1170px;
}

/* design corrects */
/* fonts */
html { font-size: 1em;}

body {
    padding:0px;
    padding-top: 25px;
    background-cokor: white;
    font-family: Roboto;
    font-weight: 300;
    line-height: 1.6em;
    font-size: 0.938em;
    color:#000;
}

p {margin-bottom: 1.68em;}
hr {margin-bottom: 1.68em; margin-top: 1.68em;}


h1, h2, h3, h4, h5, h6 {

    margin:0px;  

    font-weight: 400;
    line-height: 1.2em;
}

h1 {
    margin-top: 0;
    margin-bottom: 0.417em;
    font-size: 3.998em;
    line-height: 1.2507em;

}

h2 {font-size: 2.827em; line-height: 1.1791em;   margin-bottom:  0.5898em;}

h3 {font-size: 1.999em; line-height: 1.1672em; margin-bottom: 0.5em;}

h4 {font-size: 1.414em; line-height: 1.178em; margin-bottom:1.1787em;}

h5 {font-size: 1em; line-height: 1.6em;}

h6 {font-size: 0.707em; line-height: 2.358em;}

small, .font_small {font-size: 0.707em;}

.lead
{
    font-size: 1.414em; line-height: 1.178em;  margin-bottom:1.1787em;


}


/*Navs */
.header
{
    height:3.36em;


}

.navbar-brand
{

    font-size: 2.1em;
    line-height: 1.64em;
    padding: 0 0 0 23px; /*powinno być 25px, ale czcionka call center się źle skaluje*/


}


.navbar-nav > li > a
{
    font-size: 1em;
    line-height: 3.1em;
    padding: 0 1em;


}


.dropdown-menu
{
    font-size:1em;

}

.navbar-user .dropdown-menu {
    min-width: 100%;
}

.sidebar-menu > li > a {
    display: block;
    font-size:1em;
    line-height:3.31em;
    padding:0 25px;
}

.sidebar-menu .zmdi
{
    display: block;
    float: left;
    font-size: 1.414em;
    line-height: 1.178em;
    padding-bottom: 12px;
    padding-right: 15px;
    padding-top: 12px;
}

.line-margin
{
    height: 12px;
}

.main-sidebar, .left-side {
    padding-top: 3.36em;
    width: 247px;

}

.sidebar-mini .container {
    width: calc(100% - 53px);
}


.mainIcon
{
    background-color: #8bc34a;
    position:static !important;
    float:left ; 
    margin-right: 10px ; 
    box-shadow: none !important ;
    z-index: 10;


}


.mainTitle
{
    color:#333;
    margin: 0;
    text-transform: uppercase;
    line-height: 1.67em;
    float:left;
    max-width: 600px;

}

.card .card-header:not(.ch-alt) {
    padding: 25px;
    padding-bottom:0px;

}



.filter-search 
{
    color: #fff;

}



.btn-mainSearch 
{

    /*    height:36px;
        line-height: 1em;
        padding: 0px 10px;*/

}


.actions {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    z-index: 2;
}

.block-header .actions {
    position: static;
    /*    float:right;*/
}

.block-header
{

    margin-top:25px;
    margin-bottom:0px;
    padding-left:15;

}

.list-body .table > thead > tr > th:first-child,.list-body  .table > tbody > tr > th:first-child, .list-body  .table > tfoot > tr > th:first-child, .list-body  .table > thead > tr > td:first-child, .list-body  .table > tbody > tr > td:first-child, .list-body  .table > tfoot > tr > td:first-child {
    /*
     padding-left: 25px;
     min-width:80px;*/
    min-width: 120px;
    padding-left: 60px;
}

.navbar-right {

    margin-right:25px;


}


/* for 1080p */
.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 0px;
}


.search-group
{

}

.search-input
{
    font-size: 1em;
    height: 37px;
    padding: 0px;
    padding-left: 10px;
    width:500px;
    border-radius:0px;
    color:#000 !important;

}





.card .card-header h2{

    font-size: 1.414em;
    color: #737373;
    line-height: inherit;
}

.column-header-anchor
{

}
.block-header .actions li
{
    line-height: 50px;

}

.table > thead > tr > th > a {
    text-transform: none;
    font-size: 1em;
    font-weight:400;
    color:#aaa;

}

.campaign-horizontalist-img-container
{

    vertical-align:middle !important;
}

.card {
    margin-bottom: 25px;
}

.actions > li > a > i, .actions > a > i {
    color: #999;

}


.dropdown-menu > li > a > i {
    color:#2196f3;
    padding-right:10px;
}

.base-tr
{
    height:75px;

}

.base-tr .icon-background
{
    background-color: #607D8B;
}

.base-tr i
{
    font-size: 26px;
}

.base-td
{
    padding:0px !important;
    vertical-align: middle !important ;

}

.base-td h5
{
    margin-bottom: 0px;
}


.base-td  a {
    color: inherit;
    text-decoration: none;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 0px;

}

.table > tbody > tr:last-child > td, .table > tfoot > tr:last-child > td {
    padding-bottom: 0px;
}


help-actions {
    line-height: 3.36em;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    z-index: 2;
}

.card .card-body.card-padding {
    padding: 25px 60px;
}

h5.list-counter {
    margin-top: 0px;
}
/* dla buttona dla liście*/
.m-btn {
    right: 25px;
    top: 25px;

}

.filter-dropdowns .filter_selectpicker
{
    box-shadow: none;
    border: 0px;
    border-radius: 0px;
    padding: 4px 12px 2px 12px;
    color:#666;
    line-height: 1.8em;
    padding-bottom: 0;




}

.filter-dropdowns .filter-small .btn-default, .filter-dropdowns .bootstrap-select .btn-default
{
    border:0px;
    box-shadow: none;
}


.filter-hr
{
    margin-bottom: 0;
    margin-top:0;

}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    background-color:  #2196f3;
    color: #fff !important;
    outline: 0 none;
    text-decoration: none;
}



.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: auto !important;
}

/*.filter-reset
{
    color:#ccc;
    cursor: pointer;
    font-size:2em;
    width:40px;
    height:40px;
}

.filter-reset:focus,.filter-reset i:focus
{
    color:#ccc;

}*/


.filter-reset:hover, filter-reset i:hover
{
    color:red

}


.list-counter,.list-counter:focus
{
    color:#999;
    font-weight:300;
}


.pagination
{
    margin:0px;

}

/*dla full hd*/
.navigation 
{
    float:right;
    /*    margin-top:-3px;
        position: absolute;
        right: 25px;*/

}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #2196f3;
    border-color: #2196f3;

}

.pagination > li > a, .pagination > li > span {
    color: #2196f3;

}

.record-subtitle {
    font-size: 0.87em;
    line-height: 1em;
    color: #999; 
    font-weight:300;
}

.card-title
{
    color:#666; 
    margin-bottom: 0px;


}
.card-title-block
{


}

.card-subtitle
{
    color:#999;

}


.head-title
{
    padding-top: 10px;
}

.head-actions
{
    padding-top: 9px;

}


.sidebar-mini.sidebar-collapse .menu-label
{
    display: none;

}

.menu-label
{
    padding-left:25px;
    text-transform: uppercase;
    font-weight:400;
    color:#999;

}



/*Roles class*/

.role-icons
{

    display: inline-block;
    font-family: "Material-Design-Iconic-Font";
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: inherit;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;


}




.small-circle-icon-default
{
    background-color: #607D8B ;
}

.small-circle-icon-owner
{
    background-color: #607D8B;
}

.small-circle-icon-agent
{
    background-color: #8BC34A;
}

.small-circle-icon-lider
{
    background-color: #4CAF50;
}

.small-circle-icon-coach
{
    background-color: #FF5722; 
}

.small-circle-icon-supervisor
{
    background-color: #9C27B0;
}

.small-circle-icon-admin
{
    background-color: #FF9800;

}






.role-default:before
{
    /*zmdi zmdi-account*/
    content:'\f207';   
}



.role-icons-agent:before
{
    /*zmdi-headset-mic*/
    content:'\f29c';
}

.role-icons-lider:before
{
    /*zmdi-accounts*/
    content:'\f20d';  
}

.role-icons-coach:before
{
    /*zmdi-graduation-cap*/
    content:'\f174';  
}

.role-icons-supervisor:before
{
    /*zmdi-eye*/
    content:'\f15c';  
}

.role-icons-admin:before
{
    /*zmdi-laptop*/
    content:'\f2a7';  

}


.small-circle-icon
{
    position:absolute;
    bottom:-5px;
    right: -10px;
    width: 25px;
    height:25px;
    line-height: 25px;

}

.small-circle-icon i
{
    font-size:15px;
}
.actions-circle-icon
{
    margin-right: 5px;
    right: 5px;
    border-radius: 50%;  
}


.actions-circle-icon-more{
    position:absolute;
    bottom:-5px;
    right:0px;
    width: 25px;
    height:25px;
    border-radius: 50%;  

    line-height: 25px;  
}

.actions-circle-icon i
{
    font-size:15px;
}

.filter-small
{
    display:inline-block;


}

li .bootstrap-datetimepicker-widget{

    min-width: 100%;
    font-size: 0.909em;
}


.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
    background-color: #fdf59a;
    background-image:none;
    background-repeat: repeat-x;
    border-color: none;
    color: #000;
}

.filter-small-datepicker-container {
    width:500px; 
    min-widht:250px; 
    padding:20px 25px 18px 25px;
}

.filter-small-label-title
{
    color:#999;
}


/*jobmarketad list*/

.jobmarketad-offer
{
    position:relative;   

}

.jobmarketad-offer-active
{
    background-color:#2196f3;
}

.jobmarketad-offer-inactive
{
    background-color:#ccc;
}

.jobmarketad-offer-role-inactive
{
    background-color:#999;
}

.record-subtitle-strong
{
    font-weight:500; 
}



.jobmarketad-offer-published-active,.jobmarketad-offer-expires-active
{
    color: #8bc34a;
}


.jobmarketad-candidatures
{
    display: inline-block; 
    margin-right:5px;
}

.jobmarketad-candidatures-active
{   color: #666;
} 

.jobmarketad-candidatures-inactive
{
    color: #999;
}

.no-result-btn
{
    margin-bottom: 25px;
    box-shadow: none !important;
    cursor: default;

}

.no-result-create-first-btn{

    margin-bottom: 25px;
    background-color: #2196f3; 
    color:#fff;
}


.p-b-50 
{

    padding-bottom:50px;
}

.p-b-75
{
    padding-bottom:75px;

}

.m-btn {

    z-index: 1000;
}


.object-name{
    display:inline-block;
    line-height: 0.7em;
    max-width: 600px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; 
}


.list-primary-btn
{
    position:fixed;
    bottom:20px;
    top:auto;
    padding:12.5                px 0px;
    line-height:60px;
    width:60px;
    height:60px;


}

.list-primary-btn i
{
    font-size: 45px ;
}

.default-blue {
    background-color: #2196f3;
}

.property-block
{
    height:25px;
    margin-bottom: 12.5px;

}

.property-block
{
    height:25px;
    margin-bottom: 12.5px;

}


.property-container
{
    margin-bottom: 25px;
}



.name-in-title
{
    font-size:1.5em;
    margin:0px;
    text-overflow: ellipsis; 
    overflow:hidden; 


}

.count
{
    padding: 12px 12px 12px 25px !important;

}

.tab-container .card{
    box-shadow: none;
}


.title-breadcrumbs
{
    float:left; 
    display:block;
}


.chart-container
{
    height:auto; 
    min-height: 75px;
    margin-bottom:25px;
}


.main-title-breadcrumbs a
{
    color: inherit;

}

.details-badge{
    background-color: #8bc34a;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    color: #fff;
    display: inline-block;
    line-height: 1;
    min-width: 30px;
    padding: 3px 7px;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
}


.tab-content .filter-dropdowns
{
    padding-left:0px;

}

.filter-dropdowns-padding
{
    padding-top:10px;
}


/*@media screen and (max-height: 500px) {

    .owl-item-img
    {
        height:280px !important;
        width:50%;
        margin-right:10px;
    }


}*/



.owl-theme-slim-screen {

    position:fixed;
    z-index: 30000;
    background-color:#673AB7;
    border-radius:0px;
    top:0px ;
    left:0px;
    right:0px;
    bottom:0px;
    margin:0px;
    margin-left:0px;
    margin-top:0px;
    width:100%;
    height:100%; 
}

.owl-wrapper-outer-slim-screen{
    border-radius:0px !important; 
}  




@media screen and (max-width: 768px) {

    .owl-theme {

        position:fixed;
        z-index: 30000;
        background-color:#673AB7;
        border-radius:0px;
        top:0px ;
        left:0px;
        right:0px;
        bottom:0px;
        margin:0px;
        margin-left:0px;
        margin-top:0px;
        width:100%;
        height:100%; 
    }

    .owl-wrapper-outer{
        border-radius:0px !important; 
    }  

    .owl-item-content h2
    {
        font-size:1.3em;
        margin-bottom: 0.3em;
    }

    .owl-item-content p
    {
        font-size:1em;
    }



    .owl-wrapper-outer{
        border-radius:0px !important; 
    }


    .search-input
    {
        width:100% !important;
    }


}


@media screen and (min-width: 769px) {


    .owl-wrapper-outer{
        border-radius:10px 10px 0 0; 
    }

    .owl-theme{
        position:fixed;
        z-index: 30000;
        width:600px;
        height:600px;
        background-color:#673AB7;
        padding-bottom:10px;
        left:50%;
        margin-left:-300px;
        top:50%;
        margin-top:-300px;
        border-radius:10px;
    }

}



@media screen and (max-width: 1366px) {
    .navbar-toggle, .navbar-toggle:focus, .navbar-toggle:hover {
        background-color: transparent !important;
        color:#fff !important;
        border:0px !important;
    }   


    .navbar-toggle .icon-bar,  .navbar-toggle  .icon-bar:focus, .navbar-toggle  .icon-bar:hover {
        color:#fff !important;
        background-color: #fff !important;
    } 









}

@media screen and (max-width: 1200px) {


    .mobile-disabled
    {
        display: none !important;
    }

    footer, .push {
        /*height: 100px;*/ /* .push must be the same height as .footer */
        height: 100px;
    }

    .main-sidebar, .left-side {
        padding-top:0px;   
    }

    .navbar-toggle
    {
        display: block !important;
        margin-right: 0px;
    }

    .navbar-header
    {
        width:100% !important;
        float:none !important;
    }

    #header .nav{
        display: none;
    }


    .main-sidebar, .left-side {
        transform: translate(-247px, 0px) ;
    }

    .big-filter {

        padding-left: 25px !important;
    }

    .list-body .table > thead > tr > th:first-child, .list-body .table > tbody > tr > th:first-child, .list-body .table > tfoot > tr > th:first-child, .list-body .table > thead > tr > td:first-child, .list-body .table > tbody > tr > td:first-child, .list-body .table > tfoot > tr > td:first-child {
        min-width: 50px;
        padding-left: 25px;
    }


    .paginator-counter
    {
        padding-left:0px !important;
    }

    .navigation
    {
        padding-right:0px !important;
    }


    .small-screen-disabled
    {
        display:none !important;
    }




    td .actions
    {
        padding-right:25px !important; 

    }


    .cco-center-block, .front-logo{
        width:300px !important; 
        background-size: 300px ;
        background-repeat:no-repeat;
    }

    body
    {
        margin-top:0px;
        padding-top:15px;

    }

    .cco-center-block h1
    {
        font-size:2em;
        font-weight: 400px;


    }
    .sidebar-mini hr
    {
        margin-top:0px;
        padding:0px;
    }

    .main-actions
    {

        display: block !important;
        height: 35px !important;
        list-style: outside none none !important;
        margin: 0  !important;
        padding: 0 !important;
        position: static !important;
        text-align: right;
        top: 0px !important ;
        vertical-align: middle !important;

    }






    .navbar-brand {

        padding: 0 0 0 10px;
    }   


    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
        margin-left: -5px;

    }

    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: 0px;
    }


    .container-fluid {
        margin-left: auto;
        margin-right: auto;
        padding-left: 5px;
        padding-right: 5px;
    }

    .navbar-header
    {
        width:100% !important;
        float:none !important;
    }






    #header .nav{
        display: none;
    }

    .mainIcon
    {
        display:none;
    } 

    .name-in-title
    {

        /*font-size: 1.1672em;*/
        font-weight: 500;
        margin: 5px 0px;


    }



    .card-title-block
    {
        font-size: 0.7em;
    }




    .card-padding
    {
        padding:25px !important;
    }

    .property-block
    {
        height: auto;
        margin-bottom:12.5px;

    }

    .list-add-mobile-btn{
        display: none;
    }


    .main-actions-title
    {
        display:none;

    }




    .record-subtitle-fieldname
    {
        display: none;

    }





    .navigation 
    {
        float:none;
        text-align: center;
        /*    margin-top:-3px;
            position: absolute;
            right: 25px;*/

    }


    .paginator-counter
    {
        text-align:center;
        margin-bottom:25px;
    }

    .logoig,.logoue
    {
        height: 40px;
    }

    .sidebar-mini footer
    {
        padding:25px 0px 20px 0px;
    }

    .copyright {
        border-left: 0px;    
    }


    .ue-flags
    {
        padding-top: 0px;
    }



    /*    body{
            background-color: #fff !important;
            
        }*/

    /*
    .main-tab
    {
        display:none !important;  
        background-color: transparent !important;
          margin-right:0px !important;
          padding: 0px !important
    }
    
    
    .main-tab .actions-tab, .main-tab .actions-tab:hover, .main-tab .actions-tab:focus
    {
          
         
          border-radius: 50% !important;
          width:30px !important;
          height:30px  !important;
          line-height: 30px  !important;
          font-size: 20px  !important;
          background-color: #ddd !important;
    }
    
    .main-tab-active  .actions-tab
    {
         
         background-color: #fff !important;
          
    }
    
   
    
    .main-tab-active .actions-tab i
    {
         
          color:#2196f3 !important;
         
    }
    */
    .block-header,.main-container
    {

        width:100% !important;
        padding:0px !important;

    }

    .container
    {
        padding:0 10px !important;
    }



    .right-panel
    {
        display:none;

    }








    /*    .btn-group-circle {
       
        line-height: 40px !important;
      
    }*/


    .tab-nav:not([data-tab-color]) > li > a::after {
        background: #black none repeat scroll 0 0 !important;
    }


}




.list-block-element{
    background: #2196f3 none repeat scroll 0 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    margin-bottom: 25px;
    position: relative;
    height: 250px;
    overflow: hidden;
}
.list-block-header{
    /*    background-color: rgba(0, 0, 0, 0.03);*/
    height: 75px;
    padding: 25px 20px;

}
.list-block-header a {
    color: #fff;
    font-weight: 300;
}


.list-block-body{
    /*    background-color: rgba(33, 150, 243, 0.75);*/
    left: 0;
    position: absolute;
    bottom: 0;
    width: 100%; 
    text-align: center;
    height: 174px;
}
.list-block-icon{
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 3em;
    height: 2.5em;
    line-height: 2.5em;
    margin: 13px;
    width: 2.5em;

}

.list-block-font{
    background-color: #fff;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 3em;
    height: 2.5em;
    line-height: 2.5em;
    margin: 13px;
    width: 2.5em;

}

.list-block-element .list-block-header .actions {
    position: absolute;
    right: 4px;
    top: 20px;
    z-index: 2;
    color: #fff;
    line-height: 2.7;
}

.list-block-element .list-block-header .dropdown-main i{
    color: #fff;
}

.list-block-element .list-block-header .dropdown-list i{
    color: #4c4c4c;
}

.list-block-stats{
    bottom: 0;
    height: 170px;
    padding: 0 5px;
    position: absolute;
    right: 0;
    width: 100%;
}


.list-add-button {
    font-size: 1.5em;
    font-weight: 100 !important;
    height: 25px;
    line-height: 1em;
    margin-bottom: 25px;
    margin-right: 4px;
}

.list-add-assoc-button{
    font-size: 2em;
    /*    margin-bottom: 25px;
        margin-right: 26px;*/
}


.list-add-icon {
    border-radius: 50%;
    height: 1.2em;
    line-height: 1.2em;
    text-align: center;
    width: 1.2em;
    color: #999;
}
.list-add-icon:hover {
    background-color: rgba(0, 0, 0, 0.1);
    color: #fff;

}

.list-add-icon:before{
    -webkit-transform: scale3d(0, 0, 0);
    -moz-transform: scale3d(0, 0, 0);
    -ms-transform: scale3d(0, 0, 0);
    -o-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
}

.list-add-icon:hover:before{
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
}

.list-add-mobile-btn{
    display: none;
}

.btn-circle-select-active i{
    color: #2196f3 !important
}



.btn-group-circle{
    box-shadow: none !important;
    vertical-align: bottom !important;
    margin: 0px 5px;
    line-height: 35px;
}
.btn-circle-select{
    background-color: #fff;
    border-radius: 50% 0 0 50% !important;

    line-height: 30px;
    height: 30px;
    /*  margin: 8px 0 0 !important;*/
    padding: 0 !important;
    transition: color 1300ms ease 0s;
    width: 2em;
}

.btn-circle-select > i{
    color: #999;
    /*    font-size: 20px !important;
        line-height: 1.5em;*/
    /*    margin-left: 8px;*/


}

.btn-circle-select-dropdown {
    background-color: #fff;
    border: medium none;
    border-radius: 0 50% 50% 0;
    height: 30px !important;
    /*line-height: 1.1em;*/
    padding-right: 3px;
    width: 1.5em;
}

.btn-circle-select-dropdown > i{
    color: #999;
    font-size: 20px !important;
    /*    padding-top: 7px;*/
    position:relative;
    top:2px;

}

.user-clips:empty{
    display: none !important;

}
/*
.btn-circle-select:before
{
    transform: scale3d(0, 0, 0);
    opacity: 0;
    transition: all 250ms ease 0s;
}


.btn-circle-select:hover,.btn-circle-select:hover:before{
  
    transform: scale3d(1, 1, 1);
    opacity: 1;
    transition: all 250ms ease 0s;
  
}*/


.help-button i{
    font-family: roboto;
}


.clip-link
{
    width:465px;

}

.overme {
    overflow:hidden; 
    white-space:nowrap; 
    text-overflow: ellipsis;
}












.owl-prev{
    position:fixed ;
    left:5px;
    bottom:10px;
    z-index:3;
}

.owl-next{
    position:fixed;
    right:5px;
    bottom:10px; 
    z-index:3;
}

.owl-pagination{
    position:absolute; 
    width:100%;
    bottom:17px;
    z-index: 2;
}    

.owl-close{
    background-color: rgba(0, 0, 0, 0.5);
    font-weight: 400;
    position: absolute !important;
    right: 15px;
    top: 10px;
}   




.owl-item-img
{
    width:100%;
    height: 337px;
    /*
       height:300px;
      background-repeat: no-repeat;*/
    background-attachment: fixed;
    background-position: center; 
    background-size: cover;
    /*background-size:cover;*/

}

.owl-item{
    padding-bottom: 50px;
}

.owl-item-content{
    /* height:180px;*/ 
    padding:15px;
    overflow:auto;
    text-align: justify;
    width:100%;
    color: #fff;
    padding-bottom:50px;

}





.main-tab
{
    text-align: left;
    color:#ccc;
    /*border-bottom-right-radius: 10px;
    border-right: 1px solid #dfdfdf;*/
    padding:0px 15px 0px 5px;
    margin-right:1px;
    height:40px;
    padding-top:5px;
    line-height: 35px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #ddd;
}


.main-tab a
{
    color:#4c4c4c;

}

.main-actions-title
{
    position: relative;
    top: -3px;
}

.main-tab-active
{
    background-color:#fff;
    color: #2196f3;
    border-right: 0px;

}


.main-tab-active i
{
    color: #2196f3 !important;

}

.main-tab-active a 
{
    color: #4c4c4c !important;

}


.tab-toolbar
{
    margin-top: 22.5px;


}

.actions-tab,.actions-tab:focus,.actions-tab:hover {
    display: inline !important;
    text-decoration:none;

}

.actions-tab i {
    font-size: 20px;    
    display: inline-block;
    position: relative;
    text-align: center;

    width: 30px;
}

.main-actions > li > a, .main-actions > a {
    display: inline-block;
    position: relative;
    text-align: center;
    width: 30px;
}

.main-actions > li > a > i, .main-actions > a > i {
    color: #adadad;
    font-size: 20px;
    line-height: 26px;
    transition: color 1300ms ease 0s;
}

.main-actions{
    list-style: outside none none;
    margin: 0;
    padding: 0;
    clear:both;
    display: block;
    text-align: right;
    position: relative;
    top:-15px;
    height:25px;
    vertical-align: middle !important;

}

.main-actions > li {
    display: inline-block;
    vertical-align: baseline;
    line-height: 30px;
}


.property-title
{
    color:#999;

}

.primary-button,.primary-button:focus,.primary-button:hover
{
    background-color: #2196f3;
    color:#fff;
    cursor: pointer;

}


.disabled-button,.disabled-button:focus,.disabled-button:hover
{
    background-color: #edecec;
    color:#fff;

}


.small-button,.small-button:focus,.small-button:hover
{
    display: inline-block;
    height: 30px;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    width: 30px;
    border: 0px;
}


.micro-button, .micro-button:focus, .micro-button:hover {
    border: 0 none;
    display: inline-block;
    font-size: 15px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    width: 25px;
}



.standard-button,.standard-button:focus,.standard-button:hover
{
    display: inline-block;
    height: 35px;
    font-size: 23px;
    text-decoration: none;
    line-height: 35px;
    text-align: center;
    width: 35px;
    border: 0px;
}



.big-button,.big-button:focus,.big-button:hover
{
    display: inline-block;
    height: 45px;
    font-size: 28px;
    text-decoration: none;
    line-height: 45px;
    text-align: center;
    width: 45px;
    border: 0px;
}

.huge-button,.huge-button:focus,.huge-button:hover
{
    display: inline-block;
    height: 100px;
    font-size: 55px;
    text-decoration: none;
    line-height: 100px;
    text-align: center;
    width: 100px;
    border: 0px;
}


.blow
{
    position:relative;    
}

.blow:hover::before {

    opacity: 1;
    transform: scale3d(1,1,1);
    z-index: 1;
}

.blow::before {
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: scale3d(0, 0, 0);
    transition: all 250ms ease 0s;
    width: 100%;
    z-index: 1;
}

.circle
{
    border-radius: 50%;

}

td.actions
{
    padding-right: 0px !important;
}

.filter-block
{
    padding-left: 40px;
}

.filter-dropdowns button {
    line-height: 1em;
    padding-top: 0;
}

.filter-dropdowns
{
    min-height:30px;
    /*  padding-left:25px;*/
}


.bootstrap-select.btn-group .dropdown-toggle .caret {
    position: static !important;
    right: 12px  !important;
    vertical-align: middle  !important;
    margin-right: -6px;
}


.chart-title
{
    font-size: 1em;

}

.tab-title
{
    margin-left: 3px;
    position: relative;
    top: -2px;

}

.tab-icon
{
    display: inline-block;
    font-size:20px;
}

.ue-flags
{


}



.nav > li > a {
    padding-left: 15px;
    padding-right: 15px;
}


.property-icon
{
    color: #2196f3;
    margin-right:5px;
    display: inline-block;
    position:relative;
    top:1px;
}

.active .tab-icon
{
    color: #2196f3;
}

.details-container
{

}


.float-actions i
{
    font-size:25px !important;
}

.float-actions a:hover, .float-actions a:focus
{
    color:#fff;
}

.subIcon
{
    left: 33px;
    position: absolute;
    top: 30px;
}




.bootstrap-select button:first-child
{
    padding-left:5px;

}

.search-buttons-container
{
    text-align:center; 
    margin-left:5px;  
    padding-top: 2px;
}

td .actions
{
    padding-right:25px; 

}

.list-body td .actions {
    padding-right: 60px;
}


.filter-block
{

}


.big-filter
{
    min-width:300px;
    padding-left:60px;
    padding-bottom: 27px;
    padding-top:30px;

}


.filter-option{
    max-width : 150px !important;
    overflow:hidden  !important;
    display:inline-block  !important;
    text-overflow: ellipsis  !important;
    white-space: nowrap  !important;
}


.details-actions
{
    list-style: outside none none;
    margin: 0;
    padding-top: 10px;
}



.list-actions
{
    padding-right:60px;
    padding-top:2px;

}

.list-body .paginator-counter
{
    padding-top:2px;
    padding-left:75px;
}

.list-body .navigation
{
    padding-right:60px;
}

.paginator-counter
{
    padding-top:2px;
    padding-left:45px;
}

.navigation
{
    padding-right:30px;
}

.sub-list-actions
{
    padding-right:40px;
}


.help-arrow
{
    font-size:25px; 
    line-height: 30px;   
} 

.form-errors li
{
    list-style: outside none none;
}

.has-error{
    border-bottom-color: #f77066;

}

.error li 
{
    margin-top:5px;
    color:#f77066;
}

.error li .glyphicon  
{
    display:inline-block;
    margin-right: 3px;
} 



/*Call Center Register*/

.steps
{

    color:#fff;
    font-size:25px;
    width:50px;
    height:50px;
    line-height:50px;
    text-align: center;
    margin:0px auto;
    margin-top:20px;
}

.center
{
    margin:0px auto;
    text-align: center;
}


.wizard-title
{
    margin-top:20px;

}

.build-status-img{
	display: block;
	max-width: 223px;
}

.call-center-adress
{

    width:150px !important;
    display:inline-block;

}

.call-center-adress input{
    text-align:right;
}

.call-center-sufix
{




}

.form-container
{

    margin-top:30px;
}

.small-size-form
{
    min-width:300px;
    max-width:500px;
}

.terms
{
    display: block;
    margin-top: 50px;
}


.field-info
{
    color: #666;
}

#progressbar-error .error-list
{

    list-style-type: none;
}


.progress {
    border-radius: 0;
    box-shadow: none;
    height: 21px;
    margin-bottom: 10px;
    margin-top: 0;
}

.call-center-sufix {
    display: block;
    font-size: 18px;
    margin-top: 5px;
    float: left;
}

.domain-form-group
{
    display:block;
    float: left;

}

.domain-widget-wrapper
{
    width:400px; 
}

.register-icon
{
    font-size:60px;
    color:#aaa;

}

.register-arrow
{
    font-size:40px;
    color:#ddd;
    line-height: 60px;
}

.step-active
{
    color: #FFA500;
    font-size:60px;

}

.step-done
{
    color:#8BC34A;

}

.col-md-half
{
    width:4.15%; 
    float:left;
    min-height: 1px;

    position: relative;

}

.step-title
{
    color:#aaa;
}


.step-title-active
{
    color:#000;
    font-weight: bold;
}

.wizard-block
{

    padding-bottom:30px;margin-top:10px;

}

.align-left
{
    text-align: left;

}




.align-justify
{
    text-align: justify;

}



.preloader {
    position: relative;
    margin: 0px auto;
    display: inline-block;
}
.preloader:not([class*="pl-"]) {
    width: 40px;
}
.preloader:before {
    content: '';
    display: block;
    padding-top: 100%;
}
.preloader.pl-xs {
    width: 20px;
}
.preloader.pl-sm {
    width: 30px;
}
.preloader.pl-lg {
    width: 50px;
}
.preloader.pl-xl {
    width: 80px;
}
.preloader.pl-xxl {
    width: 100px;
}
.preloader:not([class*="pls-"]) .plc-path {
    animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
}
.preloader[class*="pls-"] .plc-path {
    animation: dash 1.5s ease-in-out infinite;
}
.preloader.pls-red .plc-path {
    stroke: #F44336;
}
.preloader.pls-blue .plc-path {
    stroke: #2196F3;
}
.preloader.pls-green .plc-path {
    stroke: #4CAF50;
}
.preloader.pls-yellow .plc-path {
    stroke: #FFEB3B;
}
.preloader.pls-bluegray .plc-path {
    stroke: #607D8B;
}
.preloader.pls-amber .plc-path {
    stroke: #FFC107;
}
.preloader.pls-teal .plc-path {
    stroke: #009688;
}
.preloader.pls-gray .plc-path {
    stroke: #9E9E9E;
}
.preloader.pls-pink .plc-path {
    stroke: #E91E63;
}
.preloader.pls-purple .plc-path {
    stroke: #BA68C8;
}
.preloader.pls-white .plc-path {
    stroke: #fff;
}
.pl-circular {
    animation: rotate 2s linear infinite;
    height: 100%;
    transform-origin: center center;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.plc-path {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    stroke-width: 2;
    stroke-miterlimit: 10;
    fill: none;
}
@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}
@keyframes dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px;
    }
}
@keyframes color {
    100%,
    0% {
        stroke: #F44336;
    }
    40% {
        stroke: #2196F3;
    }
    66% {
        stroke: #4CAF50;
    }
    80%,
    90% {
        stroke: #FFC107;
    }
}



.btn-primary {
    color: #ffffff;
    background-color: #FFA500;
    border-color: #FFA500;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    color: #ffffff;
    background-color: #0c7cd5;
    border-color: #0a68b4;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #FFA500;
    border-color: #FFA500;
}
.btn-primary .badge {
    color: #FFA500;
    background-color: #ffffff;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.open > .dropdown-toggle.btn-primary {
    color: #ffffff;
    background-color: #FFA500;
    border-color: transparent;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active {
    background-color: #FFA500;
    border-color: #FFA500;
}
.btn-primary .badge {
    color: #FFA500;
    background-color: #ffffff;
}