html {
    background-color: #374174;
}

body {
    color: #fff;
    font-family: "Segoe UI", "Helvetica Neue",Roboto, Segoe, Verdana, Helvetica, Sans-Serif;
}

h2,
h4, h5, h6 {
    color: #88e01d;
        font-family: "Segoe UI",Segoe;
}


h3 {
    color: #fff;
}

a {
    color: #fff;
    outline: none;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: none;
}

    a:link, a:visited,
    a:active, a:hover {
        color: #fff;
    }

th {
    color: #88e01d;
}

th a:link {
    color: #88e01d;
}

td {
    color: #fff;
}

.MainLogo {
    width: 500px;
    margin-left: -100px;
}

/* footer
----------------------------------------------------------*/

.htmlWrapper {
    min-height: 100%;
  /* equal to footer height */
    margin-bottom: -100px;
}

.htmlWrapper:after {
    content: "";
    display: block;
}

  /* equal to footer height */
footer, .htmlWrapper:after {
    padding: 0;
    margin: 0;
    height: 96px;
}


/* page elements
----------------------------------------------------------*/
input[type="submit"],
input[type="button"],
button {
    color: #fff;
    background-color: #83AF4E;
    border: 1px solid #e2e2e2;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: 600;
    padding: 7px 14px;
    width: auto;
}

    input[type="submit"]:disabled,
    input[type="button"]:disabled,
    button:disabled {
        background-color: #4d4d4d;
        cursor: default;
    }
    
input[type="submit"]:active,
input[type="button"]:active,
button:active {
    background-color: #86cc31;
}

/* Logn Page
----------------------------------------------------------*/
.CloudLogoLogin {
    width: 400px;
    margin-left: -100px;
}

.cookieContainer {
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(0,0,0,0.325);
}

.cookieNotification {
    position: relative;
    left: 50%;
    margin-left: -300px;
    width: 600px;
    padding: 1em;
}

.cookieClose {
    float: right;
    color: #fff !important;
    background-color: #374174 !important;
    border: 1px solid #e2e2e2 !important;
    cursor: pointer !important;
    font-size: 1em !important;
    padding: 3px 7px !important;
    width: auto !important;
}

/* top right menu
----------------------------------------------------------*/

ul#menu li a {
    color: #fff;
    border-bottom: solid 5px #4B5482;
    text-decoration: none;
    padding: 7px 14px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

    ul#menu li a:hover {
        background: #4B5482;
        border-bottom: solid 5px #83AF4E;
        /*color:#444;*/
        text-decoration: none;
    }

/* Application List
----------------------------------------------------------*/

.applicationList {
    position: relative;
    min-height: 200px;
}

.applicationListDiv, .applicationListDivProduct,.applicationListDivProductExpiring, .applicationListDivFeed {
    /*background: #bbb;*/
    position: relative;
    margin: 6px;
    /*width: 150px;
    height: 150px;*/
    color: #ddd;
    background-color: transparent;
    padding: 0px;
    display: inline-block;
    text-decoration: none;
    border: 0px;
}

/* Validation
----------------------------------------------------------*/
.ValidationError {
    border-right: 2px #374174 solid;
}

/* Control panel items
----------------------------------------------------------*/
.TableList {
    /* equals BG color*/
      border: 2px solid #374174;
}

    .TableList td {
      
        border-right: 1px solid #999;
        border-left: 1px solid #999;
       
    }

        .TableList td a:hover {
            color: #7ac0da;
        }

    .TableList th {
      border-right: 1px solid #999;
        border-left: 1px solid #999;
        border-bottom: 1px solid #999;
    }

.TableListNoLines {
    /* equals BG color*/
    border: 2px solid #374174;
}

    .TableListNoLines td {
        border-right: transparent;
        border-left: transparent;
    }

        .TableListNoLines td a:hover {
            color: #7ac0da;
        }

    .TableListNoLines th {
        border-right: transparent;
        border-left: transparent;
        border-bottom: transparent;
    }

.TableListPager td {
    border-top: 1px solid #999;
}

            .TableListPager td table td span {
                border: 1px solid #999;
                border-top: 2px solid #374174;
                background-color: #374174;
           }

.UserMgmt {
    padding-top: 80px;
    height: 500px;
    width: auto;
    overflow: auto;
}

/*Product options control
----------------------------------------------------------*/
.ProductUserDetails {
    background: #4B5482;
    border-bottom: solid #83AF4E 5px;
}

.ProductUserDetails[status=inactive] {
    background: #666;
    border-bottom: solid #c8c8c8 5px;
}

.ProductUserDetailsSandbox {
    background: #6c7399;

}

.ProductUserDetailsSandbox[status=inactive] {
    background: #666;
}



/*-----------------------------*/



/*USER MANAGEMENT PAGE
    --------------------------------------------
*/
        .icon-table {
            color:  #fff;
        }

/*END USER MANAGEMENT PAGE
    --------------------------------------------
*/

/*INSTANCE MANAGEMENT PAGE
    --------------------------------------------
*/
    .UserAccessTable {
    /* equals BG color*/
      border: 2px solid #374174;
}

    .UserAccessTable td {
      
        border-right: 1px solid #999;
        border-left: 1px solid #999;
       
    }

        .UserAccessTable td a:hover {
            color: #7ac0da;
        }

    .UserAccessTable th {
      border-right: 1px solid #999;
        border-left: 1px solid #999;
        border-bottom: 1px solid #999;
    }
    .ScheduledOperationsTable {
    /* equals BG color*/
      border: 2px solid #374174;
}

    .ScheduledOperationsTable td {
      
        border-right: 1px solid #999;
        border-left: 1px solid #999;
       
    }

        .ScheduledOperationsTable td a:hover {
            color: #7ac0da;
        }

    .ScheduledOperationsTable th {
      border-right: 1px solid #999;
        border-left: 1px solid #999;
        border-bottom: 1px solid #999;
    }

        .OrderHistoryTable {
    /* equals BG color*/
      border: 2px solid #374174;
}

    .OrderHistoryTable td {
      
        border-right: 1px solid #999;
        border-left: 1px solid #999;
       
    }

        .OrderHistoryTable td a:hover {
            color: #7ac0da;
        }

    .OrderHistoryTable th {
      border-right: 1px solid #999;
        border-left: 1px solid #999;
        border-bottom: 1px solid #999;
    }

/*END INSTANCE MANAGEMENT PAGE
    --------------------------------------------
*/

/*EDIT USER PAGE
---------------------------------------------
*/

            #tabs a {

                color: #fff;
              border-bottom: 30px solid #4B5482;
            
            }

                #tabs a:hover,
                #tabs a:focus {
                    border-bottom-color: #3C4678;
                  }

                #tabs a:focus {
                    outline: 0;
                }

            #tabs #current {
              border-bottom-color: #4B5482;
              
            }

        .TabDivContainer {
            border: 1px solid #4B5482;
        }

 

/*-------------------------------------------
    END EDIT USER PAGE*/

/*TRAINING VIDEO PAGE
---------------------------------------------
*/


        .divVideo {
            background-color: #374174;
            border: 1px solid #374174;
        }

        .divAutomation {
            background-color: #374174;
            border: 1px solid #374174;
        }
        
/*-------------------------------------------
    END TRAINING VIDEO PAGE
*/

/*Loading Gif
---------------------------------------------
*/
.windows8 {
	position: relative;
	width: 28px;
	height:28px;
	margin:auto;
}

.windows8 .wBall {
	position: absolute;
	width: 27px;
	height: 27px;
	opacity: 0;
	transform: rotate(225deg);
		-o-transform: rotate(225deg);
		-ms-transform: rotate(225deg);
		-webkit-transform: rotate(225deg);
		-moz-transform: rotate(225deg);
	animation: orbit 4.5325s infinite;
		-o-animation: orbit 4.5325s infinite;
		-ms-animation: orbit 4.5325s infinite;
		-webkit-animation: orbit 4.5325s infinite;
		-moz-animation: orbit 4.5325s infinite;
}

.windows8 .wBall .wInnerBall{
	position: absolute;
	width: 6px;
	height: 6px;
	background: rgb(131,175,78);
	left:0px;
	top:0px;
	border-radius: 6px;
		-o-border-radius: 6px;
		-ms-border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
}

.windows8 #wBall_1 {
	animation-delay: 0.986s;
		-o-animation-delay: 0.986s;
		-ms-animation-delay: 0.986s;
		-webkit-animation-delay: 0.986s;
		-moz-animation-delay: 0.986s;
}

.windows8 #wBall_2 {
	animation-delay: 0.193s;
		-o-animation-delay: 0.193s;
		-ms-animation-delay: 0.193s;
		-webkit-animation-delay: 0.193s;
		-moz-animation-delay: 0.193s;
}

.windows8 #wBall_3 {
	animation-delay: 0.3965s;
		-o-animation-delay: 0.3965s;
		-ms-animation-delay: 0.3965s;
		-webkit-animation-delay: 0.3965s;
		-moz-animation-delay: 0.3965s;
}

.windows8 #wBall_4 {
	animation-delay: 0.5895s;
		-o-animation-delay: 0.5895s;
		-ms-animation-delay: 0.5895s;
		-webkit-animation-delay: 0.5895s;
		-moz-animation-delay: 0.5895s;
}

.windows8 #wBall_5 {
	animation-delay: 0.793s;
		-o-animation-delay: 0.793s;
		-ms-animation-delay: 0.793s;
		-webkit-animation-delay: 0.793s;
		-moz-animation-delay: 0.793s;
}



@keyframes orbit {
	0% {
		opacity: 1;
		z-index:99;
		transform: rotate(180deg);
		animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		transform: rotate(300deg);
		animation-timing-function: linear;
		origin:0%;
	}

	30% {
		opacity: 1;
		transform:rotate(410deg);
		animation-timing-function: ease-in-out;
		origin:7%;
	}

	39% {
		opacity: 1;
		transform: rotate(645deg);
		animation-timing-function: linear;
		origin:30%;
	}

	70% {
		opacity: 1;
		transform: rotate(770deg);
		animation-timing-function: ease-out;
		origin:39%;
	}

	75% {
		opacity: 1;
		transform: rotate(900deg);
		animation-timing-function: ease-out;
		origin:70%;
	}

	76% {
	opacity: 0;
		transform:rotate(900deg);
	}

	100% {
	opacity: 0;
		transform: rotate(900deg);
	}
}

@-o-keyframes orbit {
	0% {
		opacity: 1;
		z-index:99;
		-o-transform: rotate(180deg);
		-o-animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		-o-transform: rotate(300deg);
		-o-animation-timing-function: linear;
		-o-origin:0%;
	}

	30% {
		opacity: 1;
		-o-transform:rotate(410deg);
		-o-animation-timing-function: ease-in-out;
		-o-origin:7%;
	}

	39% {
		opacity: 1;
		-o-transform: rotate(645deg);
		-o-animation-timing-function: linear;
		-o-origin:30%;
	}

	70% {
		opacity: 1;
		-o-transform: rotate(770deg);
		-o-animation-timing-function: ease-out;
		-o-origin:39%;
	}

	75% {
		opacity: 1;
		-o-transform: rotate(900deg);
		-o-animation-timing-function: ease-out;
		-o-origin:70%;
	}

	76% {
	opacity: 0;
		-o-transform:rotate(900deg);
	}

	100% {
	opacity: 0;
		-o-transform: rotate(900deg);
	}
}

@-ms-keyframes orbit {
	0% {
		opacity: 1;
		z-index:99;
		-ms-transform: rotate(180deg);
		-ms-animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		-ms-transform: rotate(300deg);
		-ms-animation-timing-function: linear;
		-ms-origin:0%;
	}

	30% {
		opacity: 1;
		-ms-transform:rotate(410deg);
		-ms-animation-timing-function: ease-in-out;
		-ms-origin:7%;
	}

	39% {
		opacity: 1;
		-ms-transform: rotate(645deg);
		-ms-animation-timing-function: linear;
		-ms-origin:30%;
	}

	70% {
		opacity: 1;
		-ms-transform: rotate(770deg);
		-ms-animation-timing-function: ease-out;
		-ms-origin:39%;
	}

	75% {
		opacity: 1;
		-ms-transform: rotate(900deg);
		-ms-animation-timing-function: ease-out;
		-ms-origin:70%;
	}

	76% {
	opacity: 0;
		-ms-transform:rotate(900deg);
	}

	100% {
	opacity: 0;
		-ms-transform: rotate(900deg);
	}
}

@-webkit-keyframes orbit {
	0% {
		opacity: 1;
		z-index:99;
		-webkit-transform: rotate(180deg);
		-webkit-animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		-webkit-transform: rotate(300deg);
		-webkit-animation-timing-function: linear;
		-webkit-origin:0%;
	}

	30% {
		opacity: 1;
		-webkit-transform:rotate(410deg);
		-webkit-animation-timing-function: ease-in-out;
		-webkit-origin:7%;
	}

	39% {
		opacity: 1;
		-webkit-transform: rotate(645deg);
		-webkit-animation-timing-function: linear;
		-webkit-origin:30%;
	}

	70% {
		opacity: 1;
		-webkit-transform: rotate(770deg);
		-webkit-animation-timing-function: ease-out;
		-webkit-origin:39%;
	}

	75% {
		opacity: 1;
		-webkit-transform: rotate(900deg);
		-webkit-animation-timing-function: ease-out;
		-webkit-origin:70%;
	}

	76% {
	opacity: 0;
		-webkit-transform:rotate(900deg);
	}

	100% {
	opacity: 0;
		-webkit-transform: rotate(900deg);
	}
}

@-moz-keyframes orbit {
	0% {
		opacity: 1;
		z-index:99;
		-moz-transform: rotate(180deg);
		-moz-animation-timing-function: ease-out;
	}

	7% {
		opacity: 1;
		-moz-transform: rotate(300deg);
		-moz-animation-timing-function: linear;
		-moz-origin:0%;
	}

	30% {
		opacity: 1;
		-moz-transform:rotate(410deg);
		-moz-animation-timing-function: ease-in-out;
		-moz-origin:7%;
	}

	39% {
		opacity: 1;
		-moz-transform: rotate(645deg);
		-moz-animation-timing-function: linear;
		-moz-origin:30%;
	}

	70% {
		opacity: 1;
		-moz-transform: rotate(770deg);
		-moz-animation-timing-function: ease-out;
		-moz-origin:39%;
	}

	75% {
		opacity: 1;
		-moz-transform: rotate(900deg);
		-moz-animation-timing-function: ease-out;
		-moz-origin:70%;
	}

	76% {
	opacity: 0;
		-moz-transform:rotate(900deg);
	}

	100% {
	opacity: 0;
		-moz-transform: rotate(900deg);
	}
}
/*-------------------------------------------
    END Loading Gif
*/