/*///////////////////////////////////////////////////////
////////////////EPICDEV DEFAULT STYLES///////////////////
///////////////////////////////////////////////////////*/

body{
    margin: 0px;
    padding: 0px;
    font-family: 'Roboto', sans-serif;
    background-image: url('../images/login-background.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    font-weight: 400;
    min-width: 303px;
    overflow-x: hidden;
}

a{text-decoration: none;}
a:focus{outline: none;outline-offset: 0;}
input:focus,textarea:focus{outline: none;}
img{width: 100%;display:block;}
ul{margin:0;padding:0;}
.cf{*zoom: 1;}
.cf:before,.cf:after{display: table;line-height: 0;content: "";}
.cf:after{clear: both;}

.epi-TSE{
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}

.epi-disableselection {
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -user-select: none;
}

.epi-disable
{
    opacity: 0.2;
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -user-select: none;
    pointer-events: none;
    cursor: default;
}

html, body {height: 100%;}

/*///////////////////////WELCOME///////////////////////*/
#welcome {
    max-width: 400px;
    width: auto;
    margin: 0 auto;
    margin-bottom: -5px;
    background-color: rgba(255,255,255,0.9);
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    -webkit-box-shadow:inset 0 0 0 5px #fff;
    box-shadow:inset 0 0 0 5px #fff;
    padding: 20px;
}

/*//////////////////////MAIN CONT//////////////////////*/
#main-cont {
    max-width: 400px;
    width: auto;
    margin: 0 auto;
    padding: 20px 20px 30px;
    background-color: rgba(255,255,255,0.5);
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    -webkit-box-shadow:inset 0 0 0 5px #fff;
    box-shadow:inset 0 0 0 5px #fff;
}
a.epi-button.submit-btn {display: block;}
input.epi-button.submit-btn {
    display: block;
    width: 100%;
    line-height: 0px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    height: 38px;
    font-size: 12px;
}

ul.epi-list.submit-btns {padding: 0px 10px; display: block; width: auto;}
ul.epi-list.gap-10.submit-btns li {margin-top: 0px;}
ul.epi-list.submit-btns li a.epi-button {font-size: 12px;}

ul.submit-btns li .epi-table .epi-cell {padding-left: 5px; padding-right: 5px;}
ul.submit-btns li:nth-child(1) .epi-table .epi-cell {padding-left: 0px;}
ul.submit-btns li:nth-last-child(1) .epi-table .epi-cell {padding-right: 0px;}

br.hidden-br {display: none;}

/*//////////////////////ERROR LOG//////////////////////*/
div.loginErr {
    display: block;
    margin: 0 10px;
    text-align: center;
    /*display: none;*/
}
div.loginErr span {
    padding: 5px;
    text-align: center;
    font-size: 12px;
    color: #515151;
    font-weight: 300;
    display: block;
    background-color: #fdd0d0;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

/*////////////////EPIRED////////////////////*/
.epi-button.epired {background-color: #cb0000; border: 1px solid #cb0000;}
.epi-button.epired.empty {color: #2c9ad3;}
.epi-button.epired.empty:hover {background-color: #2c9ad3;}
.epi-button.epired.full-to-empty:hover {color: #2c9ad3;}

/*//////////////////////////////////////////////////////
///////////////////////EPIC LAYOUT///////////////////////
/////////////////////////////////////////////////////

div.epi-cell.login-cell {padding: 20px;}

div.epi-main-hold {padding: 10px;}

div.epi-table{
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
}

div.epi-table div.epi-cell{
    display: table-cell;
    vertical-align: top;
    position: relative;
    border-spacing: 10px;
    border-collapse:separate;
}

div.epi-source-count-3 div.epi-cell div.epi-cell {width: auto; float: none;}

div.epi-content{display: block;position: relative;padding: 10px;}

div.epi-table div.epi-cell.epi-center-cell{vertical-align: middle;}

div.epi-table div.epi-cell.wrap-full{width: 100%;}
div.epi-table.epi-source-count-2 > div.epi-cell{width: 50%;}
div.epi-table.epi-source-count-3 > div.epi-cell{width: 33.33%;}
div.epi-table.epi-source-count-4 > div.epi-cell{width: 25%;}
div.epi-table.epi-source-count-5 > div.epi-cell{width: 20%;}
div.epi-table.epi-source-count-6 > div.epi-cell{width: 16.66%;}


div.epi-content {padding: 0px;}
div.epi-table div.epi-cell {border-collapse: separate;border-spacing: 0px;}
//////////////////////////////////////////////////////
////////////////////////BUTTONS//////////////////////////
/////////////////////////////////////////////////////

.epi-button{
    height: 36px;
    padding-left: 20px;
    padding-right: 20px;
    display: inline-block;
    line-height: 36px;
    background-color: #515151;
    color: #fff;
    font-size: 14px;
    text-align: center;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
    border: 1px solid #515151;
    cursor: pointer;
    white-space: nowrap;
}

.epi-button div.epi-ico.small
{
    margin-top: 9px;
}

.epi-button.medium{
    height: 26px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
    line-height: 26px;
}

.epi-button.medium div.epi-ico.small
{
    margin-top: 5px;
}

.epi-button.small{
    height: 18px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 12px;
    line-height: 18px;
}

.epi-button.thin {font-weight: 300;}
.epi-button.bold {font-weight: 700;}

.epi-button.caps{text-transform: uppercase;}
.epi-button:hover{opacity: 0.6;}
.epi-button.empty{color: #515151;}
.epi-button.empty:hover{color: #fff; background-color: #515151;}
.epi-button.full-to-empty:hover{color: #515151; opacity: 1;}

.epi-button.epi-btn-radius-5{-webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;}
.epi-button.epi-btn-radius-10{-webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px;}
.epi-button.epi-btn-radius-100{-webkit-border-radius: 100px 100px 100px 100px; border-radius: 100px 100px 100px 100px;}
////////////////WARNING////////////////////
.epi-button.warning {background-color: #eca00e; border: 1px solid #eca00e;}
.epi-button.warning.empty {color: #eca00e;}
.epi-button.warning.empty:hover {background-color: #eca00e;}
.epi-button.warning.full-to-empty:hover {color: #eca00e;}
////////////////WARNING LIGHT////////////////////
.epi-button.warning.light {background-color: #fffbd5; color: #eca00e; border: 1px solid #f9d082;}
.epi-button.warning.light:hover {background-color: #eca00e; color: #fff; border: 1px solid #eca00e;}
.epi-button.warning.light.full-to-empty:hover {background-color: transparent; color: #eca00e;}
.epi-button.warning.light.empty:hover {background-color: #fffbd5; color: #eca00e;}
////////////////DANGER////////////////////
.epi-button.danger {background-color: #e82929; border: 1px solid #e82929;}
.epi-button.danger.empty {color: #e82929;}
.epi-button.danger.empty:hover {background-color: #e82929;}
.epi-button.danger.full-to-empty:hover {color: #e82929;}
////////////////DANGER LIGHT////////////////////
.epi-button.danger.light {background-color: #ffdede; color: #f28585; border: 1px solid #f5a5a5;}
.epi-button.danger.light:hover {background-color: #e82929; color: #fff; border: 1px solid #e82929;}
.epi-button.danger.light.full-to-empty:hover {background-color: transparent; color: #e82929;}
.epi-button.danger.light.empty:hover {background-color: #ffdede; color: #f28585;}
////////////////SUCCESS////////////////////
.epi-button.success {background-color: #2dc918; border: 1px solid #2dc918;}
.epi-button.success.empty {color: #2dc918;}
.epi-button.success.empty:hover {background-color: #2dc918;}
.epi-button.success.full-to-empty:hover {color: #2dc918;}
////////////////SUCCESS LIGHT////////////////////
.epi-button.success.light {background-color: #e3ffde; color: #2dc918; border: 1px solid #9ce892;}
.epi-button.success.light:hover {background-color: #2dc918; color: #fff; border: 1px solid #2dc918;}
.epi-button.success.light.full-to-empty:hover {background-color: transparent; color: #2dc918;}
.epi-button.success.light.empty:hover {background-color: #e3ffde; color: #2dc918;}
////////////////FANCY////////////////////
.epi-button.fancy {background-color: #d32cbd; border: 1px solid #d32cbd;}
.epi-button.fancy.empty {color: #d32cbd;}
.epi-button.fancy.empty:hover {background-color: #d32cbd;}
.epi-button.fancy.full-to-empty:hover {color: #d32cbd;}
////////////////FANCY LIGHT////////////////////
.epi-button.fancy.light {background-color: #fce8fc; color: #f096e4; border: 1px solid #f5bcee;}
.epi-button.fancy.light:hover {background-color: #d32cbd; color: #fff; border: 1px solid #d32cbd;}
.epi-button.fancy.light.full-to-empty:hover {background-color: transparent; color: #d32cbd;}
.epi-button.fancy.light.empty:hover {background-color: #fce8fc; color: #f2a5e8;}
////////////////COLD////////////////////
.epi-button.cold {background-color: #2c30d3; border: 1px solid #2c30d3;}
.epi-button.cold.empty {color: #2c30d3;}
.epi-button.cold.empty:hover {background-color: #2c30d3;}
.epi-button.cold.full-to-empty:hover {color: #2c30d3;}
////////////////COLD LIGHT////////////////////
.epi-button.cold.light {background-color: #e0e1fc; color: #8789e6; border: 1px solid #a6a8ed;}
.epi-button.cold.light:hover {background-color: #2c30d3; color: #fff; border: 1px solid #2c30d3;}
.epi-button.cold.light.full-to-empty:hover {background-color: transparent; color: #2c30d3;}
.epi-button.cold.light.empty:hover {background-color: #e0e1fc; color: #8789e6;}
////////////////INFO////////////////////
.epi-button.info {background-color: #2c9ad3; border: 1px solid #2c9ad3;}
.epi-button.info.empty {color: #2c9ad3;}
.epi-button.info.empty:hover {background-color: #2c9ad3;}
.epi-button.info.full-to-empty:hover {color: #2c9ad3;}
////////////////INFO LIGHT////////////////////
.epi-button.info.light {background-color: #dcfaff; color: #72bbe1; border: 1px solid #8bc8e7;}
.epi-button.info.light:hover {background-color: #2c9ad3; color: #fff; border: 1px solid #2c9ad3;}
.epi-button.info.light.full-to-empty:hover {background-color: transparent; color: #2c9ad3;}
.epi-button.info.light.empty:hover {background-color: #dcfaff; color: #7cc0e4;}
////////////////WHITE////////////////////
.epi-button.white {background-color: #fff; border: 1px solid #fff; color: #515151;}
.epi-button.white.empty {color: #515151;}
.epi-button.white.empty:hover {background-color: #fff;}
.epi-button.white.full-to-empty:hover {color: #fff; border: 1px solid #fff;}
////////////////EPIRED////////////////////
.epi-button.epired {background-color: #cb0000; border: 1px solid #cb0000;}
.epi-button.epired.empty {color: #2c9ad3;}
.epi-button.epired.empty:hover {background-color: #2c9ad3;}
.epi-button.epired.full-to-empty:hover {color: #2c9ad3;}
////////////////GDARED////////////////////
.epi-button.gdared {background-color: #b80038; border: 1px solid #b80038;}
.epi-button.gdared.empty {color: #b80038;}
.epi-button.gdared.empty:hover {background-color: #b80038;}
.epi-button.gdared.full-to-empty:hover {color: #b80038;}
////////////////PALEBLUE////////////////////
.epi-button.paleblue {background-color: #bfd3d5; border: 1px solid #bfd3d5; color: #444;}
.epi-button.paleblue.empty {color: #444;}
.epi-button.paleblue.empty:hover {background-color: #bfd3d5;}
.epi-button.paleblue.full-to-empty:hover {color: #444;}
////////////////LIGHTGREY////////////////////
.epi-button.lightgrey {background-color: #eeeeee; border: 1px solid #eeeeee; color: #5a5a5a}
.epi-button.lightgrey.empty {color: #5a5a5a;}
.epi-button.lightgrey.empty:hover {background-color: #5a5a5a;}
.epi-button.lightgrey.full-to-empty:hover {color: #5a5a5a;}
////////////////WHITE LIGHT////////////////////
.epi-button.white.light {color: #8e8e8e; background-color: #fff; border: 1px solid #9f9f9f;}
.epi-button.white.light:hover {color: #8e8e8e; background-color: #e3e3e3; border: 1px solid #515151;}
.epi-button.white.light.empty:hover {color: #8e8e8e; background-color: #fff;}
.epi-button.white.light.full-to-empty:hover {background-color: transparent; color: #515151;}
////////////////EMPTY////////////////////
.epi-button.empty {background-color: transparent;}
.epi-button.light.empty {background-color: transparent;}
.epi-button.empty:hover {opacity: 1; color: #fff;}
.epi-button.full-to-empty:hover {background-color: transparent;}
////////////////LIGHT////////////////////
.epi-button.light {color: #8e8e8e; background-color: #e3e3e3; border: 1px solid #9f9f9f;}
.epi-button.light:hover {color: #fff; background-color: #515151; border: 1px solid #515151;}
.epi-button.light.empty:hover {color: #8e8e8e; background-color: #e3e3e3;}
.epi-button.light.full-to-empty:hover {background-color: transparent; color: #515151;}
//////////////////////////////////////////////////////
////////////////////////HEADINGS/////////////////////////
/////////////////////////////////////////////////////

.epi-heading {font-size: 40px; color: #515151; font-weight: 400; text-shadow: none;}
.epi-heading.center {text-align: center;}
.epi-heading.caps {text-transform: uppercase;}
.epi-heading.left {text-align: left;}
.epi-heading.right {text-align: right;}
.epi-heading.thin {font-weight: 300;}
.epi-heading.bold {font-weight: 700;}
.epi-heading.small {font-size: 20px;}
.epi-heading.medium {font-size: 30px;}
.epi-heading.large {font-size: 50px;}
.epi-heading.no-margin {margin: 0px;}
.epi-heading.no-bottom-margin {margin-bottom: 0px;}
.epi-heading.no-top-margin {margin-top: 0px;}
.epi-heading.white {color: #fff;}
.epi-heading.gdared {color: #b80038;}
.epi-heading.warning {color: #eca00e;}
.epi-heading.danger {color: #e82929;}
.epi-heading.success {color: #2dc918;}
.epi-heading.fancy {color: #d32cbd;}
.epi-heading.cold {color: #2c30d3;}
.epi-heading.info {color: #2c9ad3;}
.epi-heading.light {color: #e3e3e3;}
.epi-heading.warning.light {color: #fce8c2;}
.epi-heading.danger.light {color: #f9c5c5;}
.epi-heading.success.light {color: #cef4c9;}
.epi-heading.fancy.light {color: #f9d4f4;}
.epi-heading.cold.light {color: #c6c7f3;}
.epi-heading.info.light {color: #c6e4f3;}

.epi-heading span {font-weight: 400;}
.epi-heading span.thin {font-weight: 300;}
.epi-heading span.bold {font-weight: 700;}
//////////////////////////////////////////////////////
////////////////////////INPUT BOX////////////////////////
/////////////////////////////////////////////////////

.epi-input{width: 100%; position: relative; max-width: 100%; text-align: left; background-color: #fff;}
.epi-input .attachment{display:none;}
.epi-input.labeled .attachment{display: inline-block;}
.epi-input.label-center {text-align: center;}
.epi-input.label-right {text-align: right;}
.epi-input a:hover{
    opacity: 0.8;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -ms-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}

.epi-input div.epi-cell.input {width: 100%;}
.epi-input div.epi-cell.label {min-width: 80px;}
.epi-input.double-sides div.epi-cell.label {min-width: 0px;}

.epi-input div.epi-cell{
    padding-top: 0px;
    padding-bottom: 0px;
    border-spacing: 0px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #777777;
    max-width: 100%;
}

.epi-input div.epi-table{padding-top: 0px; padding-bottom: 0px; border-spacing: 0px; max-width: 100%;}

.epi-input input, 
.epi-input textarea {
    border: 0 none;
    box-shadow: none;
    color: #515151;
    display: block;
    font-size: 14px;
    height: 16px;
    margin: 0;
    min-width: 0;
    padding: 8px 0;
    width: 100%;
}

.epi-input textarea{
    min-height: 38px;
    height: auto;
    font-family: inherit;
    height: 50px;
    margin-bottom: 10px;
    min-width: 100%;
    max-width: 100%;
    font-size: 15px;
    padding-top: 0px;
    margin-top: 10px;
}

.epi-input.center input,
.epi-input.center textarea
{text-align: center;}

.epi-input.right input,
.epi-input.right textarea
{text-align: right;}

////////////////////////RADUIS OF 5////////////////////////////////
.epi-input.epi-input-radius-5,
.epi-input.epi-input-radius-5  div.epi-cell,
.epi-input.epi-input-radius-5  div.epi-cell input
{-webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;}
.epi-input.labeled .epi-input-radius-5,
.epi-input.labeled.epi-input-radius-5  div.epi-cell,
.epi-input.labeled.epi-input-radius-5  div.epi-cell input
{-webkit-border-radius: 0 5px 5px 5px; border-radius: 0 5px 5px 5px;}
.epi-input.labeled.label-center.epi-input-radius-5,
.epi-input.labeled.label-center.epi-input-radius-5  div.epi-cell,
.epi-input.labeled.label-center.epi-input-radius-5  div.epi-cell input
{-webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;}
.epi-input.labeled.label-right.epi-input-radius-5,
.epi-input.labeled.label-right.epi-input-radius-5  div.epi-cell,
.epi-input.labeled.label-right.epi-input-radius-5  div.epi-cell input
{-webkit-border-radius: 5px 0 5px 5px; border-radius: 5px 0 5px 5px;}
.epi-input.labeled.side-label.epi-input-radius-5,
.epi-input.labeled.side-label.epi-input-radius-5  div.epi-cell.input
{-webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0}
.epi-input.labeled.side-label.double-sides.epi-input-radius-5 
{-webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px}
.epi-input.labeled.side-label.epi-input-radius-5  div.epi-cell.label
{-webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px;}
.epi-input.labeled.side-label.label-right.epi-input-radius-5,
.epi-input.labeled.side-label.label-right.epi-input-radius-5  div.epi-cell.label
{-webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0;}
.epi-input.labeled.side-label.label-right.epi-input-radius-5  div.epi-cell.input
{-webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px;}
.epi-input.labeled.side-label.double-sides.epi-input-radius-5 .epi-cell.label:nth-last-child(1)
{-webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0;}
.epi-input.labeled.side-label.double-sides.epi-input-radius-5 .epi-cell.input
{-webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px;}
.epi-input.labeled.lable-full.epi-input-radius-5,
.epi-input.labeled.lable-full.epi-input-radius-5  div.epi-cell,
.epi-input.labeled.lable-full.epi-input-radius-5  div.epi-cell input
{-webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;}
////////////////////////RADUIS OF 10////////////////////////////////
.epi-input.epi-input-radius-10,
.epi-input.epi-input-radius-10  div.epi-cell,
.epi-input.epi-input-radius-10  div.epi-cell input
{-webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px;}
.epi-input.labeled.epi-input-radius-10,
.epi-input.labeled.epi-input-radius-10  div.epi-cell,
.epi-input.labeled.epi-input-radius-10  div.epi-cell input
{-webkit-border-radius: 0 10px 10px 10px; border-radius: 0 10px 10px 10px;}
.epi-input.labeled.label-center.epi-input-radius-10,
.epi-input.labeled.label-center.epi-input-radius-10  div.epi-cell,
.epi-input.labeled.label-center.epi-input-radius-10  div.epi-cell input
{-webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px;}
.epi-input.labeled.label-right.epi-input-radius-10,
.epi-input.labeled.label-right.epi-input-radius-10  div.epi-cell,
.epi-input.labeled.label-right.epi-input-radius-10  div.epi-cell input
{-webkit-border-radius: 10px 0 10px 10px; border-radius: 10px 0 10px 10px;}
.epi-input.labeled.side-label.epi-input-radius-10,
.epi-input.labeled.side-label.epi-input-radius-10  div.epi-cell.input
{-webkit-border-radius: 0 10px 10px 0; border-radius: 0 10px 10px 0;}
.epi-input.labeled.side-label.epi-input-radius-10  div.epi-cell.label
{-webkit-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px;}
.epi-input.labeled.side-label.label-right.epi-input-radius-10,
.epi-input.labeled.side-label.label-right.epi-input-radius-10  div.epi-cell.label
{-webkit-border-radius: 0 10px 10px 0; border-radius: 0 10px 10px 0;}
.epi-input.labeled.side-label.label-right.epi-input-radius-10  div.epi-cell.input
{-webkit-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px;}
.epi-input.labeled.lable-full.epi-input-radius-10,
.epi-input.labeled.lable-full.epi-input-radius-10  div.epi-cell,
.epi-input.labeled.lable-full.epi-input-radius-10  div.epi-cell input
{-webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px;}
////////////////////////RADUIS OF 30////////////////////////////////
.epi-input.epi-input-radius-30,
.epi-input.epi-input-radius-30  div.epi-cell,
.epi-input.epi-input-radius-30  div.epi-cell input
{-webkit-border-radius: 30px 30px 30px 30px; border-radius: 30px 30px 30px 30px;}
.epi-input.labeled .epi-input-radius-30,
.epi-input.labeled.epi-input-radius-30  div.epi-cell,
.epi-input.labeled.epi-input-radius-30  div.epi-cell input
{-webkit-border-radius: 0 30px 30px 30px; border-radius: 0 30px 30px 30px;}
.epi-input.labeled.label-center.epi-input-radius-30,
.epi-input.labeled.label-center.epi-input-radius-30  div.epi-cell,
.epi-input.labeled.label-center.epi-input-radius-30  div.epi-cell input
{-webkit-border-radius: 30px 30px 30px 30px; border-radius: 30px 30px 30px 30px;}
.epi-input.labeled.label-right.epi-input-radius-30,
.epi-input.labeled.label-right.epi-input-radius-30  div.epi-cell,
.epi-input.labeled.label-right.epi-input-radius-30  div.epi-cell input
{-webkit-border-radius: 30px 0 30px 30px; border-radius: 30px 0 30px 30px;}
.epi-input.labeled.side-label.epi-input-radius-30,
.epi-input.labeled.side-label.epi-input-radius-30  div.epi-cell.input
{-webkit-border-radius: 0 30px 30px 0; border-radius: 0 30px 30px 0;}
.epi-input.labeled.side-label.epi-input-radius-30  div.epi-cell.label
{-webkit-border-radius: 30px 0 0 30px; border-radius: 30px 0 0 30px;}
.epi-input.labeled.side-label.label-right.epi-input-radius-30,
.epi-input.labeled.side-label.label-right.epi-input-radius-30  div.epi-cell.label
{-webkit-border-radius: 0 30px 30px 0; border-radius: 0 30px 30px 0;}
.epi-input.labeled.side-label.label-right.epi-input-radius-30  div.epi-cell.input
{-webkit-border-radius: 30px 0 0 30px; border-radius: 30px 0 0 30px;}
.epi-input.labeled.lable-full.epi-input-radius-30,
.epi-input.labeled.lable-full.epi-input-radius-30  div.epi-cell,
.epi-input.labeled.lable-full.epi-input-radius-30  div.epi-cell input
{-webkit-border-radius: 0 0 30px 30px; border-radius: 0 0 30px 30px;}

input.epi-input::-webkit-input-placeholder {color: #515151; opacity: 0.5; font-weight: 400;}
input.epi-input:-moz-placeholder {color: #515151; opacity: 0.5; font-weight: 400;}
input.epi-input::-moz-placeholder {color: #515151; opacity: 0.5; font-weight: 400;}
input.epi-input:-ms-input-placeholder {color: #515151;  opacity: 0.5; font-weight: 400;}

textarea.epi-input::-webkit-input-placeholder {color: #515151; opacity: 0.5; font-weight: 400; font-size: 15px;}
textarea.epi-input:-moz-placeholder {color: #515151; opacity: 0.5; font-weight: 400; font-size: 15px;}
textarea.epi-input::-moz-placeholder {color: #515151; opacity: 0.5; font-weight: 400; font-size: 15px;}
textarea.epi-input:-ms-input-placeholder {color: #515151;  opacity: 0.5; font-weight: 400; font-size: 15px;}

.epi-input div.epi-cell.active{-webkit-box-shadow: 0 0 3px 1px rgba(81,81,81,0.7); box-shadow: 0 0 3px 1px rgba(81,81,81,0.7); border-color: #515151 !important;}

.epi-input.labeled .attachment {
    background-color: #515151;
    border-radius: 5px 5px 0 0;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    height: 22px;
    line-height: 22px;
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    text-align: center;
}

.epi-input.labeled.side-label .label
{
    height: 100%;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    background-color: #515151;
    border: 0px;
    text-align: center;
}

.epi-input.labeled.side-label .label.active
{
    border: 0px;
    box-shadow: none;
}

.epi-input.labeled.side-label .attachment{
    line-height: 12px;
    padding-left: 0px;
    padding-right: 0px;
    background-color: transparent;
    height: auto;
    min-height: 0px;
    display: block;
}

.epi-input.labeled.side-label div.epi-table
{
    width: 100%;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    .epi-input.labeled.side-label.label-right .attachment
    {
        margin-left: -1px;
    }
}

.epi-input.labeled.side-label.epi-input-radius-5 div.epi-cell,
.epi-input.labeled.side-label.epi-input-radius-5 div.epi-cell input{
    -webkit-border-radius: 0 0 0 0; border-radius: 0 0 0 0;
}

.epi-input .attachment .epi-ico
{
    float: left;
}

.epi-input.labeled.lable-full .attachment{width: 90%; padding-left: 5%; padding-right: 5%;}

.epi-input.labeled.side-label.label-right .attachment{ -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0;}
.epi-input.labeled.side-label.lable-full .attachment{width: auto; padding-left: 5px; padding-right: 5px;}
.epi-input.labeled.side-label.lable-full.label-right .attachment{width: auto; padding-left: 10px; padding-right: 10px;}
.epi-input.labeled.side-label:before,.cf:after{line-height: 0;content: "";}
.epi-input.labeled.side-label:after{clear: both;}
////////////////////////WARNING////////////////////////////////
.epi-input.warning div.epi-cell {border: 1px solid #f9d082;}
.epi-input.warning.labeled .attachment {background-color: #eca00e;}
.epi-input.warning div.epi-cell.active{-webkit-box-shadow: 0 0 3px 1px rgba(236,160,14,0.7); box-shadow: 0 0 3px 1px rgba(236,160,14,0.7); border-color: #eca00e !important;}
.epi-input.warning.side-label .attachment{background-color: transparent;}
.epi-input.warning.side-label .epi-cell.label{background-color: #eca00e;}
////////////////////////DANGER////////////////////////////////
.epi-input.danger div.epi-cell {border: 1px solid #f5a5a5;}
.epi-input.danger.labeled .attachment {background-color: #e82929;}
.epi-input.danger div.epi-cell.active{-webkit-box-shadow: 0 0 3px 1px rgba(232,41,41,0.7); box-shadow: 0 0 3px 1px rgba(232,41,41,0.7); border-color: #e82929 !important;}
.epi-input.danger.side-label .attachment{background-color: transparent;}
.epi-input.danger.side-label .epi-cell.label{background-color: #e82929;}
////////////////////////SUCCESS////////////////////////////////
.epi-input.success div.epi-cell {border: 1px solid #9ce892;}
.epi-input.success.labeled .attachment {background-color: #2dc918;}
.epi-input.success div.epi-cell.active{-webkit-box-shadow: 0 0 3px 1px rgba(45,201,24,0.7); box-shadow: 0 0 3px 1px rgba(45,201,24,0.7); border-color: #2dc918 !important;}
.epi-input.success.side-label .attachment{background-color: transparent;}
.epi-input.success.side-label .epi-cell.label{background-color: #2dc918;}
////////////////////////FANCY////////////////////////////////
.epi-input.fancy div.epi-cell {border: 1px solid #f5bcee;}
.epi-input.fancy.labeled .attachment {background-color: #d32cbd;}
.epi-input.fancy div.epi-cell.active{-webkit-box-shadow: 0 0 3px 1px rgba(211,44,189,0.7); box-shadow: 0 0 3px 1px rgba(211,44,189,0.7); border-color: #d32cbd !important;}
.epi-input.fancy.side-label .attachment{background-color: transparent;}
.epi-input.fancy.side-label .epi-cell.label{background-color: #d32cbd;}
////////////////////////COLD////////////////////////////////
.epi-input.cold div.epi-cell {border: 1px solid #a6a8ed;}
.epi-input.cold.labeled .attachment {background-color: #2c30d3;}
.epi-input.cold div.epi-cell.active{-webkit-box-shadow: 0 0 3px 1px rgba(44,48,211,0.7); box-shadow: 0 0 3px 1px rgba(44,48,211,0.7); border-color: #2c30d3 !important;}
.epi-input.cold.side-label .attachment{background-color: transparent;}
.epi-input.cold.side-label .epi-cell.label{background-color: #2c30d3;}
////////////////////////INFO////////////////////////////////
.epi-input.info div.epi-cell {border: 1px solid #8bc8e7;}
.epi-input.info.labeled .attachment {background-color: #2c9ad3;}
.epi-input.info div.epi-cell.active{-webkit-box-shadow: 0 0 3px 1px rgba(44,154,211,0.7); box-shadow: 0 0 3px 1px rgba(44,154,211,0.7); border-color: #2c9ad3 !important;}
.epi-input.info.side-label .attachment{background-color: transparent;}
.epi-input.info.side-label .epi-cell.label{background-color: #2c9ad3;}
////////////////////////PALEBLUE////////////////////////////////
.epi-input.paleblue div.epi-cell {border: 1px solid #bfd3d5;}
.epi-input.paleblue.labeled .attachment {background-color: #bfd3d5; color: #444; font-weight: 300;}
.epi-input.paleblue div.epi-cell.active{-webkit-box-shadow: 0 0 3px 1px rgba(191,211,213,0.7); box-shadow: 0 0 3px 1px rgba(191,211,213,0.7); border-color: #bfd3d5 !important;}
.epi-input.paleblue.side-label .attachment{background-color: transparent;}
.epi-input.paleblue.side-label .epi-cell.label{background-color: #bfd3d5;}
//////////////////////////////////////////////////////
////////////////////////EPIC LIST////////////////////////
/////////////////////////////////////////////////////

ul.epi-list {width: 100%;margin: 0px;padding: 0px; text-align: left; border-spacing: 0px;}
ul.epi-list li {display: inline-block; list-style: none; vertical-align: top;}
ul.epi-list.center {text-align: center;}
ul.epi-list.right li {float: right;}
ul.epi-list.no-gap {font-size: 0px;}
ul.epi-list.gap-half-5 {font-size: 0px;}
ul.epi-list.gap-half-5 li{margin: 2.5px;}
ul.epi-list.gap-5 {font-size: 0px;}
ul.epi-list.gap-5 li{margin: 5px;}
ul.epi-list.gap-10 {font-size: 0px;}
ul.epi-list.gap-10 li{margin: 10px;}
ul.epi-list.gap-20 {font-size: 0px;}
ul.epi-list.gap-20 li{margin: 20px;}
ul.epi-list li.streach-25 {width: 25%;}
ul.epi-list li.streach-33 {width: 33.33%;}
ul.epi-list li.streach-50 {width: 50%;}
ul.epi-list li.streach-100 {display: block;}
ul.epi-list.bottom-margin-5 li {margin-bottom: 5px;}
ul.epi-list.bottom-margin-10 li {margin-bottom: 10px;}
ul.epi-list.bottom-margin-20 li {margin-bottom: 20px;}
ul.epi-list.top-margin-5 li {margin-top: 5px;}
ul.epi-list.top-margin-10 li {margin-top: 10px;}
ul.epi-list.top-margin-20 li {margin-top: 20px;}
ul.epi-list.text-align-left li{text-align: left;}
ul.epi-list.text-align-right li{text-align: right;}
//////////////////////////////////////////////////////
///////////////////////RESPONSIVE////////////////////////
/////////////////////////////////////////////////////*/

/*@media(max-width: 400px){
    br.hidden-br {display: initial;}
}*/