/***************** ***** *   * ***** ***** ***** ***** ***** ****************************************
****************** *   * *   * *     *   *   *   *     *     ****************************************
****************** *   * *   * ***   *****   *   ***   ***** ****************************************
****************** *  *  *   * *     *  *    *   *         * ****************************************
****************** *** * ***** ***** *   * ***** ***** ***** ***************************************/


@font-face {
    font-family: SerpentineLight;
    src: url('Serpentine ICG Light.ttf');
}


/***************** ***** *   * ***** *   * ***** ***** ***** ***** *   * ***** ****************************************
****************** *   * **  *   *   ** ** *   *   *     *   *   * **  * *     ****************************************
****************** ***** * * *   *   * * * *****   *     *   *   * * * * ***** ****************************************
****************** *   * *  **   *   *   * *   *   *     *   *   * *  **     * ****************************************
****************** *   * *   * ***** *   * *   *   *   ***** ***** *   * ***** ***************************************/

@-webkit-keyframes placeHolderAnimation {
  0% {margin-top: 0; opacity: 0;}
  100% {margin-top: -1.38em; opacity: 1;}
}

@-moz-keyframes placeHolderAnimation {
  0% {margin-top: 0; opacity: 0;}
  100% {margin-top: -1.38em; opacity: 1;}
}

@-ms-keyframes placeHolderAnimation {
  0% {margin-top: 0; opacity: 0;}
  100% {margin-top: -1.38em; opacity: 1;}
}

@-o-keyframes placeHolderAnimation {
  0% {margin-top: 0; opacity: 0;}
  100% {margin-top: -1.38em; opacity: 1;}
}

@keyframes placeHolderAnimation {
  0% {margin-top: 0; opacity: 0;}
  100% {margin-top: -1.38em; opacity: 1;}
}


@-webkit-keyframes placeHolderDeletingAnimation {
  0% {margin-top: -1.38em; opacity: 1;}
  100% {margin-top: 0; opacity: 0;}
}

@-moz-keyframes placeHolderDeletingAnimation {
  0% {margin-top: -1.38em; opacity: 1;}
  100% {margin-top: 0; opacity: 0;}
}

@-ms-keyframes placeHolderDeletingAnimation {
  0% {margin-top: -1.38em; opacity: 1;}
  100% {margin-top: 0; opacity: 0;}
}

@-o-keyframes placeHolderDeletingAnimation {
  0% {margin-top: -1.38em; opacity: 1;}
  100% {margin-top: 0; opacity: 0;}
}

@keyframes placeHolderDeletingAnimation {
  0% {margin-top: -1.38em; opacity: 1;}
  100% {margin-top: 0; opacity: 0;}
}


/***************** ***** ***** *   * ***** ***** ***** *     ****************************************
****************** *     *     **  * *     *   * *   * *     ****************************************
****************** * *** ***   * * * ***   ***** ***** *     ****************************************
****************** *   * *     *  ** *     *  *  *   * *     ****************************************
****************** ***** ***** *   * ***** *   * *   * ***** ***************************************/

body, html {
    height: 100%;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    /*background-image: url('https://i.ytimg.com/vi/YlldJyeH_3g/maxresdefault.jpg');*/
    background-size: 100% 100%;
}

.ul-styleType {
	list-style-type: none;
}

ul {
  margin-bottom: 0;
}

.Dinline {
    display: inline;
}

.DiBlock {
  display: inline-block !important;
}

.Dblock {
    display: block !important;
}

.Dnone {
    display: none !important;
}

.Vhidden {
    visibility: hidden !important;
}
.OpcE100 {
    opacity: 1.0;
}

.OpcE40 {
    opacity: 0.4;
}

.Zi2 {
  z-index: 2;
}

.Zi3 {
  z-index: 3;
}

.separatorLine {
  border: 0;
  height: 2px;
  display: block;
  background-color: #DDDDDD;
}

.borderBot {
    border-bottom: 1px solid #DDDDDD;
}

.borderRightDDD {
    border-right: 1px solid #DDDDDD;
}

.noRadRight {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.noRadLeft {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.blockPtopPbot1em {
  padding-bottom: 1em;
  padding-top: 1em;
  padding-left: 0;
  padding-right: 0;
}

.overYauto {
    overflow-y: auto;
}

.overHidden {
  overflow: hidden;
}

.BGDD7520 {
    background-color: #DD7520;
}

.BGFFFFFF {
	background-color: #FFFFFF;
}

.BGF8F8F8 {
  background-color: #F8F8F8;
}

.BGDDDDDD {
  background-color: #DDDDDD;
}

.BGDDDDDDImp {
    background-color: #DD7520 !important;
}

.BG333333 {
  background-color: #333333;
}

.BGDA7217 {/*DEPRECIATED*/
    background-color: #DA7217;
}

.BG38312E {/*DEPRECIATED*/
    background-color: #38312E;
}

.BGE1E1E1 {/*DEPRECIATED*/
    background-color: #E1E1E1;
}

.BGACACAC{/*DEPRECIATED*/
    background-color: #ACACAC;
}

.BG666666 {/*DEPRECIATED*/
  background-color: #666666;
}

.Ttransparent {
    color: rgba(0, 0, 0, 0) !important;
}

.TDD7520 {
	color: #DD7520;
}

.TFFFFFF {
    color: #FFFFFF;
}

.TB5B5B5 {
    color: #B5B5B5;
}

.TF8F8F8 {
  color: #F8F8F8;
}

.TDDDDDD {
  color: #DDDDDD;
}
.TD7D7D7 {
  color: #D7D7D7;
}
.T666666 {
  color: #666666;
}
.T333333 {
  color: #333333;
}

.TRed {
  color: red;
}
.TYellow {
  color: yellow;
}
.TOrange {
    color: orange;
}
.TGreen {
  color: green;
}

.T38312E {/*DEPRECIATED*/
	color: #38312E;
}

.T000000 {/*DEPRECIATED*/
    color: #000000;
}

.Bold {
  font-weight: bold;
}

.Pfixed {
  position: fixed;
}

.Pabsolute {
  position: absolute;
}

.Pstatic {
  position: static;
}

.Prelative {
  position: relative;
}

.Tcenter {
    text-align: center;
}

.Tleft {
    text-align: left !important;
}

.Tright {
    text-align: right !important;
}

.MyProReg {/*DEPRECIATED */
    font-family: MyProReg;
}

.SerpLig {
    font-family: SerpentineLight;
    letter-spacing: 1px;
}

.Arial {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

.Bcenter {
    margin: 0 auto;
}

.w100 {
    width: 100%;
}

.h100 {
    height: 100%;
}

.h50 {
    height: 50%;
}

.h35 {
    height: 35%;

}
.hModal {
    height: 70%;
}

.hAuto {
    height: auto !important;
}

.wModal {
    width: 90%;
    margin-left: 5%;
}

.aBlack, .aBlack:link, .aBlack:visited, .aBlack:hover, .aBlack:active {
	color: #333333;
    text-decoration: none;
    cursor: pointer;
}

.aWhite, .aWhite:link, .aWhite:visited, .aWhite:hover, .aWhite:active {
	color: #FFFFFF;
    text-decoration: none;
    cursor: pointer;
}

.aOrange, .aOrange:link, .aOrange:visited, .aOrange:active {
	color: #DD7520;
    text-decoration: none;
    cursor: pointer;
}

.aBlack:hover {
    color: #DD7520;
    text-decoration: none;
    cursor: pointer;
}

/*.aBlack:focus {
    background-color: transparent !important;
    padding: 0 !important;
    outline: 0 !important;
}*/


.aOrange:hover {
    color: #666;
    text-decoration: none;
    cursor: pointer;
}

.aOrange:focus {
    background-color: transparent !important;
    padding: 0 !important;
    outline: 0 !important;
}

.aNotActive {
    color: #666;
    opacity: 0.5;
    text-decoration: none;
    cursor: pointer;
}

.aNotActive:hover {
    color: #DD7520;
    text-decoration: none;
    cursor: pointer;
}

.aCustomBlackOrange, .aCustomBlackOrange:link, .aCustomBlackOrange:visited, .aCustomBlackOrange:active {
  color: #333333;
    text-decoration: none;
    cursor: pointer;

    -webkit-transition: 0.3s ease;
        -moz-transition: 0.3s ease;
         -ms-transition: 0.3s ease;
          -o-transition: 0.3s ease;
             transition: 0.3s ease;
}

.aCustomBlackOrange:hover {
  color: #DD7520;
    text-decoration: none;
    cursor: pointer;
}

.fullSizedBlock {
    height: 100%;
    width: 100%;
    display: block;
}

.subContainer {
  display: block;
  height: 100%;
  position: relative;
  /*
  overflow-y: auto;
  */
  padding-bottom: 3em;
}

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
  background-color: #DD7520;
  border: 1px solid #DDDDDD;
  outline: none !important;
}

.btn-success, .btn-success:hover, .btn-success:active, .btn-success:focus {
  background-color: #F8F8F8;
  border: 1px solid #333333;
  color: #333333;
  outline: none !important;
}

.btn-info, .btn-info:hover, .btn-info:active, .btn-info:focus {
  background-color: #333333;
  border: 1px solid #333333;
  color: #DDDDDD;
  outline: none !important;
}

.btn-warning, .btn-warning:hover, .btn-warning:active, .btn-warning:focus {
  background-color: #333333;
  border: 1px solid #333333;
  color: #DD7520;
  outline: none !important;
}

.btn-danger, .btn-danger:hover, .btn-danger:active, .btn-danger:focus {
  background-color: #DDDDDD;
  border: 1px solid #DDDDDD;
  color: #DD7520;
  outline: none !important;
}

.btn-default, .btn-default:hover, .btn-default:active, .btn-default:focus {
  color: #333333;
  outline: none !important;
}

.btn-important, .btn-important:hover, .btn-important:active, .btn-important:focus {
    background-color: #F8F8F8;
    border: 1px solid #DD7520;
    color: #DD7520;
    outline: none !important;
}

.btn-send, .btn-send:active, .btn-send:focus {
  background-color: #F8F8F8;
  border: 1px solid #666666;
  outline: none !important;
  -webkit-transition: 0.3s ease;
      -moz-transition: 0.3s ease;
       -ms-transition: 0.3s ease;
        -o-transition: 0.3s ease;
           transition: 0.3s ease;

}
.btn-sendGray, .btn-sendGray:active, .btn-sendGray:focus {
  color: #D7D7D7;
  background-color: #F8F8F8;
  border: 1px solid #D7D7D7;
  outline: none !important;
}

.btn-send:hover {
  color: #DD7520;
  border: 1px solid #DD7520;
  outline: none !important;
}
.padding0-5em {
    padding: 0.5em;
}

.noPadding {
  padding: 0;
}

.noPaddingLeft {
    padding-left: 0;
}

.noPaddingImp {
    padding: 0!important;
}

.noBorder {
  border: 0;
}

.borderLeft {
    border-left: 1px solid #DDDDDD;
}

.noMargin {
  margin: 0;
}
.noTopMargin {
    margin-top: 0!important;
}

.noMarginImp {
    margin: 0!important;
}

.noTopPadding {
    padding-top: 0!important;
}

.noBackgroundColorImp {
    background-color: transparent !important;
}

.borderBlack {
  border: 1px solid #333333;
}

.borderTop {
    border-top: 1px solid #DDD;
}

.noBorderTop{
    border-top: 0px; !important;
}

.borderDarkGray {
  border: 1px solid #DDDDDD;
}

.borderA9A9A9 {
    border: 1px solid #A9A9A9!important;
}

.borderDD7520{
    border: 1px solid #DD7520;
}

.blockBorder3px {
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 3px solid #DD7520;
}

.blockBorder5px {
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 5px solid #DD7520;
}

.blockBorder8px {
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 8px solid #DD7520;
}

.customPlaceHolder {
  color: #DD7520;
  position: absolute;
  left: 0;
  margin-top: -1.70em;
  margin-left: 1%;
  font-size: small;
  opacity: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 1.2em;
  overflow: hidden;

  -webkit-animation: placeHolderAnimation 0.25s;
  -moz-animation: placeHolderAnimation 0.25s;
  -ms-animation: placeHolderAnimation 0.25s;
  -o-animation: placeHolderAnimation 0.25s;
  animation: placeHolderAnimation 0.25s;
}


.customPlaceHolderTask {
    color: #DD7520;
    position: absolute;
    left: 12%;
    margin-top: -1.30em;
    margin-left: 1%;
    font-size: small;
    opacity: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 1.2em;
    overflow: hidden;

    -webkit-animation: placeHolderAnimation 0.25s;
    -moz-animation: placeHolderAnimation 0.25s;
    -ms-animation: placeHolderAnimation 0.25s;
    -o-animation: placeHolderAnimation 0.25s;
    animation: placeHolderAnimation 0.25s;
}


.ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    overflow-x: hidden;
    max-width: 100%;
}

.TEllipsis {
    text-overflow: ellipsis;
}

.addInForm {
    cursor: pointer;
    color: #DD7520;
    position: absolute;
    right: 0;
    margin-top: -1.38em;
    font-size: small;
    opacity: 1;
    height: 1.2em;
}

.deleteCustomPlaceHolder {
  -webkit-animation: placeHolderDeletingAnimation 0.5s;
  -moz-animation: placeHolderDeletingAnimation 0.5s;
  -ms-animation: placeHolderDeletingAnimation 0.5s;
  -o-animation: placeHolderDeletingAnimation 0.5s;
  animation: placeHolderDeletingAnimation 0.5s;
}

.noselect {
/*    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;*/
}

.margLeft0-3em{
    margin-left: 0.3em;
}
.margLeft0-5em{
    margin-left: 0.5em;
}

.margLeft1em {
    margin-left: 1em;
}

.margLeft1-5em {
    margin-left: 1.5em;
}


.margLeft2em {
    margin-left: 2em;
}

.margLeft3em {
    margin-left: 3em;
}

.margLeft4em {
    margin-left: 4em !important;
}

.margLeft5em {
    margin-left: 5em !important;
}

.margLeft6em {
    margin-left: 6em;
}

.margLeft7em {
    margin-left: 7em;
}

.margLeft8em {
    margin-left: 8em;
}

.margLeft9em {
    margin-left: 9em;
}

.margLeft14em {
    margin-left: 14em;
}

.margLeft14 {
    margin-left: 14%;
}

.margTop0-3em {
    margin-top: 0.3em !important;
}

.margTop0-4em {
    margin-top: 0.4em !important;
}

.margTop0-5em {
    margin-top: 0.5em !important;
}

.margTop0-6em {
    margin-top: 0.6em !important;
}

.margTop0-7em {
    margin-top: 0.7em !important;
}

.margLeft3-3em {
    margin-left: 3.3em;
}

.margTop1em {
  margin-top: 1em;
}

.margTop1-5em {
  margin-top: 1.5em;
}

.margTop2em {
  margin-top: 2em;
}

.margTop2-3em {
    margin-top: 2.3em;
}

.margTop2-5emImp {
    margin-top: 2.5em !important;
}

.margTop3em {
  margin-top: 3em;
}

.margTop3-5em {
    margin-top: 3.5em !important;
}


.margTop4em {
  margin-top: 4em;
}

.margRight3em {
    margin-right: 3em;
}

.margRight5em {
    margin-right: 5em;
}

.margRight03em {
    margin-right: 0.3em;
}


.margRight1em {
    margin-right: 1em;
}

.margRight7em {
    margin-right: 20em;
}

.margTop3em {
  margin-top: 3em;
}

.margTop5em {
  margin-top: 5em;
}

.margTop7em {
    margin-top: 7em !important;
}

.margTop15 {
    margin-top: 15%;
}

.margTop17 {
    margin-top: 17%;
}

.margTop20 {
    margin-top: 20%;
}
.margTop30 {
    margin-top: 30%;
}

.margBot0-5em {
  margin-bottom: 0.5em;
}

.margBot1em {
  margin-bottom: 1em;
}

.margBot1-4em {
    margin-bottom: 1.4em;
}

.margBot2em {
  margin-bottom: 2em;
}

.margBot3em {
  margin-bottom: 3em;
}

.margBot4em {
    margin-bottom: 4em;
}

.margBot8em {
    margin-bottom: 8em;
}

.margin0-5em {
    margin: 0.5em;
}

.pad8px {
    padding: 8px !important;
}

.padBot1em {
    padding-bottom: 1em;
}

.padBot2em {
    padding-bottom: 1em;
}

.padTop03em {
  padding-top: 0.3em;
}

.padTop05em {
    padding-top: 0.5em;
}

.padTop06em {
    padding-top: 0.6em;
}

.padTop07em {
    padding-top: 0.8em;
}

.padTop1em {
  padding-top: 1em;
}

.padTop1-55em {
  padding-top: 1.55em;
}

.padTop2em {
  padding-top: 2em;
}
.padTop3em {
    padding-top: 3em;
}

.padLeft6px {
    padding-left: 6px;
}

.padLeft1em {
  padding-left: 1em;
}

.padLeft2em {
    padding-left: 1.5em;
}

.padLeft3em {
  padding-left: 3em;
}
.padLeft4-5em {
    padding-left: 4.5em;
}


.padLeft5em {
    padding-left: 5em;
}

.padLeft2emImp {
    padding-left: 2em !important;
}

.padRight1em {
  padding-right: 1em;
}
.padRight2em {
    padding-right: 2em;
}
.padRight3em {
  padding-right: 3em;
}
.padRight4-5em {
    padding-right: 4.5em;
}
.padRight7em {
    padding-right: 7em;
}


.Cpointer {
  cursor: pointer;
}

.ZonePointer {
    cursor: crosshair;
}

.input-login {
  width: 80%;
  margin-left: 10%;
}

.noOutline {
  outline: none !important;
}

.lineH2em {
  line-height: 2em;
}

.lineH1-5em {
  line-height: 1.5em !important;
}

.lineH1-85em {
  line-height: 1.85em !important;
}


.h1em {
  height: 1em;
}

.h1-2em {
    height: 1.2em;
}

.h1-5em {
  height: 1.5em;
}

.h2em {
  height: 2em;
}
.h2-5em {
    height: 2.5em;
}

.h3em {
    height: 3em;
}

.h2-9em {
    height: 2.9em;
}

.w1em {
    width: 1em;
}

.w2em {
    width: 2em;
}

.w2-5em {
    width: 2.5em;
}

.w3em {
    width: 3em;
}

.w4em {
    width: 4em;
}

.w4-8em {
    width: 4.8em;
}

.w5em {
    width: 5em;
}

.w6em {
     width: 5em;
 }

.w8em {
    width: 8em;
}

.w10em {
    width: 10em;
}
.w15em {
    width: 15em;
}
.w20em {
    width: 20em;
}
.w25em {
    width: 25em;
}
.h4-8em {
    height: 4.8em;
}
.h4em {
    height: 4em;
}
.h5em {
    height: 5em;
}
.h8em {
    height: 8em;
}
.h10em {
    height: 10em;
}
.h15em {
    height: 15em;
}

.h20em {
    height: 20em;
}

.h25em {
    height: 25em;
}

.h1-5em {
  height: 1.5em;
}

.h3em {
  height: 3em;
}

.h5em {
    height: 5em;
}
.h6em {
    height: 6em;
}

.h8em {
    height: 8em;
}

.iconeSubMenu {
  margin-top: -0.75em;
  height: 1.2em;
}

.entityProfilePic {
    height: 10em;
    width: 10em;
}

.wordWrap {
    word-wrap: break-word;
}

.commentsArray {
    overflow-y: auto;
    max-height: 20em;
}


.input-custom, .input-custom:focus, .input-custom:active {
  border-top: none;
  padding-left: 1%;
  border-right: none;
  border-left: 1px solid #DD7520;
  border-bottom: none;
  background-color: rgba(255, 255, 255, 0);
  outline: none !important;
  position: relative;
}

.divIcons {
  margin-top: 2em;
  font-size: 200%;
  text-align: center;
}

textarea {
    resize: none;
}

/*.glyphicon, .fa {
  font-size: 80%;
}*/

.fSize50 {
    font-size: 50% !important;
}

.fSize65 {
    font-size: 65% !important;
}


.fSize70 {
  font-size: 70% !important;
}

.fSize80 {
  font-size: 80% !important;
}

.fSize85 {
  font-size: 85% !important;
}

.fSize90 {
  font-size: 90% !important;
}

.fSize100 {
  font-size: 100% !important;
}

.fSize110 {
    font-size: 110% !important;
}

.fSize120 {
  font-size: 120%;
}

.fSize140 {
  font-size: 140%;
}
.fWeight300 {
  font-weight: 300;
}

.subMenuTitle {
  text-align: left;
  float: left;
  padding-bottom: 0.2em;
  font-size: 120%;
  padding-right: 20px;
  /*
  margin-left: 1em;
  margin-right: 3em;
  padding-right: 2em;
  border-bottom: 2px solid #DD7520;*/
}

.centerMenuTitle {
  color: #333333;
  text-align: left;
  float: left;
  margin-left: 5px;
  margin-top: 3em;
  padding-bottom: 0.2em;
  font-size: 110%;
  margin-right: 3em;
  padding-right: 2em;
}

.pageTitle {
    color: #333333;
    font-weight: 400;
    text-align: left;
    float: left;
    margin-left: 0.5em;
    margin-top: 1.5em;
    padding-bottom: 0.2em;
    margin-right: 3em;
    padding-right: 2em;
}

.registrationTitle {
  color: #333333;
  text-align: left;
  margin-top: 2em;
  font-size: 115%;
  margin-right: 3em;
  padding-right: 2em;
}

.registrationTitle p {
  margin: 0;
  display: inline;
  padding: 0;
}

.rightMenuTitle {
  color: #333333;
  text-align: left;
  float: left;
  margin-top: 2em;
  padding-bottom: 0.2em;
  font-size: 110%;
  margin-right: 3em;
  padding-right: 2em;
}

.centerMenuTitle p {
  margin: 0;
  display: inline;
  padding: 0;
}

.prototypeInstance div {
  width: 95%;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.vaMiddle {
  vertical-align: middle;
}

.vaTop {
  vertical-align: top;
}

#add_line {
  padding-right: 0.5em;
  height: 100%;
  position: relative;
}

.topInput {
  background-color: #F8F8F8;
    z-index: 50;
  position: absolute;
  top: 0;
  display: block;
  left: 0;
  width: 100%;
  border-bottom: 1px solid rgba(221, 221, 221, 0.3);
}

.topInput button {
    height: 2.5em;
    /*margin-bottom: 0.9em !important;*/
}

.form-top-menu {
    background-color: #F8F8F8;
    z-index: 50;
    position: absolute;
    top: 0;
    display: block;
    left: 0;
    width: 100%;
    border-bottom: 1px solid rgba(221, 221, 221, 0.3);
}

.form-top-menu button {
    height: 2.5em;
    /*margin-bottom: 0.9em !important;*/
}

.topInputAdditionalContent {
    background-color: #F8F8F8;
    z-index: 2;
    height: 5em;
    position: absolute;
    top: 0;
    display: block;
    left: 0;
    width: 100%;
    border-bottom: 1px solid rgba(221, 221, 221, 0.3);
}

.topInputAdditionalContent button {
    height: 2.5em;
    /*margin-bottom: 0.9em !important;*/
}

/*
form {
  padding-top: 3.5em;
}
*/


.titleSeparator {
    width: 90%;
    margin-left: 5%;
    display: block;
    margin-bottom: 1.5em;
    border-bottom: 1px solid #DDDDDD;
    font-size: 110%;
    color: #333333;
}

.totalSeparator {
    width: 80%;
    margin-left: 5%;
    display: block;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    border-bottom: 1px solid #DDDDDD;
    font-size: 110%;
    color: #333333;
}

.titleSeparatorNoMarg {
    width: 80%;
    margin-left: 5%;
    padding-left: 5%;
    display: block;
    border-bottom: 1px solid #DDDDDD;
    font-size: 110%;
    color: #333333;
}


.titleSeparator90 {
    width: 91%;
    margin-left: 5%;
    display: block;
    margin-bottom: 1.5em;
    border-bottom: 1px solid #DDDDDD;
    font-size: 110%;
    color: #333333;
}

.registerLogo {
   margin-top: 0.5em;
   height: 3em;
}
.registerPicture {
   height: 5em;
   width: 5em;
}
.OverflowYHidden{
    overflow-y: hidden !important;
}

.modalTitleSeparator {
    margin-bottom: 1.5em;
    border-bottom: 1px solid #DDDDDD;
    font-size: 110%;
    color: #333333;
}
.not-visible {
    /*
    visibility: hidden;
    */
    display: none !important;
}

#partBody {
    overflow-y: auto;
    width: 100%;
    font-weight: 300;
    height: 33em;
}

.formBody {
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    height: 100%;
}

.form-body {
    position: relative;
    top: 9%;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    height: 100%;
}

.invinsible {
    opacity: 0;
}

.imgFloatRight {
    float: right !important;
}

.imgFloatLeft {
    float: left !important;
}

.TNoBold {
    font-weight: 300 !important;
}

div.Tokenize ul.TokensContainer li.Token, div.Tokenize ul.TokensContainer li.TokenSearch {
    margin: 0px !important;
    margin-left: 2px !important;
    margin-top: 2px !important;
    float: left !important;
    font-size: 90% !important;
    height: 22px !important;
}

div.TokenizeMeasure, div.Tokenize ul li span, div.Tokenize ul.TokensContainer li.TokenSearch input {
    font-family: Arial !important;
    font-size: 12px !important;
}


div.Tokenize ul.TokensContainer li.Token {
    border: 1px solid #ccd5e3;
    background-color: #DDDDDD !important;
    padding: 0 5px;
    line-height: 18px;
}

div.Tokenize ul.TokensContainer li.Token a.Close {
    font-family: Arial !important;
    font-size: 16px !important;
    line-height: 18px !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 5px !important;
    cursor: pointer !important;
    color: #DD7520 !important;
    margin-right: 10px !important;
}



div.Tokenize ul.TokensContainer.Autosize {
    height: 1.5em;
    padding: 0;
    padding-right: 1em;
    margin: 0;
}


.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #DD7520 !important;
    border-color: #666666 !important;
}

.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #333;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.tokenize-sample {
    padding-top: 0.25em;
    padding-left: 0.5em;
    padding-bottom: 0.25em;
    border: #DDDDDD solid 1px;
    margin-top: 0.5em;
    outline: none;
    background: white;
}

#loaderAnim {
    height: 100%;
    width: 100%;
    top: 4.5%;
    position: absolute;
    opacity: 1;
    background-color: #F8F8F8;
    z-index: 1500;
}

#formLoaderAnim {
    height: 100%;
    width: 100%;
    position: absolute;
    opacity: 1;
    background-color: #F8F8F8;
    z-index: 100;
}

#generalLoader {
    height: 100%;
    width: 100%;
/*    top: 4.7%;
    left: 8.35%;*/
    position: absolute;
    background-color: #F8F8F8;
    /*
    background-color: rgba(248, 248, 248, 0.8);
    */
    z-index: 1000;
}

#loaderDiv {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    background-color: #00a65a;
}

#loadingLogo {
    height: 12%;
    width: 25%;
    position: absolute;
    top: 32%;
    left: 36.5%;
}


/*** Underaintenance Page ***/

/* centered columns styles */
.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;
}

.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #666;
    border-color: #DD7520;
}

.activeBtn {
    border-color: #DD7520 !important;
    color: #DD7520;
}

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background-color: #666;
    border: 1px solid #DDDDDD;
    outline: none !important;
}

.contentDiv {
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 2;
    height: 100%;
    overflow-y: auto;
    display: none;
}

.mainContent table {
    width: 80%;
    border-color: #DDD;
}

.mainContent table thead{
    background-color: #fff;
    border-bottom: 2px solid #DDD;
}

.fadeInTrans {
    left: 0;
    display: block;
    transition: all 1s linear;
    -webkit-transition: all 1s linear;
}
.anchor{
    top: -75px;
    visibility: hidden;
    display: block;
}

.flex-center{
    display: flex;
    align-items: center;
}

.flex-center-wrap{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.flex-center-center{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex-justify-center-wrap{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.flex-center-center-wrap{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.margin0-5em {
    padding: 0;
    border: 1px solid #DDDDDD;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
}

.tileTitle {
    height: 4em;
    border-bottom: 1px solid #DDDDDD;
}

.tileInfoBlockPegel {
    background-color: #F8F8F8;
    overflow-y: auto;
}

td.show-child {
    background: url('../img/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.show-child {
    background: url('../img/details_close.png') no-repeat center center;
}
.pad0-5emImp{
    padding: 0.5em !important;
}

.pad1emImp{
    padding: 1em !important;
}

.presTaddButton {
    padding: 0.4em;
    /*
    border: 1px solid #ddd;
    */
    border-radius: 5px;
    transition: all 0.3s ease 0s;
}
.presTaddButton .glyphicon{
    transition: all 0.3s ease 0s;
}

.presTaddButton:hover{
    color: #dd7520;
    border-color: #dd7520;
}

.presTaddButton:hover .glyphicon {
    color: #aaa;
}

.fixedTopInput {
    background-color: #F8F8F8;
    z-index: 50;
    position: fixed;
    top: 0;
    display: block;
    width: 100%;
    border-bottom: 1px solid rgba(221, 221, 221, 0.3);
    padding-top: 2.8em;
    float: bottom;
    clear: none;
}

.fixedSubmit{
    top: -70px;
    left: -30px;
    position: absolute;
}

.fixedMenuSubmit{
    position: fixed;
    background-color: white;
    width: 70%;
}
.scrollable{
    max-height: 83vh;
    overflow-y: auto;
}
.toggle{
    display : none;
}
.hoverNotification{
    display : inline-block;
}

.dataTable .select-checkbox {
    cursor : pointer;
}

.cursor-pointer {
    cursor : pointer;
}

.transitionAll {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#vms_modal .Dropdown {
    min-height: 20vh;
    min-width: 280px !important;
    height: auto !important;
    width: auto !important;
}

.selectInputSelectize {
    background-color: #ffffff;
    height: 2.5em;
    border: 1px solid #d0d0d0;
    padding: 8px 8px;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.selectInputTokenize {
    background-color: #ffffff;
    height: 2.5em;
    border: 1px solid #d0d0d0;
    padding: 8px 8px;
    display: inline-block;
    width: 100%;
    position: relative;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.select-input{
    background-color: #ffffff;
    height: 2.5em;
    border: 1px solid #d0d0d0;
    padding: 8px 8px;
    display: inline-block;
    width: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .open > .dropdown-toggle.datepicker table tr td span.active, .open > .dropdown-toggle.datepicker table tr td span.active:hover, .open > .dropdown-toggle.datepicker table tr td span.active.disabled, .open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
    background-image: none;
}

.datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .open > .dropdown-toggle.datepicker table tr td span.active, .open > .dropdown-toggle.datepicker table tr td span.active:hover, .open > .dropdown-toggle.datepicker table tr td span.active.disabled, .open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
    color: #ffffff !important;
    background-color: #DD7520 !important;
    border-color: #666666 !important;
}