﻿.big-menu-item a {
    color: #666666 !important;
}

    .big-menu-item a:active, .big-menu-item a:hover, .big-menu-item a:link, .big-menu-item a:visited {
        color: #666666 !important;
    }

.font-color-theme {
    color: #666666 !important;
}

.font-color-theme.hover:hover {
        color: #3276b1 !important;
    }

    .menu-controls a {
    color: #666666;
}

    .menu-controls a:active,
    .menu-controls a:hover {
        color: #3276b1;
    }

.font-color-theme2 {
    color: #999999 !important;
}

.k-radio-label:before {
    top: 0 !important;
    left: 0 !important;
}

.progress-indicator > li.completed .bubble, .progress-indicator > li.completed .bubble:after, .progress-indicator > li.completed .bubble:before {
    color: #fff !important;
    border-color: #285e8e !important;
    background-color: #3276b1 !important;
}

.progress-indicator > li.completed, .progress-indicator > li.completed .bubble {
    color: #3276b1 !important;
}

.theme-color {
    color: #3276b1;
}
.menu-statistics li:hover {
    background-color: rgba(170, 170, 170, 1);
}

.tab-links .inactive {
    color: #999999 !important;
}

/*Custom kendo*/

.dark-black-text {
    color: #37474f;
}

.light-black-text {
    color: #76838f;
}

.light-blue-text {
    color: #62a8ea !important;
}

.white-text {
    color: #fff !important;
}

.red-text {
    color: #f96868 !important;
}

.green-text {
    color: #46be8a !important;
}

.orange-text {
    color: #f2a654 !important;
}

.info-text {
    color: #57c7d4 !important;
}

.dark-black-bkg {
    background-color: #37474f;
}

.light-black-bkg {
    background-color: #76838f;
}

.light-blue-bkg {
    background-color: #62a8ea;
}

.light-orange-bkg {
    background-color: #F48F33;
}

.info-bkg {
    background-color: #57c7d4;
}

.white-bkg {
    background-color: #fff;
}

.red-bkg {
    background-color: #f96868;
}

.orange-bkg {
    background-color: #f2a654;
}

.green-bkg {
    background-color: #46be8a;
}

/*************************************
             KENDO STYLING
*************************************/

/************ DATE PICKER + DATE TIME PICKER ***********/

.k-widget.k-datepicker,
.k-widget.k-datetimepicker {
    font-size: 16px !important;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
}
.k-widget.k-datepicker .k-select,
.k-widget.k-datetimepicker .k-select {
    background-color: #62a8ea !important;
    border-color: #62a8ea;
}

.k-widget.k-datepicker .k-picker-wrap,
.k-widget.k-datetimepicker .k-picker-wrap {
    border-color: #62a8ea;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.k-widget.k-datepicker .k-input,
.k-widget.k-datetimepicker .k-input {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
}

.k-widget.k-datepicker .k-input:focus,
.k-widget.k-datetimepicker .k-input:focus {
     -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
}

.k-widget.k-calendar thead > tr > th {
    font-size: 16px !important;
    font-family: "Roboto", sans-serif;
}

.k-icon.k-i-calendar {
    background-image: url(../kendo/2015.3.1111/Bootstrap/sprite-white.png) !important;
}

/********************* TIME PICKER *****************/

.k-widget.k-timepicker {
    font-size: 16px !important;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
}
.k-widget.k-timepicker .k-select {
    background-color: #62a8ea !important;
    border-color: #62a8ea;
}

.k-widget.k-timepicker .k-picker-wrap {
    border-color: #62a8ea;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.k-widget.k-timepicker .k-input {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
}

.k-widget.k-timepicker .k-input:focus {
     -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
}

.k-icon.k-i-clock {
    background-image: url(../kendo/2015.3.1111/Bootstrap/sprite-white.png) !important;
}

/***************** NUMERIC TEXT BOX ****************/

.k-widget.k-numerictextbox {
    font-size: 16px !important;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
}
.k-widget.k-numerictextbox .k-select {
    background-color: #62a8ea !important;
    border-color: #62a8ea;
}

.k-widget.k-numerictextbox .k-numeric-wrap {
    border-color: #62a8ea;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.k-widget.k-numerictextbox .k-input {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
}

.k-widget.k-numerictextbox .k-input:focus {
     -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
}

.k-icon.k-i-arrow-n,
.k-icon.k-i-arrow-s {
    background-image: url(../kendo/2015.3.1111/Bootstrap/sprite-white.png) !important;
}

/***************** DROP DOWN LIST + COMBOBOX ****************/

.k-widget.k-dropdown,
.k-widget.k-combobox {
    font-size: 16px !important;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
}
.k-widget.k-dropdown .k-select,
.k-widget.k-combobox .k-select {
    background-color: #62a8ea !important;
    border-color: #62a8ea;
}

.k-widget.k-dropdown  .k-dropdown-wrap,
.k-widget.k-combobox  .k-dropdown-wrap {
    border-color: #62a8ea;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.k-widget.k-dropdown  .k-dropdown-wrap.k-state-hover,
.k-widget.k-combobox  .k-dropdown-wrap.k-state-hover {
    background-color: #fff !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.k-widget.k-dropdown  .k-input,
.k-widget.k-combobox  .k-input {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
    text-align: left !important;
}

.k-widget.k-dropdown  .k-input:focus,
.k-widget.k-combobox  .k-input:focus {
     -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
}

/***************** MULTISELECT ****************/

.k-widget.k-multiselect {
    font-size: 16px !important;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    border-color: #62a8ea !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.k-widget.k-multiselect .k-multiselect-wrap.k-floatwrap {
    border-color: #62a8ea !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.k-widget.k-multiselect .k-input {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
}

.k-widget.k-multiselect .k-input:focus {
     -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
}

.k-widget.k-multiselect ul > li {
    background-color: #fff;
}

.k-widget.k-multiselect ul li span {
    color:#37474f !important;
}

/*********************  GRID ******************/

.k-grid-header th.k-header > a {
    color: #37474f !important;
    font-family: "Roboto Condensed", sans-serif !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    letter-spacing: 1px !important;
}

.k-grid-content td {
    font-size: 13px !important;
    font-family: "Roboto", sans-serif;
    font-weight: 300 !important;
    color: #37474f;
}

.k-block, .k-header, .k-grid-header, .k-toolbar, .k-grouping-header, .k-pager-wrap, .k-draghandle, html .km-pane-wrapper .k-header {
    background-color: #fafafa !important;
}

/************************* BUTTONS ***********************/

.button {
    position: relative;
    display: inline-block;
    font-style: normal !important;
    border-width: 1px;
    border-style: solid;
    border-radius: 3px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    font-family: "Noto Sans", sans-serif;
    text-decoration: none !important;
    color: #37474f;
}

.button.large {
    padding: 8px 25px;
    font-size: 16px;
}

.button.medium {
    padding: 6px 20px;
    font-size: 13px;
}

.button.small {
    font-size: 12px;
    min-width: 50px;
    padding: 2px 10px;
    text-align: center;
}

.button:hover,
.button:active {
    color: #fff !important;
}

.button.blue.light-blue-bkg .k-icon,
.button.green.green-bkg .k-icon,
.button.red.red-bkg .k-icon,
.button.orange.orange-bkg .k-icon,
.button.info.info-bkg .k-icon{
    background-image: url(../kendo/2015.3.1111/Bootstrap/sprite-white.png) !important;
}

/** blue **/
.button.blue {
    border-color: #62a8ea;
}

    .button.blue:not(.light-blue-bkg) .k-icon {
    background-image: url(../kendo/2015.3.1111/Bootstrap/sprite-blue.png) !important;
    }

    .button.blue:hover {
        border-color:#89bceb !important;
        background-color: #89bceb !important;
    }

    .button.blue:active {
        border-color:#4e97d9 !important;
        background-color: #4e97d9 !important;
    }

/** red **/
.button.red {
    border-color: #f96868;
}

    .button.red:not(.red-bkg) .k-icon {
        background-image: url(../kendo/2015.3.1111/Bootstrap/sprite-red.png) !important;
    }

    .button.red:hover {
        border-color:#fa7a7a !important;
        background-color: #fa7a7a !important;
    }

    .button.red:active {
        border-color:#e9595b !important;
        background-color: #e9595b !important;
    }

/** green **/
.button.green {
    border-color: #46be8a;
}

    .button.green:not(.green-bkg) .k-icon {
        background-image: url(../kendo/2015.3.1111/Bootstrap/sprite-green.png) !important;
    }

    .button.green:hover {
        border-color:#5cd29d !important;
        background-color: #5cd29d !important;
    }

    .button.green:active {
        border-color:#36ab7a !important;
        background-color: #36ab7a !important;
    }

/** orange **/
.button.orange {
    border-color: #f2a654;
}

    .button.orange:not(.orange-bkg) .k-icon {
        background-image: url(../kendo/2015.3.1111/Bootstrap/sprite-orange.png) !important;
    }

    .button.orange:hover {
        border-color:#f4b066 !important;
        background-color: #f4b066 !important;
    }

    .button.orange:active {
        border-color:#e79857 !important;
        background-color: #e79857 !important;
    }

/** info **/

.button.info {
    border-color: #57c7d4;
}

    .button.info:not(.info-bkg) .k-icon {
        background-image: url(../kendo/2015.3.1111/Bootstrap/sprite-info.png) !important;
    }

    .button.info:hover {
        border-color:#77d6e1 !important;
        background-color: #77d6e1 !important;
    }

    .button.info:active {
        border-color:#47b8c6 !important;
        background-color: #47b8c6 !important;
    }

.k-icon.k-sprite-white {
    background-image: url(../kendo/2015.3.1111/Bootstrap/sprite-white.png) !important;
}

.button .k-icon {
    margin-right: 2px !important;
    position: relative;
    top: -1px;
}

.button:hover .k-icon,
.button.red:hover .k-icon, 
.button.orange:hover .k-icon,
.button.blue:hover .k-icon,
.button.green:hover .k-icon,
.button.info:hover .k-icon,
.button.red:hover .k-icon {
    background-image: url(../kendo/2015.3.1111/Bootstrap/sprite-white.png) !important;
}

/********************* K-WINDOW ********************/

.k-widget.k-window {
    /*left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    margin: auto;
    position: fixed !important;*/
    z-index: 10100 !important;
}

.k-window-title {
    font-family: "Noto Sans",sans-serif;
    font-size: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

/********************** LISTVIEW *********************/

.k-listview {
    font-weight: 300 !important;
    font-family: "Roboto", sans-serif;
    color: #76838f !important;
    border: solid 1px #e4eaec !important;
}

/******************* TABSTRIP *******************/

.k-widget.k-tabstrip {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    /*background-color: #fff !important;*/
}

.k-widget.k-tabstrip .k-content  {
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
    position: relative;
    top: -0.5px !important;
}

.k-widget.k-tabstrip .k-content.k-state-active {
    border-top: solid 1px #e4eaec !important;
}

.k-tabstrip-items .k-item.k-state-default a {
    color:#76838f !important;
    font-size: 16px !important;
}

.k-tabstrip-items .k-item.k-state-default.k-state-hover {
    background-color: #e4eaec !important;
    border: solid 1px #e4eaec;
}

.k-tabstrip-items .k-item.k-state-default.k-state-active {
    border-color: #62a8ea !important;
}

.k-tabstrip-items .k-item.k-state-default.k-state-active a {
    color: #fff !important;
    font-size: 16px !important;
    border: solid 1px #62a8ea !important;
    background-color: #62a8ea !important;
}

/************************* UPLOAD + IMAGE BROWSER ***********************/

.k-upload-button  {
    min-width: 10px !important;
}

.k-imagebrowser .k-widget.k-search-wrap.k-textbox {
    height: auto !important;
    border: none !important;
    position: relative;
}

.custom-search-icon {
    position: absolute !important;
    z-index: 1000;
    right: 0px !important;
    top: 0px !important;
    width: 50px;
    height: 100%;
    line-height: 2em;
    background-color: #57c7d4 !important;
    background-image: none !important;
    text-align: center;
    border-radius: 0px 3px 3px 0px !important;
    background-position: 0px 0px !important;
    text-decoration: none;
}

.custom-search-icon:before {
    content: "\f002";
    font-family: FontAwesome;
    color: #fff !important;
    position: relative;
    font-size: 16px;
    line-height: 2.6em;
}

.custom-search-icon:active,
.custom-search-icon:hover {
    background-color: #77d6e1 !important;
    text-decoration: none;
    color: #fff !important;
    background-position: 0px 0px !important;
}

/***************************** SCHEDULER ****************************/

.k-scheduler-table th {
    font-family: "Roboto", sans-serif;
    font-weight: 300 !important;
    color: #37474f;
}

.k-scheduler-toolbar > ul > li {
    border: none !important;
}

.k-scheduler-table .k-today, .k-today > .k-scheduler-datecolumn, .k-today > .k-scheduler-groupcolumn {
    background-color: #fff !important;
}

/*******************************************************************/
/*********************** END KENDO STYLING *************************/
/*******************************************************************/
/*#sm-logo {
    content: url("../../Images/small-logo-blue.png");
}*/

.sm-email {
    content: url("../../Images/svgs/dashboardgray/email-g-01.svg");
}

.sm-sms {
    content: url("../../Images/svgs/dashboardgray/SMS_G-01.svg");
}

.sm-account-settings {
    content: url("../../Images/svgs/dashboardgray/Settingsw-g-01.svg");
}

.sm-voice {
    content: url("../../Images/svgs/dashboardgray/AutomaticCalls_G-01.svg");
}

.sm-mcrd {
    content: url("../../Images/svgs/dashboardgray/Credito-g-01.svg");
}

.sm-mng {
    content: url("../../Images/svgs/dashboardgray/Utenti_g-01.svg");
}

.sm-mpl {
    content: url("../../Images/svgs/dashboardgray/Price list-g-01.svg");
}

.sm-dashboard {
    content: url("../../Images/small-logo-blue.png");
}

/*#lg-logo
{
	 content: url(../../Images/logo_sendservice_white.png);
}*/

.k-panelbar>li.k-state-default>.k-link.k-state-selected
{
    color: #444444;
}
.k-panelbar>li>.k-link.k-state-selected
{
    color: #444444;
}

/*Clase pentru status campaign*/
    /*Created*/
    .status-0 {
        background-color: #C8E6C9;
    }
    /*Working*/
    .status-1 {
        background-color: #DCEDC8;
    }
    /*Paused*/
    .status-2 {
        background-color: #B3E5FC;
    }
    /*Finnished*/
    .status-3 {
        background-color: #F0F4C3;
    }
    /*Stopped*/
    .status-4 {
        background-color: #FFCDD2;
    }
    /*ForsedPause*/
    .status-5 {
        background-color: #FFECB3;
    }
    /*Processing*/
    .status-6 {
        background-color: #D1C4E9;
    }
    /*ContactYourReseller*/
    .status-7 {
        background-color: #FFCDD2;
    }
    /*NotEnoughCredit*/
    .status-8 {
        background-color: #FFCDD2;
    }

.sub-menu-background-color {
    background-color: whitesmoke !important;
}

.statistics-summary {
    background-color: #f5f5f5;
    color: #37474f;
}

.link-color {
    color: #337ab7 !important;
}

.spinner-progress > div {
    background-color: #3276b1;
}
.spinner-progress .txt {
    color: #3276b1;
}