/* Main Site */
body{
    font-family: Averta,sans-serif;
    color: #424242;
    outline: none !important;
    height: 100vh;
    background-image: url("/include/images/background.png") !important;
    background-position: center;
}

img{
    outline: none !important;
}
a {
    outline: none !important;
}

tr, td{
    outline: none !important;
}

input:focus, textarea:focus, select:focus{
    outline: none !important;
}

.centerdiv{
    position: fixed;top: 40%;left: 50%;
    transform: translate(-50%, -50%);width: 100%;
    margin:auto;text-align: center
}

/* Loading */
.loading{
    margin-left:205px;
    margin-right:5px;
}

.loading_main{
    /*margin-left:205px;*/
    z-index: 100;
    margin-left:5px;
    margin-right:5px;
}

/* Font Awesome */
.fa{
    color: #424242;
    padding-right: 5px;
}
/* Main Color */
.main{
    color: #a6235e;
}
.main1{
    color: #36a3ac !important;
}


/* Elements */
.button{
    color: #ffffff;
    background-image: linear-gradient(#af215c, #74286b) !important;
    font-weight: bold !important;
}

.btn-main1{
    color: #ffffff;
    background-image: linear-gradient(#36a3ac, #7cc6a0) !important;
    font-weight: bold !important;
}

.btn-main2{
    color: #fff !important;
    background-image: linear-gradient(#ec5531, #e41f3d) !important;
    font-weight: bold !important;
}

.button .fa{
    color: #ffffff;
}

.selected{
    color: #a6235e;
}

.link{
    color: #a6235e;
}

.button.success{
    color: #424242;
    background-color: #399139;
    border-color: #448d47;
}

.button.delete{
    color: #fff;
    background-image: linear-gradient(#ec5531, #e41f3d);
}

.button.save{
    color: #fff;
    background-image: linear-gradient(#36a3ac, #7cc6a0);
}

/* Menu */
.menuitem {
    color: #6e6e6e;
}

.menuitem:hover {
    border-left: solid 4px #ec5531;
    color: #6e6e6e;
}

.menuitem.active {
    color: #6e6e6e;
    border-left: solid 4px #a6235e;
}

.sub{
    border-bottom: solid 1px #a6235e;
}

.menuitem_sub{
    border-left: solid 2px #a6235e;
}






/* Tables */
th{
    background-color: rgba(211, 211, 211, 0.28);
}

/* Doalog */
.dialog-success{
    color: #fff;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #399139), color-stop(1, #39b339));
    background:-moz-linear-gradient(top, #399139 5%, #39b339 100%);
    background:-webkit-linear-gradient(top, #399139 5%, #39b339 100%);
    background:-o-linear-gradient(top, #399139 5%, #39b339 100%);
    background:-ms-linear-gradient(top, #399139 5%, #39b339 100%);
    background:linear-gradient(to bottom, #399139 5%, #39b339 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2',GradientType=0);
    background-color:#39b339;
}

.dialog-warning{
    color: #fff;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e5ac41), color-stop(1, #ffc641));
    background:-moz-linear-gradient(top, #e5ac41 5%, #ffc641 100%);
    background:-webkit-linear-gradient(top, #e5ac41 5%, #ffc641 100%);
    background:-o-linear-gradient(top, #e5ac41 5%, #ffc641 100%);
    background:-ms-linear-gradient(top, #e5ac41 5%, #ffc641 100%);
    background:linear-gradient(to bottom, #e5ac41 5%, #ffc641 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5ac41', endColorstr='#019ad2',GradientType=0);
    background-color:#e5ac41;
}

.dialog-error{
    color: #fff;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e8736e), color-stop(1, #b45a5a));
    background:-moz-linear-gradient(top, #e8736e 5%, #b45a5a 100%);
    background:-webkit-linear-gradient(top, #e8736e 5%, #b45a5a 100%);
    background:-o-linear-gradient(top, #e8736e 5%, #b45a5a 100%);
    background:-ms-linear-gradient(top, #e8736e 5%, #b45a5a 100%);
    background:linear-gradient(to bottom, #e8736e 5%, #b45a5a 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5ac41', endColorstr='#019ad2',GradientType=0);
    background-color:#e8736e;
}

.dialog-info{
    color: #fff;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7ea6e8), color-stop(1, #648bb4));
    background:-moz-linear-gradient(top, #7ea6e8 5%, #648bb4 100%);
    background:-webkit-linear-gradient(top, #7ea6e8 5%, #648bb4 100%);
    background:-o-linear-gradient(top, #7ea6e8 5%, #648bb4 100%);
    background:-ms-linear-gradient(top, #7ea6e8 5%, #648bb4 100%);
    background:linear-gradient(to bottom, #7ea6e8 5%, #648bb4 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ea6e8', endColorstr='#648bb4',GradientType=0);
    background-color:#7ea6e8;
}


/* Colors */
.btn-green{
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #399139), color-stop(1, #39b339));
    background:-moz-linear-gradient(top, #399139 5%, #39b339 100%);
    background:-webkit-linear-gradient(top, #399139 5%, #39b339 100%);
    background:-o-linear-gradient(top, #399139 5%, #39b339 100%);
    background:-ms-linear-gradient(top, #399139 5%, #39b339 100%);
    background:linear-gradient(to bottom, #399139 5%, #39b339 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2',GradientType=0);
    background-color:#39b339;
}

.btn-blue{
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #4b7191), color-stop(1, #245fb3));
    background:-moz-linear-gradient(top, #4b7191 5%, #245fb3 100%);
    background:-webkit-linear-gradient(top, #4b7191 5%, #245fb3 100%);
    background:-o-linear-gradient(top, #4b7191 5%, #245fb3 100%);
    background:-ms-linear-gradient(top, #4b7191 5%, #245fb3 100%);
    background:linear-gradient(to bottom, #4b7191 5%, #245fb3 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2',GradientType=0);
    background-color:#245fb3;
}

/* Colors */
.btn-red{
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e8736e), color-stop(1, #b45a5a));
    background:-moz-linear-gradient(top, #e8736e 5%, #b45a5a 100%);
    background:-webkit-linear-gradient(top, #e8736e 5%, #b45a5a 100%);
    background:-o-linear-gradient(top, #e8736e 5%, #b45a5a 100%);
    background:-ms-linear-gradient(top, #e8736e 5%, #b45a5a 100%);
    background:linear-gradient(to bottom, #e8736e 5%, #b45a5a 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5ac41', endColorstr='#019ad2',GradientType=0);
    background-color:#e8736e;
}

/* Screen Less Than 993px */
@media (max-width: 992px) {
    .loading {
        margin-left: 0 !important;
    }
}

/* No Padding */
.no-pad{
    padding: 0px !important;
}
.no-mar{
    margin: 0px !important;
}

.green_panel{
    background-image: linear-gradient(#36a3ac, #7cc6a0);
    /*background-color: #684747;*/
    padding: 15px;
    margin: 10px;
    border-radius: 2px;
    -webkit-box-shadow: 4px 4px 19px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: 4px 4px 19px -6px rgba(0,0,0,0.75);
    box-shadow: 4px 4px 19px -6px rgba(0,0,0,0.75);
}

.orange_panel{
    background-image: linear-gradient(#ec5531, #e41f3d);
    /*background-color: #684747;*/
    padding: 15px;
    margin: 10px;
    border-radius: 2px;
    -webkit-box-shadow: 4px 4px 19px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: 4px 4px 19px -6px rgba(0,0,0,0.75);
    box-shadow: 4px 4px 19px -6px rgba(0,0,0,0.75);
}

.pink_panel{
    background-image: linear-gradient(#af215c, #74286b);
    /*background-color: #684747;*/
    padding: 15px;
    margin: 10px;
    border-radius: 2px;
    -webkit-box-shadow: 4px 4px 19px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: 4px 4px 19px -6px rgba(0,0,0,0.75);
    box-shadow: 4px 4px 19px -6px rgba(0,0,0,0.75);
}


.hideInput {width: 0; height: 0; position: absolute; left: -9999px;}

/* TOGGLE STYLING */
.toggle {
    box-sizing: border-box;
    font-size: 0;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: stretch;
}
/*input {@include hideInput;}*/
input + label {
    margin: 0;
    padding: .75rem 2rem;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    border: solid 1px #DDD;
    background-color: #FFF;
    font-size: 1rem;
    line-height: 140%;
    font-weight: 600;
    text-align: center;
    box-shadow: 0 0 0 rgba(255, 255, 255, 0);
    transition: border-color .15s ease-out,
    color .25s ease-out,
    background-color .15s ease-out,
    box-shadow .15s ease-out;
}

.first-of-type {border-radius: 6px 0 0 6px; border-right: none;}
.last-of-type {border-radius: 0 6px 6px 0; border-left: none;}

input:hover + label {border-color: #36a3ac;}
input:checked + label {
    background-image: linear-gradient(#36a3ac, #7cc6a0);
    color: #FFF;
    /*box-shadow: $activeShadow;*/
    border-color: #36a3ac;
    z-index: 1;
}

.div_error{
    border: 1px solid red !important;
}