/*
 * Copyright (c) 2017 - Reliance Smart Systems Ltd.
 * Author: Pieter-Jan De Boeck - All rights reserved.
 */

/**
 *
 * Apply your custom CSS here
 *
*/

body {	
}

a {
}

.nv-file-over { border: dotted 3px red; }

.my-form input.ng-invalid.ng-dirty {
    background-color: #FA787E;
}
.my-form select.ng-invalid.ng-dirty {
    background-color: #FA787E;
}
.my-form textarea.ng-invalid.ng-dirty {
    background-color: #FA787E;
}

.separator {
    margin-right:10px;
}

.ratings-container {
    padding:4px 0;
    height:30px;
    line-height:22px;
}


.ratings {
    width:94px;
    height:16px;
    display:inline-block;
    background: url(../images/ratings.png) no-repeat;
    background-position: 0 0;
}

.ratings .ratings-result {
    height:16px;
    background: url(../images/ratings.png) no-repeat;
    background-position: 0 -16px;
}

.grayout {
    opacity: 0.4;
    filter: alpha(opacity=40); /* msie */
    background-color: #000;
}

/*hr {
    height:0;
    border:0;
    border-top:1px solid #777;
}
*/


#addEditProductModal.body .modal-dialog  {
    width: 1024px;
}




div.display-custom-metafields .form-control {
    padding: 3px 6px;
}

select.form-control.my-custom-width {
    width: 225px !important;
}

div.display-custom-metafields .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 5px;
    padding-right: 5px;
}

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

.fa-2x-custom {
    font-size: 2em!important;
    color: grey;
}



/*input[required], select[required] {*/
    /*background-color: lightcoral;*/
/*}*/
/*input[required]:after, select[required]:after {*/
     /*content:"*";*/
 /*}*/

form .help-block {
    color: red !important;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}


footer.main-footer {
    position: relative;
    bottom: 0px;
    width: 100%;
}

.custom-checkbox-alt-color {
    background: #09a6b2;
    border-color: #09a6b2;
}


.dot {
    width: 10px;
    height: 10px;
    border-radius: 50%; /* the magic */
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.wider-tooltip {
     width: 300px;

 }
.wider-tooltip.tooltip-inner {
    max-width: 300px;
}

.green {
    background-color: lightgreen;
}

.light-yellow {
    background-color: lightyellow;
}
.orange {
    background-color: orange;
}

.red {
    background-color: red;
}


.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

.nodrag {
    user-drag: none;
    user-select: none;
}


#main-menu a {
    /*color:white;*/
    /*color: green;*/
    border-bottom: 0;
}

/*not working*/
/*#main-menu #sidebar-menu header.logo-env {*/
    /*border-bottom: 0 !important;*/
/*}*/


.user-info-navbar-custom {
    /*background-color: #ffffff;*/
    min-height: 0;
    border: 0;
    padding: 0;
    /*margin: -30px;*/
    margin-bottom: 30px;
}




.panel.panel-green .panel-heading {
    background-color: goldenrod;
    color: #ffffff;
}
.panel.panel-green .panel-heading > .panel-title {
    color: #ffffff;
}
.panel.panel-green .panel-heading > .panel-title > a {
    color: inherit;
}
.panel.panel-green .panel-heading > .panel-options {
    color: #ffffff;
}
.panel.panel-green .panel-heading > .panel-options a {
    color: rgba(255, 255, 255, 0.6);
}
.panel.panel-green .panel-heading > .panel-options a:hover {
    color: #ffffff;
}
.panel.panel-green > .panel-disabled {
    background-color: rgba(14, 98, 199, 0.15);
}