.ng-invalid {
    background-color: #ffedf8;
    border-radius: 4px;
}


.search-control.ng-dirty {
    background-color: #ffffff;
    border-radius: 4px;
}

form.ng-invalid {
    background-color: #ffffff;
    border-radius: 6px;
}

form.ng-dirty {
    background-color: #ffffff;
    border-radius: 4px;
}


label {
    margin-bottom: 1px;
    font-weight: 600;
    font-size: 12px;
    padding-left: 1px;
}

.form-group {
    margin-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px;
}

select.form-control {
    padding-left: 4px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    height: 28px;
    border-radius: 4px 4px;
    font-size: 12px;
}

input.form-control {
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 0px;
    padding-top: 0px;
    height: 28px;
    border-radius: 4px;
    font-size: 12px;
}

div.form-control {
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-top: 4px;
    height: 28px;
    border-radius: 4px;
    border: 1px solid rgb(204, 204, 204);
    background-color: rgb(238, 238, 238);
    font-size: 12px;
    display: table;
}

textarea.form-control {
    font-size: 12px;
}

input[type=checkbox].form-control {
    box-shadow: none;
    width: 28px;
    height: 28px;
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 5px;
    padding-bottom: 0px;
    font-size: 12px;
}


.table th {
    font-size: 12px;
    background-color: #F8F8F8;
}

.table td {
    font-size: 12px;
}

.table tbody > tr > td {
    vertical-align: middle;
}

    .table tbody > tr > td.td-right {
        vertical-align: middle;
        text-align: right;
    }

    .table tbody > tr > td.td-left {
        vertical-align: middle;
    }


    .table tbody > tr > td.td-center {
        vertical-align: middle;
        text-align: center;
    }

.table thead > tr > th.th-center {
    vertical-align: middle;
    text-align: center;
}

.table thead > tr > th.th-left {
    vertical-align: middle;
}

.table thead > tr > th.th-right {
    vertical-align: middle;
    text-align: right;
}

table > tbody > tr.primary > td, .table > tbody > tr.primary > th, .table > tbody > tr > td.primary, .table > tbody > tr > th.primary, .table > tfoot > tr.primary > td, .table > tfoot > tr.primary > th, .table > tfoot > tr > td.primary, .table > tfoot > tr > th.primary, .table > thead > tr.primary > td, .table > thead > tr.primary > th, .table > thead > tr > td.primary, .table > thead > tr > th.primary {
    background-color: rgb(46, 109, 164);
    color: #ffffff;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}




.mainContainer {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: table;
    height: 100%;
}


.slide {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding-left: 0px;
    padding-right: 0px;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
    transform: translateZ(0);
    -ms-interpolation-mode: nearest-neighbor;
}

    .slide.ng-enter,
    .slide.ng-leave {
        -webkit-transition: all 0.7s ease;
        transition: all 0.7s ease;
    }

    .slide.ng-enter {
        left: 100%;
    }

    .slide.ng-enter-active {
        left: 0;
    }

    .slide.ng-leave {
        left: 0;
    }

    .slide.ng-leave-active {
        left: 100%;
    }

.row-centered {
    text-align: center;
}

.col-centered {
    display: inline-block;
    float: none;
    /* reset the text-align */
    text-align: left;
    /* inline-block space fix margin-right: -4px;*/
}


.baldecolor {
    text-align: center;
    margin: 0;
    width: 160px;
    height: 60px;
    border-radius: 4px 4px 10px 10px;
    border: 2px solid gray;
}

html {
    height: 100%;
    
}

body
{
    overflow-x: hidden;
    overflow-y: auto;
}


.full {
    height: 100%;
}


div.panel-body {
    margin: 0;
    padding: 0;
    border: 0;
}


.glyphicon {
}


.loadingBox {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    position: fixed;
    width: 100%;
    height: 100%;
    padding: 1em;
    background: rgba(192,192,192,0.3);
    z-index: 1060;
}

.loadingMessage {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    position: fixed;
    width: 180px;
    height: 60px;
    padding: 1em;
    text-align: center;
    color: #000000;
    font-weight: bold;
    z-index: 1060;
}

body2 {
    background-size: cover;
    background-image: url(/Images/Red-Background-Wallpaper-Texture.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.navbar-nav > li > a {
    padding-top: 5px;
    padding-bottom: 5px;
}
/* make sidebar nav vertical */
@media (min-width: 768px) {
    .sidebar-nav2 .navbar2 .navbar-collapse2 {
        padding: 0;
        max-height: none;
        position: fixed;
        border: 1px solid gray;
        background-color: white;
        height: 100%;
        display: table;
    }
}






.featured {
    color: yellow;
    -webkit-animation-name: featured; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 1.5s; /* Chrome, Safari, Opera */
    animation-name: featured;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes featured {
    from {
        color: yellow;
    }

    to {
        color: red;
    }
}

/* Standard syntax */
@keyframes featured {
    from {
        color: yellow;
    }

    to {
        color: red;
    }
}


.released {
    width: 15px;
    text-align: center;
    color: green;
    font-size: 6px;
    -webkit-animation-name: released; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
    animation-name: released;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes released {
    from {
        font-size: 6px;
    }

    to {
        font-size: 13px;
    }
}

/* Standard syntax */
@keyframes released {
    from {
        font-size: 6px;
    }

    to {
        font-size: 13px;
    }
}


.buttonMenu {
    font-family: arial, helvetica, sans-serif;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 100%;
    height: 40px;
    text-center: left;
    margin-top: 2px;
    margin-bottom: 2px;
    font-weight: bold;
    color: #404040;
    border-style: groove;
    font-size: 13px;
    border-width: 1px;
    padding: 2px;
    
}



.buttonGreen {
    border: 1px solid #5ab65e;
    font-family: arial, helvetica, sans-serif;
    display: inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight: bold;
    color: #FFFFFF;
    background-color: #81C784;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#81C784), to(#008C00));
    background-image: -webkit-linear-gradient(top, #81C784, #008C00);
    background-image: -moz-linear-gradient(top, #81C784, #008C00);
    background-image: -ms-linear-gradient(top, #81C784, #008C00);
    background-image: -o-linear-gradient(top, #81C784, #008C00);
    background-image: linear-gradient(to bottom, #81C784, #008C00);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#81C784, endColorstr=#008C00);
}

    .buttonGreen:hover {
        border: 1px solid #469c49;
        background-color: #5eb762;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#5eb762), to(#005900));
        background-image: -webkit-linear-gradient(top, #5eb762, #005900);
        background-image: -moz-linear-gradient(top, #5eb762, #005900);
        background-image: -ms-linear-gradient(top, #5eb762, #005900);
        background-image: -o-linear-gradient(top, #5eb762, #005900);
        background-image: linear-gradient(to bottom, #5eb762, #005900);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#5eb762, endColorstr=#005900);
    }

.buttonBlue {
    border: 1px solid #25729a;
    font-family: arial, helvetica, sans-serif;
    display: inline-block;
    text-shadow: -1px -1px 0 rgba(255,255,255,0.3);
    font-weight: bold;
    color: #FAFAFA;
    background-color: #3093c7;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3093c7), to(#1c5a85));
    background-image: -webkit-linear-gradient(top, #3093c7, #1c5a85);
    background-image: -moz-linear-gradient(top, #3093c7, #1c5a85);
    background-image: -ms-linear-gradient(top, #3093c7, #1c5a85);
    background-image: -o-linear-gradient(top, #3093c7, #1c5a85);
    background-image: linear-gradient(to bottom, #3093c7, #1c5a85);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3093c7, endColorstr=#1c5a85);
}

    .buttonBlue:hover {
        border: 1px solid #1c5675;
        background-color: #26759e;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#26759e), to(#133d5b));
        background-image: -webkit-linear-gradient(top, #26759e, #133d5b);
        background-image: -moz-linear-gradient(top, #26759e, #133d5b);
        background-image: -ms-linear-gradient(top, #26759e, #133d5b);
        background-image: -o-linear-gradient(top, #26759e, #133d5b);
        background-image: linear-gradient(to bottom, #26759e, #133d5b);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#26759e, endColorstr=#133d5b);
    }


.buttonRed {
    border: 1px solid #ff95a0;
    font-family: arial, helvetica, sans-serif;
    display: inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight: bold;
    color: #FFFFFF;
    background-color: #FFCDD2;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFCDD2), to(#d20202));
    background-image: -webkit-linear-gradient(top, #FFCDD2, #d20202);
    background-image: -moz-linear-gradient(top, #FFCDD2, #d20202);
    background-image: -ms-linear-gradient(top, #FFCDD2, #d20202);
    background-image: -o-linear-gradient(top, #FFCDD2, #d20202);
    background-image: linear-gradient(to bottom, #FFCDD2, #d20202);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFCDD2, endColorstr=#d20202);
}

    .buttonRed:hover {
        border: 1px solid #ff6776;
        background-color: #ff9aa4;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#ff9aa4), to(#9f0202));
        background-image: -webkit-linear-gradient(top, #ff9aa4, #9f0202);
        background-image: -moz-linear-gradient(top, #ff9aa4, #9f0202);
        background-image: -ms-linear-gradient(top, #ff9aa4, #9f0202);
        background-image: -o-linear-gradient(top, #ff9aa4, #9f0202);
        background-image: linear-gradient(to bottom, #ff9aa4, #9f0202);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ff9aa4, endColorstr=#9f0202);
    }


.buttonPurple {
    border: 1px solid #8a66f4;
    font-family: arial, helvetica, sans-serif;
    display: inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight: bold;
    color: #FFFFFF;
    background-color: #b29af8;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#b29af8), to(#9C27B0));
    background-image: -webkit-linear-gradient(top, #b29af8, #9C27B0);
    background-image: -moz-linear-gradient(top, #b29af8, #9C27B0);
    background-image: -ms-linear-gradient(top, #b29af8, #9C27B0);
    background-image: -o-linear-gradient(top, #b29af8, #9C27B0);
    background-image: linear-gradient(to bottom, #b29af8, #9C27B0);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#b29af8, endColorstr=#9C27B0);
}

    .buttonPurple:hover {
        border: 1px solid #693bf1;
        background-color: #8e6af5;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#8e6af5), to(#771e86));
        background-image: -webkit-linear-gradient(top, #8e6af5, #771e86);
        background-image: -moz-linear-gradient(top, #8e6af5, #771e86);
        background-image: -ms-linear-gradient(top, #8e6af5, #771e86);
        background-image: -o-linear-gradient(top, #8e6af5, #771e86);
        background-image: linear-gradient(to bottom, #8e6af5, #771e86);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#8e6af5, endColorstr=#771e86);
    }

.buttonYellow {
    border: 1px solid #fff38c;
    font-family: arial, helvetica, sans-serif;
    display: inline-block;
    text-shadow: -1px -1px 0 rgba(255,255,255,0.3);
    font-weight: bold;
    color: #000000;
    background-color: #FFF9C4;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF9C4), to(#FFEB3B));
    background-image: -webkit-linear-gradient(top, #FFF9C4, #FFEB3B);
    background-image: -moz-linear-gradient(top, #FFF9C4, #FFEB3B);
    background-image: -ms-linear-gradient(top, #FFF9C4, #FFEB3B);
    background-image: -o-linear-gradient(top, #FFF9C4, #FFEB3B);
    background-image: linear-gradient(to bottom, #FFF9C4, #FFEB3B);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFF9C4, endColorstr=#FFEB3B);
}

    .buttonYellow:hover {
        border: 1px solid #ffef5e;
        background-color: #fff491;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fff491), to(#ffe608));
        background-image: -webkit-linear-gradient(top, #fff491, #ffe608);
        background-image: -moz-linear-gradient(top, #fff491, #ffe608);
        background-image: -ms-linear-gradient(top, #fff491, #ffe608);
        background-image: -o-linear-gradient(top, #fff491, #ffe608);
        background-image: linear-gradient(to bottom, #fff491, #ffe608);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fff491, endColorstr=#ffe608);
    }


.buttonGray {
    border: 1px solid #a8c1d5;
    display: inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight: bold;
    color: #FFFFFF;
    background-color: #CEDCE7;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#CEDCE7), to(#596a72));
    background-image: -webkit-linear-gradient(top, #CEDCE7, #596a72);
    background-image: -moz-linear-gradient(top, #CEDCE7, #596a72);
    background-image: -ms-linear-gradient(top, #CEDCE7, #596a72);
    background-image: -o-linear-gradient(top, #CEDCE7, #596a72);
    background-image: linear-gradient(to bottom, #CEDCE7, #596a72);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#CEDCE7, endColorstr=#596a72);
}

    .buttonGray:hover {
        border: 1px solid #8aabc5;
        background-color: #acc4d6;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#acc4d6), to(#434f55));
        background-image: -webkit-linear-gradient(top, #acc4d6, #434f55);
        background-image: -moz-linear-gradient(top, #acc4d6, #434f55);
        background-image: -ms-linear-gradient(top, #acc4d6, #434f55);
        background-image: -o-linear-gradient(top, #acc4d6, #434f55);
        background-image: linear-gradient(to bottom, #acc4d6, #434f55);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#acc4d6, endColorstr=#434f55);
    }


.buttonOrange {
    border: 1px solid #ffc97a;
    font-family: arial, helvetica, sans-serif;
    display: inline-block;
    text-shadow: -1px -1px 0 rgba(255,255,255,0.3);
    font-weight: bold;
    color: #000000;
    background-color: #FFE0B2;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFE0B2), to(#FF9800));
    background-image: -webkit-linear-gradient(top, #FFE0B2, #FF9800);
    background-image: -moz-linear-gradient(top, #FFE0B2, #FF9800);
    background-image: -ms-linear-gradient(top, #FFE0B2, #FF9800);
    background-image: -o-linear-gradient(top, #FFE0B2, #FF9800);
    background-image: linear-gradient(to bottom, #FFE0B2, #FF9800);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFE0B2, endColorstr=#FF9800);
}

    .buttonOrange:hover {
        border: 1px solid #ffb74c;
        background-color: #ffcb7f;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#ffcb7f), to(#cc7a00));
        background-image: -webkit-linear-gradient(top, #ffcb7f, #cc7a00);
        background-image: -moz-linear-gradient(top, #ffcb7f, #cc7a00);
        background-image: -ms-linear-gradient(top, #ffcb7f, #cc7a00);
        background-image: -o-linear-gradient(top, #ffcb7f, #cc7a00);
        background-image: linear-gradient(to bottom, #ffcb7f, #cc7a00);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffcb7f, endColorstr=#cc7a00);
    }

.buttonBlack {
    border: 1px solid #c4c4c4;
    font-size: 12px;
    font-family: arial, helvetica, sans-serif;
    display: inline-block;
    text-shadow: -1px -1px 0 rgba(255,255,255,0.3);
    font-weight: bold;
    color: #FAFAFA;
    background-color: #E0E0E0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#E0E0E0), to(#0e0e0e));
    background-image: -webkit-linear-gradient(top, #E0E0E0, #0e0e0e);
    background-image: -moz-linear-gradient(top, #E0E0E0, #0e0e0e);
    background-image: -ms-linear-gradient(top, #E0E0E0, #0e0e0e);
    background-image: -o-linear-gradient(top, #E0E0E0, #0e0e0e);
    background-image: linear-gradient(to bottom, #E0E0E0, #0e0e0e);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E0E0E0, endColorstr=#0e0e0e);
}

    .buttonBlack:hover {
        border: 1px solid #adadad;
        background-color: #c7c7c7;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#c7c7c7), to(#282828));
        background-image: -webkit-linear-gradient(top, #c7c7c7, #282828);
        background-image: -moz-linear-gradient(top, #c7c7c7, #282828);
        background-image: -ms-linear-gradient(top, #c7c7c7, #282828);
        background-image: -o-linear-gradient(top, #c7c7c7, #282828);
        background-image: linear-gradient(to bottom, #c7c7c7, #282828);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#c7c7c7, endColorstr=#282828);
    }



 .buttonWhite{
border:2px solid #d7dada; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(212,212,212,0.3);font-weight:bold; color: #000000;
 background-color: #f4f5f5; background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd));
 background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4f5f5, endColorstr=#dfdddd);
}

.buttonWhite:hover{
 border:2px solid #bfc4c4;
 background-color: #d9dddd; background-image: -webkit-gradient(linear, left top, left bottom, from(#d9dddd), to(#c6c3c3));
 background-image: -webkit-linear-gradient(top, #d9dddd, #c6c3c3);
 background-image: -moz-linear-gradient(top, #d9dddd, #c6c3c3);
 background-image: -ms-linear-gradient(top, #d9dddd, #c6c3c3);
 background-image: -o-linear-gradient(top, #d9dddd, #c6c3c3);
 background-image: linear-gradient(to bottom, #d9dddd, #c6c3c3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d9dddd, endColorstr=#c6c3c3);
}

.pageTitle {
    margin-left:10px;
    position:relative;
    width:100%;
    color:white;
    box-shadow:inset;
    -webkit-animation-name: pageTitle; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 1.5s; /* Chrome, Safari, Opera */
    animation-name: pageTitle;
    animation-duration: 1.5s;
}

@-webkit-keyframes pageTitle {
    0%   {left:0px;}
    50%  {left:100px;}
    100% { left:0px;}
}

/* Standard syntax */
@keyframes pageTitle {
    0%   {left:0px;}
    50%  {left:100px;}
    100% { left:0px;}
}

pre {
    white-space: pre-wrap; 
        word-wrap: break-word; 
}


div.form-control-disabled {
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-top: 4px;
    height: 28px;
    border-radius: 4px;
    border: 1px solid rgb(204, 204, 204);
    background-color: rgb(238, 238, 238);
    font-size: 12px;
}