@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
*{
    padding: 0;
    margin: 0;
    outline: none;
}
::placeholder
{
    color: #222;
    font-size: 14px;
    font-style: italic;
}
::selection,::-moz-selection { 
    border: none;
    color: black;
    background-color:yellow;
}
html
{
    overflow-y: hidden;
    font-family: 'Roboto', sans-serif;
}
.edit span:before
{
    content: "\f044";
    font-family: FontAwesome;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 20px;
}
.edit
{
    cursor: pointer;
    text-align: center;
}

.edit:hover
{
    cursor: pointer;
    color: #0000FF;
}

.error{
    color:red;
}

.up span:before
{
    content: "\f176";
    font-family: FontAwesome;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 20px;
}
.up
{
    cursor: pointer;
    text-align: center;
}

.up:hover
{
    cursor: pointer;
    color: #0000FF;
}

.down span:before
{
    content: "\f175";
    font-family: FontAwesome;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 20px;
}
.down
{
    cursor: pointer;
    text-align: center;
}

.down:hover
{
    cursor: pointer;
    color: #0000FF;
}

.delete span:before
{
    content: "\f014";
    font-family: FontAwesome;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 20px;
    
}
.delete
{
    cursor: pointer;
    text-align: center;
    color:#FF0000;
}

.delete:hover
{
    cursor: pointer;
    color:#F00000;
    text-align: center;
}
.clear span:before
{
    content: "\f147";
    font-family: FontAwesome;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 20px;
}
.add span:before
{
    content: "\f0fe";
    font-family: FontAwesome;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 20px;
}

.clear, .save, .add, .insert-above, .insert-below
{
    cursor: pointer;
    text-align: center;
}
.clear:hover, .save:hover, .add:hover, .insert-above:hover, .insert-below:hover
{
    cursor: pointer;
    color:#0000FF;
    text-align: center;
}

.save span:before
{
    content: "\f0c7";
    font-family: FontAwesome;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 20px;
}

.status-active span:before
{
    content: "\f00c";
    font-family: FontAwesome;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 20px;
    color: #00FF00;
}

.status-inactive span:before
{
    content: "\f00d";
    font-family: FontAwesome;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 20px;
    color:#FF0000;
}

.cancel span:before
{
    content: "\f00d";
    font-family: FontAwesome;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 20px;
}

.status-active,.status-inactive,.cancel
{
    cursor: pointer;
    text-align: center;
}

.swiper-container{
    position: relative;
}
.banner-overlay{
    position: absolute;
    left: 10%;
    top: 0%;
    bottom: 0%;
    right: 40%;
    background-color: #262626;
    z-index: 100;
    opacity: 0.8;
}

.navbar-menu{
    position: fixed;
    left: 0%;
    right: 0%;
}

.form-main-container {
    background: -moz-linear-gradient(45deg, rgba(255,0,255,1) 0%, rgba(0,255,255,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(255,0,255,1)), color-stop(100%, rgba(0,255,255,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(45deg, rgba(255,0,255,1) 0%, rgba(0,255,255,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(45deg, rgba(255,0,255,1) 0%, rgba(0,255,255,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(45deg, rgba(255,0,255,1) 0%, rgba(0,255,255,1) 100%); /* ie10+ */
    background: linear-gradient(45deg, rgba(255,0,255,1) 0%, rgba(0,255,255,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffff', endColorstr='#ff00ff',GradientType=1 ); /* ie6-9 */ 
}
.business-plan-main{
    margin-top: 40px !important;
}
#site-wrap, .user-layout-body{
/*background-image: url("/prmsrl/assets/images/prm-background.png") !important;*/
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.help-submit-response p {
    color: #ff3860;
}


body .site-bg-color
{
    background-color: #003f72;
}
body .site-bg-color-lighter
{
    background-color: #f50000;
}
body .site-color
{
    color: #003399;
}
body .site-bg-color-grey
{
    background-color: #333f48;
}
body .site-color-grey,.breadcrumb a
{
    color: #333f48 !important;
}

.table-container .table td,.table-container .table th{
    vertical-align: middle;
}
.control input[type="checkbox"],.control input[type="radio"]
{
    vertical-align: bottom;
}
.table-container input[type="checkbox"]
{
    vertical-align: middle;
}
span.icon > i
{
    cursor: pointer;
}
.has-text-to-upper{
    text-transform: uppercase;
}
.pagination-button{
    box-sizing: border-box;
    display: inline-block;
    padding: 8px;
    color: #333;
    border: 1px solid transparent;
    border-radius: 2px;
}
.pagination-button:hover {
    color: white !important;
    border: 1px solid #111;
    background-color: #585858;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
    background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
    background: -moz-linear-gradient(top, #585858 0%, #111 100%);
    background: -ms-linear-gradient(top, #585858 0%, #111 100%);
    background: -o-linear-gradient(top, #585858 0%, #111 100%);
    background: linear-gradient(to bottom, #585858 0%, #111 100%);
}
.pagination-button.non-pagination:hover {
    cursor: default;
    color: #666 !important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none;
}
.non-pagination {
    cursor: default;
    color: #666 !important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none;
}
.pagination-button:hover {
    color: white !important;
    border: 1px solid #111;
    background-color: #585858;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
    background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
    background: -moz-linear-gradient(top, #585858 0%, #111 100%);
    background: -ms-linear-gradient(top, #585858 0%, #111 100%);
    background: -o-linear-gradient(top, #585858 0%, #111 100%);
    background: linear-gradient(to bottom, #585858 0%, #111 100%);
}

.pagination-button.current {
    color: #333 !important;
    border: 1px solid #979797;
    background-color: white;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));
    background: -webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: -o-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%);
}
.ellipsis {
    padding: 0 1em;
}

.loading-ring {
  display: inline-block;
  width: 80px;
  height: 80px;
}
.loading-ring:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 4px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading-ring 1.2s linear infinite;
}
@keyframes loading-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}