/*Login Page*/
#email,#pwd{
    /*background-color:rgba(0,0,0,0.25) !important;*/
    background:#000 !important;
    color:#FFF !important;
}
.login-box{
    margin-top:7%;
    margin-bottom:auto;
    padding:20px;
    /*background-color:rgba(0,0,0,0.5);*/
    border-radius:8px;
    background: rgb(221,75,57);
    background: linear-gradient(180deg, rgba(221,75,57,0.8) 0%, rgba(221,75,57,0.8) 35%, rgba(0,0,0,0.8) 100%);
}

.login-box-body{
    border-radius:10px;
}
#warningMsg .login-alert,.login-alert p,#warningMsg{
    width:100%;
}
#warningMsg .login-alert{
    opacity:1;
    padding:5px;
    display:none;
    border-radius: 8px;
}
/*buttons*/
.btn{
    border-radius:8px !important;
}
.btn-orange{
    background-color:#ff9519;
    color:#FFF;
}
.btn-orange:hover{
    background-color:#CF760E;
    color:#FFF;
}

/*Pagination*/
#pagination{
    margin: 40 40 0;
}
ul.tsc_pagination li a
{
    border:solid 1px;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    padding:6px 9px 6px 9px;
}
ul.tsc_pagination li
{
    padding-bottom:1px;
}
ul.tsc_pagination li a:hover,
ul.tsc_pagination li a.current
{
    color:#FFFFFF;
    box-shadow:0px 1px #EDEDED;
    -moz-box-shadow:0px 1px #EDEDED;
    -webkit-box-shadow:0px 1px #EDEDED;
}
ul.tsc_pagination
{
    margin:4px 0;
    padding:0px;
    height:100%;
    /*overflow:hidden;*/
    font:12px 'Tahoma';
    list-style-type:none;
}
ul.tsc_pagination li
{
    float:left;
    margin:0px;
    margin-top:50px;
    padding:0px;
    margin-left:5px;
    height:50px;
}
ul.tsc_pagination li a
{
    /*color:black;*/
    /*display:block;*/
    text-decoration:none;
    padding:7px 10px 7px 10px;
}
ul.tsc_pagination li a
{
    color:#0A7EC5;
    border-color:#8DC5E6;
    background:#F8FCFF;
}
ul.tsc_pagination li a:hover,
ul.tsc_pagination li a.current
{
    text-shadow:0px 1px #388DBE;
    border-color:#3390CA;
    background:#58B0E7;
    background:-moz-linear-gradient(top, #B4F6FF 1px, #63D0FE 1px, #58B0E7);
    background:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #B4F6FF), color-stop(0.02, #63D0FE), color-stop(1, #58B0E7));
}

/*menu logo colors*/
.logo label{
    cursor:pointer;
}

.classic-red{
    color:#DA2032;
}
.classic-red-background{
    background-color:#DA2032;
}

.classic-black{
    color:#231F20;
}
.classic-black-background{
    background-color:#231F20;
}

.skin-blue .main-header .logo:hover{
    background-color:#FFF;
}

/*side bar*/
.active-A{
    background: rgb(242,82,62) !important;
    background: linear-gradient(90deg, rgba(242,82,62,1) 0%, rgba(242,82,62,1) 10%, rgba(0,0,0,1) 31%) !important;
}

/*home dashboard*/
.content-wrapper.dash-board{
    background-color:#000;
}
body .dash-board .content-header{
    color:#fff;
}

/*Gradient Background Generator*/
.bg-aqua-grad{
    background: rgb(0,167,208);
    background: linear-gradient(180deg, rgba(0,167,208,1) 0%, rgba(0,167,208,1) 60%, rgba(255,255,255,1) 100%);
    color:#fff;
}
.bg-red-grad{
    background: rgb(221,75,57);
    background: linear-gradient(180deg, rgba(221,75,57,1) 0%, rgba(221,75,57,1) 60%, rgba(255,255,255,1) 100%);
    color:#fff;
}
.bg-green-grad{
    background: rgb(0,166,90);
    background: linear-gradient(180deg, rgba(0,166,90,1) 0%, rgba(0,166,90,1) 60%, rgba(255,255,255,1) 100%);
    color:#fff;
}
.bg-yellow-grad{
    background: rgb(255,149,25);
    background: linear-gradient(180deg, rgba(255,149,25,1) 0%, rgba(255,149,25,1) 60%, rgba(255,255,255,1) 100%);
    color:#fff;
}

/*dropdown-menu*/
.user-menu .dropdown-menu{
    box-shadow: 0px 4px 6px rgba(0,0,0,0.4);
}

/*charts*/
.report-chart.info-box .info-box-content .progress {
    background: rgba(0,0,0,0.2);
    margin: 5px -10px -5px -10px;
    height: 17px;
}
.report-chart.info-box .progress .progress-bar {
    background: #fff;
}
.report-chart.info-box{
    min-height: 50px;
    margin-bottom:0;
    border-bottom:0.5px solid #000;
}

.report-chart.info-box .info-box-icon {
    height: 50px;
    width: 50px;
    text-align: center;
    font-size: 30px;
    line-height: 50px;
    background: rgba(0,0,0,0.2);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;

}

.report-chart.info-box .info-box-content {
    margin-left: 50px;
}

.report-chart.info-box .info-box-content .info-box-text {
    text-align:left;
}
/*.report-chart.info-box .info-box-content .info-box-number {*/
/*text-align:right;*/
/*}*/

select option{
    color:#000;
}
#inq_method_div_hide{
display:none;
}

/*Day Calendar*/

.container{
    margin:100px auto;
    width:809px;
}

.light{
    background-color: #fff;
}
.dark{
    margin-left: 65px;
}

.calendar{
    width:370px;
    box-shadow: 0px 0px 35px -16px rgba(0,0,0,0.75);
    font-family: 'Roboto', sans-serif;
    padding: 20px 30px;
    color:#363b41;
    display: inline-block;
}

.calendar_header{
    border-bottom: 2px solid rgba(0, 0, 0, 0.08);
}

.header_copy{
    color:$light_grey;
    font-size:20px;
}
.calendar_plan{
    margin:20px 0 40px;
}
.cl_plan{
    width:100%;
    /*height: 140px;*/
    min-height: 140px;
    background-image: linear-gradient(-222deg, #3F9097, #263031);
    box-shadow: 0px 0px 52px -18px rgba(0, 0, 0, 0.75);
    padding:15px;
    color:#fff;
}
.cl_title{
    margin: 5px 0 5px 0;
    line-height: 2;
}
.cl_copy{
    font-size:20px;
    margin: 10px 0 5px 0;
    display: inline-block;
    line-height:1.3;
}

.cl_add{
    display: inline-block;
    width: 40px;
    height:40px;
    border-radius:50%;
    background-color: #fff;
    cursor: pointer;
    margin:0 0 0 65px;
    color:#c2c2c2;
    padding: 11px 13px;
}
.calendar_events{
    color:$light_grey;
}
.ce_title{
    font-size:14px;
}

.event_item{
    margin: 18px 0;
    padding:5px;
    cursor: pointer;
&:hover{
     background-image: linear-gradient(-222deg, #263031, #3F9097);
     box-shadow: 0px 0px 52px -18px rgba(0, 0, 0, 0.75);
.ei_Dot{
    background-color: #fff;
}
.ei_Copy,.ei_Title{
    color:#fff;
}
}
}

.ei_Dot,.ei_Title{
    display:inline-block;
}

.ei_Dot{
    border-radius:50%;
    width:10px;
    height: 10px;
    background-color: $light_grey;
    box-shadow: 0px 0px 52px -18px rgba(0, 0, 0, 0.75);
}
.dot_active{
    background-color: #263031;
}

.ei_Title{
    margin-left:10px;
    color:#363b41;
}

.ei_Copy{
    font-size:12px;
    margin-left:27px;
}

.dark{
    background-image: linear-gradient(-222deg, #646464, #454545);
    color:#fff;
.header_title,.ei_Title,.ce_title{
    color:#fff;
}

}