* {
    font-size: 14px;
    /*color: #656AA3;*/
    letter-spacing: 0;
}

@font-face {
    font-family: 'Inter';
    src: url('../../fonts/inter/Inter-SemiBold.ttf');
    font-weight: normal;
    font-style: normal;
}

*:focus {
    outline: none !important;
    border-color: #719ECE;/*
    box-shadow: 0 0 5px #719ECE;*/
}

body.landing, .box_bg, .landing {
    background: #f0f2f6 !important;
    color: #1a1e4b;
}

.defaultColor {
    /*color: #656AA3 !important;*/
}

.logo {
    height: 50px
}

.heightReset {
    height: auto;
}

.fullHeight {
    height: 100vh;
}

.contentWidth {
    width: max-content !important;
}

.requiredFocus {
    border-color: red !important;
}

.listStyle {
    list-style: none;
}

/*
i {
    color: #626fbc;
}*/

.iconFlag{
    width: 30px;
}

i.box:hover {
    background: #ffffff;
    box-shadow: 0px 0px 20px 8px #eef0fb;
}

.icon-horizontal-line {
    line-height: 0px;
}

.icon-horizontal-line:before {
    font-size: 1px;
}

[class*="icon-"] .path2{
	position: absolute;
}

.italic {
    font-style: italic;
}

script, .hide {
    display: none !important;
}

.table-responsive_big, fieldset.scheduler-border > table-responsive_big {
    min-height: .01%;
    overflow-x: auto;
    padding: 1px;
}

table {
    width: 100%;
    border: 1px solid #f4f4f4;
    cursor: pointer;
    border-collapse: collapse;
}

.table tr:hover {
    background-color: #f5f9ff !important;
}

.table tr:nth-child(odd) {
    background-color: #fdfdfd;
}

table td, table th {
    border: 1px solid #ececec;
    padding: 4px;
}

.table .tableTdSpacing:hover {
    background-color: #ffffff !important;
}

.tableTdSpacing td {
    padding: 5px 1px;
}

.tableTdSpacing tr:hover {
    background-color: #f5f9ff !important;
}

.table.table-indicator > tbody > tr.active-l1 > td:first-child, .table.table-indicator > tbody > tr.active-l2 > td:first-child {
    border-left: solid 1px #5E97D0 !important;
}

.table.table-indicator > tbody > tr.active-l1 > td:last-child, .table.table-indicator > tbody > tr.active-l2 > td:last-child {
    border-right: solid 1px #5E97D0 !important;
}

.table.table-indicator > tbody > tr.active-l1 > td {
    border-top: solid 1px #5E97D0 !important;
}

.table.table-indicator > tbody > tr.active-l2 > td {
    border-bottom: solid 1px #5E97D0 !important;
}

.table.table-indicator.detailOpen tr td, .opacityDisabled {
    opacity: 0.5;
}

.table.table-indicator.detailOpen tr.active-l2 td, .table.table-indicator.detailOpen tr.active-l1 td {
    opacity: 1;
}

table.table-indicator.detailOpen tr.active-l1 td, table.table-indicator.detailOpen tr.active-l1:hover td {
    background: #B9E3F3;
}

.tableBordering{

}




input[type='file' i] {
    padding: 3px;
}

input, textarea, select {
    border: solid #DEDEDE 1px;
    padding: 8px;/*
    border-radius: 5px;*/
    height: 30px;
    color: #47529d;
}

[class*="icon-"] {
    font-size: 10px;
    float: left;
}

input[type=radio], input[type=checkbox] {
    height: auto;
    float: left;
    margin: 2px 5px 0 0;
}

.landingPage h3 {
    float: left;
}

.landingPage .landingPageItems .box-content {
    width: auto;
}

.iconLogo {
    padding: 10px;
    border-radius: 10px;
}

.iconLogo .box {
    font-size: 19px;
    background: #f7f8ff;
    float: none;
    display: block;
    padding: 19px;
}

.iconLogo .box.active {
    background: #3C88F7;
    color: #fff;
}



.iconReport {
    padding: 8px;
    border-radius: 10px;
}

.iconReport .box {
    font-size: 19px;
    background: #f7f8ff;
    float: none;
    display: block;
    padding: 15px;
}

.iconReport .box.active {
    background: #51a1e2;
    color: #fff;
}



.box-primary.active {
    background: #95bbff;
}

.iconLogo span.active {
    color: #3C88F7;
}

.iconLogo span {
    color: #606785;
    width: 63px;
    float: left;
    text-align: center;
    height: 40px;
}

.commonHeader {
    background: #ffffff;
    padding: 10px 28px;
    box-shadow: 0px 0px 20px 20px #eef0fb;
    /*

            background: #ffffff;
    padding: 10px 30px;
    box-shadow: 0px 0px 20px 20px #e5e9ff;
    z-index: 99999;
    position: relative;
    */
}

.shadowInset {
    box-shadow: inset 10px 10px 10px -7px #d2d7ff;
}

.shadowOutset {
    box-shadow: 10px -10px 10px -7px #d2d7ff;
}

.noBorder {
    border: none !important;
}

.noShadow {
    box-shadow: none !important;
}

.noBorderRadius {
    border-radius: 0px !important;
}

.leftReset {
    left: 0px;
}

.rightReset {
    right: 0px;
}

table th, table th a {
    font-size: 14px;
    color: #646aa7;
}

.table tr th {
    font-weight: bold;
    text-transform: capitalize;
    line-height: 18px;
    white-space: nowrap;
}

/*Start Fix Table headers */

table thead th {
    position: sticky;
    top: -5px;
    z-index: 1;
}

table tbody th {
    position: relative;
}

table thead th {
    padding: 6px;
    background: #7698b8;
}

table tbody th {
    position: sticky;
    left: 0;
    background: white;
    z-index: 1;
}

table tr th {
    padding: 8px 5px;
    background: #E7EBFB;
    color: #646aa7;
    font-weight: bold;
}

.table.tablePresentation tr th {
    background: #626fbc;
    color: white;
    font-weight: normal;
    padding: 10px;
}

.table.tablePresentation tr td {
    padding: 10px;
}

.table.tablePresentation {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
}

.table.tablePresentation tbody tr {
    border: solid 2px #e9eef8;
}

caption {
    position: sticky;
    left: 0;
}

.tableContainer {
    width: 100%;
    overflow: auto;
}

.tableRounded {
    border-radius: 5px;
    overflow: hidden;
}

.tableRounded th {
    padding: 14px;
}

/*End Fix Table headers */
body {
    font-family: sans-serif;
    font-size: 10px;
}

html {
    height: 100%;
}

h3, h3 span, h3 i {
    margin: 0;
    font-size: 12px;
    font-weight: bold;
    padding: 1px;
    color: #656AA3;
}

h2, h2 span, h2 i {
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    padding: 2px;
    /*text-transform: capitalize;
    color: #ffffff;*/
}

select {
    padding: 1px;
}

.verticalAlignTop {
    vertical-align: top;
}

.centerWindow {
    margin: 0 auto !important;
    float: none !important;
    display: block;
}

.writing-vertical {
    writing-mode: vertical-rl;
    text-orientation: upright;
    letter-spacing: -3.5px;
    padding: 0px 2px;
}

.vertical-menu-widthFix {
    width: calc(100% - 38px) !important;
    margin: 0px 2px 0px 0px;
}


/*Start Tri State Switch*/
.triSelectContainer{
    width: fit-content;
    background: #6672c1;
    /*border: solid 1px #bdd0f4;*/
    margin:20px;
    border-radius: 30px;
    height: 28px;
  }
  .triSelect{
    display:inline-block;
    margin:0px;
    padding: 2px;
  }
  
/*  input[type="radio"] {
      display: none;
  }*/
  
  .triSelect .checkmark{
    width:22px;
    height:22px;
  }
  
  .checkmark{
    padding:0px;
    margin:0px;
  }

    
  .checkmark i{
    font-size: 24px;
    color: #fff;
  }
  
  .yes:checked + .checkmark {
    background-color: #27AE60;
    border-radius:30px;
    border:1px solid transparent;

      -moz-animation-duration: 0.4s;
      -moz-animation-name: slidein;
      -webkit-animation-duration: 0.4s;
      -webkit-animation-name: slidein;
      animation-duration: 0.4s;
      animation-name: slidein;
      -webkit-transform: translateZ(0);
  }
  
  .neutral:checked + .checkmark {
    background-color:  #ccc;
    border:1px solid black;
    border-radius:30px;
    
    background: rgb(238, 238, 238);
  }
  .no:checked + .checkmark {
    background-color: #da440f;
    border-radius:30px;
    
     -moz-animation-duration: 0.4s;
      -moz-animation-name: slideno;
      -webkit-animation-duration: 0.4s;
      -webkit-animation-name: slideno;
      animation-duration: 0.4s;
      animation-name: slideno; 
  }
  
  .ion-checkmark-round, .ion-close-round{
    margin-left:10px;
    margin-top:10px;
    color:#fff;
    line-height:30px;
  }
  
  .ion-record{
    margin-left:8px;
   
    color:#fff;
    line-height:30px;
  }
  
  @keyframes slidein {
      from {
          transform: translate(50px, 0);
      }
      to {
          transform: translate(0px, 0px);
      }
  }
  
  
  @keyframes slideno {
      from {
        transform: translate(-50px,0);
      }
      to {
          transform: translate( 0px, 0px);
      }
  }
  
  @keyframes returnLeft {
      from {
          transform: translate(-50px,0);
      }
      to {
          transform: translate(0px,0);
      }
  }
  
  @keyframes returnRight {
      from {
          transform: translate(50px,0);
      }
      to {
          transform: translate(0px,0);
      }
  }
/*End Tri State Switch*/


/*Start On Off Switch Start*/

.switch {
    position: relative;
    display: inline-block;
    width: 64px !important;
    height: 28px;
    position: relative !important;
    margin: -5px 0 0 0px !important;
    float: left !important;
}

.switch input, .switchMini input {
    opacity: 0;
    width: 0;
    height: 0;
}

.switchMini {
    position: relative;
    display: inline-block;
    position: relative !important;
    float: left !important;
    padding: 0;
    width: 50px !important;
    height: 24px;
}

.nvtooltip {
    border: 1px solid black !important;
    box-shadow: none !important;
    background-color: white !important;
    padding: 8px;
    border-radius: 4px;
  }

.nvtooltip table {
    border: none !important;
    border-collapse: collapse !important;
}

.nvtooltip table td,
.nvtooltip table th {
    border: none !important;
    padding: 4px 8px;
}

.switchMini .slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 13px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}



.dockingSlider {
    height: 86%;
    position: absolute;
    z-index: 3;
    top: 5%;
    left: 0;
    background-color: #ffffff;
    transition: 0.5s;
    border-radius: 10px;
    box-shadow: inset 0px 0px 10px 0px #d2d7ff;
}

.dockingSliderWizard {
    z-index: 3;
    position: absolute;
    top: 150%;
    right: 0;
    background-color: #ffffff;
    transition: 0.5s;
    border-radius: 10px;
    box-shadow: inset 0px 0px 10px 0px #d2d7ff;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #da440f;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 24px;
    width: 24px;
    left: 22px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.sliderOff.slider:before {
    left: 2px;
}

input:checked + .slider {
    background-color: #27AE60;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
    transform: translateX(16px);
}

.slider.round {
    border-radius: 15px;
    object-fit: cover;
}


.slider.round:before {
    border-radius: 50%;
}

.miniCreatorImg.shadowCoverPicture{
    height: 170px !important;
    width: 150px !important;
    position: relative;
}

.miniCreatorImg.shadowCoverPicture .coverPicture{
    height: 150px; /* 130px !important; */
}

.miniCreatorImg.shadowCoverPicture img{
    width: 100%;
    height: auto !important;
}

.miniCreatorImg .bottomOverlayLabel{
    position: absolute;
    bottom: 0px;
    background: rgba(255, 255, 255, 0.9) !important;
    width: 100%;
    padding: 2px;
    font-weight: bold;
    color: #434987;
}

.shadowCoverPicture .coverPicture {
    height: 230px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #edf3f4;
}

.shadowCoverPicture {
    overflow: hidden;/*
    height: 280px;*/
    width: 250px !important;
}

.shadowCoverPicture img{
    height: 100%;
}

.shadowCoverPicture .coverPicture :hover {
    opacity: 0.8;
}
/*
.shadowCoverPicture :hover >  .labelOverlay  {
    display: grid !important;
}
*/
.shadowCoverPicture i {
    font-size: 5vw;
    text-align: center;
}

.labelOverlay {
    position: absolute !important;
    /*z-index: 99999;
    height: inherit;*/
    display: grid;
}

.coverPictureContainer {
    min-height: 230px;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    border-radius: 5px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.coverPictureContainer i {
    float: none;
    font-size: 5vw;
    color: #cad2ff;
}


.disableContainer {
    opacity: 0.5;
    pointer-events: none;
}

/*Start Helper classes Start*/
a:focus {
    outline: 0;
}

a {
    text-decoration: none;
    color: #47529d;
}

a:hover {
    text-shadow: 0px 0px 1px #afaeae;
    cursor: default;
}

.capitalize {
    text-transform: capitalize;
}

hr {
    margin: 8px 0 8px 0;
    border: none;
    border-top: solid 1px #dddddd;
}

.dottedHr {
    border-top: 1px dashed #f2f3f8;
}

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

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

.text-center {
    text-align: center !important;
}

.text-capitalize {
    text-transform: capitalize;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-underline {
    text-decoration: underline;
}

.text-uppercase::-webkit-input-placeholder {
    text-transform: none;
}

.text-uppercase::-moz-placeholder {
    text-transform: none;
}

.text-uppercase:-ms-input-placeholder {
    text-transform: none;
}

.text-uppercase:-moz-placeholder {
    text-transform: none;
}

.text-bold {
    font-weight: bold !important;
}

.text-normal {
    font-weight: normal !important;
}

.circularLogo {
    position: relative !important;
}

.circularLogo img {
    border-radius: 50%;
    box-shadow: 0px 1px 9px #acc7f7;
}

.circularLogo i {
    position: absolute;
    font-size: 40px;
    color: #ffffff;
    margin: 5px;
}

.text-l {
    font-size: 16px !important;
}

.text-s {
    font-size: 8px !important;
}

.text-m {
    font-size: 12px !important;
}

.text-average {
    font-size: 14px !important;
    color: #1A1E4B;
}

.text-xl {
    font-size: 18px !important;
    line-height: 18px;
    border: none;
}

.text-xxl {
    font-size: 25px !important;
    line-height: 32px;
    border: none;
}

.textIconListing{
    font-size: 60px !important;
}

.labelFormatting {
    font-size: 10px;
}

.labelValueFormatting {
    font-size: 12px;
}

.pull-none {
    float: none !important;
}

.pull-left {
    float: left !important;
}

.pull-right {
    float: right !important;
}

.block {
    display: block !important;
}

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

.displayFlex {
    display: inline-flex !important;
}

.displayGrid {
    display: grid !important;
}

.displayBottom {
    bottom: 0;
}

.cursor-hand, .cursor-pointer {
    cursor: pointer !important;
}

.full-width {
    width: 100% !important;
}

.maxWidth{
    max-width: 250px;
}

.width-auto {
    width: auto !important;
}

.width90 {
    width: 90px !important;
}

.width100 {
    width: 100px !important;
}

.width150 {
    width: 150px !important;
}

.width190 {
    width: 190px !important;
}

.width200 {
    width: 200px;
}

.full-height {
    height: 100% !important;
}

.full-height-vh {
    height: 100vh !important;
}


.min-height-vh {
    min-height: 60vh !important;
}

.min-heightM {
    min-height: 26px !important;
}

.min-heightS {
    min-height: 3px !important;
}


.min-width150 {
    min-width: 150px !important;
}

.height194 {
    height: 194px !important;
}

.height320 {
    height: 320px !important;
}

.height26 {
    height: 26px !important;
}

.height60 {
    height: 60px !important;
}

.height65 {
    height: 65px !important;
}

.height225 {
    height: 225px !important;
}

.min-height562 {
    min-height: 562px !important;
}

.min-height266 {
    min-height: 266px !important;
}

.min-height200 {
    min-height: 200px !important;
}

.min-height300 {
    min-height: 300px !important;
}

.min-height400 {
    min-height: 400px !important;
}

.min-height500 {
    min-height: 500px !important;
}

.min-height900 {
    min-height: 900px !important;
}

.min-height750 {
    min-height: 750px !important;
}

.min-height1250 {
    min-height: 1250px !important;
}



.height300 {
    height: 300px !important;
}

.height700 {
    height: 700px !important;
}

.height530 {
    height: 530px !important;
}

.height245 {
    height: 245px !important;
}

.height565 {
    height: 565px !important;
}

.height612 {
    min-height: 612px !important;
}

.height685 {
    min-height: 685px !important;
}

.height378 {
    height: 378px !important;
}

.with-background, .bg-grey {
    background: #f3f5fe !important;
}

.bg-blue {
    background: #3478F7 !important;
    color: #FFFFFF !important;
}

.bg-blue > span {
    color: #FFFFFF !important;
}

.border-bottom {
    border-bottom: solid 2px #e3e6ff !important;
}

.border-right {
    border-right: solid 2px #e3e6ff !important;
}

.border-left {
    border-left: solid 2px #e3e6ff !important;
}

.border-top {
    border-top: solid 2px #e3e6ff !important;
}

.borderNone {
    border: none !important;
}

.borderSolid {
    border: solid 1px #dde0ff !important;
}

.borderSolidBlue {
    border: solid 1px #8DCAE8 !important;
}

.borderThick{
    border: solid 2px #dde0ff !important;
}

.borderThickGreen{
    border: solid 2px #34c663 !important;
}

.borderRounded {
    border-radius: 5px !important;
}

.roundedButtons{
    border-radius: 20px!important;
}

.m0 {
    margin: 0 !important;
}

.m {
    margin: 16px !important;
}

.ms {
    margin: 2px !important;
}

.mss {
    margin-top: -6px !important;
}

.mtl {
    margin-top: 16px !important;
}

.mtll {
    margin-top: 25px !important;
}

.mttll {
    margin-top: 35px !important;
}

.mttlll {
    margin-top: 45px !important;
}

.mrl {
    margin-right: 16px !important;
}

.mbl {
    margin-bottom: 16px !important;
}

.mbs {
    margin-bottom: 3px !important;
}

.mll {
    margin-left: 16px !important;
}

.mLL {
    margin-top: 20px !important;
}

.mt {
    margin-top: 5px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mts {
    margin-top: 3px !important;
}

.mtss {
    margin-top: 1px !important;
}

.mr {
    margin-right: 5px !important;
}

.mb {
    margin-bottom: 5px !important;
}

.mb0{
    padding-bottom: 0px !important;
}

.mt0{
    padding-top: 0px !important;
}

.ml {
    margin-left: 5px !important;
}

.mrs {
    margin-right: 4px !important;
}

.mls {
    margin-left: 4px !important;
}

.mm {
    margin: 5px;
}

.mtn {
    margin-top: -10px !important;
}

.m2 {
    margin: 0 2px !important;
}

.mLarge {
    margin: 16px !important;

}

.mt0 {
    margin-top: 0px !important;
}

.mb0 {
    margin-bottom: 0px !important;
}

.mm {
    margin: 5px;
}

.m-20 {
    margin-top: -20px !important;
}

.mCat {
    margin-left: 12% !important;
    margin-top: 5% !important;
}

.visible {
    visibility: visible !important;
}

.invisible {
    visibility: hidden;
}

.p0 {
    padding: 0 !important;
}

.p1 {
    padding: 1px !important;
}

.ps {
    padding: 4px !important;
}

.pm {
    padding: 10px !important;
}

.pLarge {
    padding: 16px !important;
}

.pl {
    padding-left: 10px !important;
}

.pt {
    padding-top: 10px !important;
}

.pr {
    padding-right: 10px !important;
}

.pb {
    padding-bottom: 10px !important;
}

.prs {
    padding-right: 3px !important;
}

.pls {
    padding-left: 3px !important;
}

.prl {
    padding-right: 30px !important;
}

.pll {
    padding-left: 30px !important;
}

.pts {
    padding-top: 5px !important;
}

.ptl {
    padding-top: 25px !important;
}

.pbl {
    padding-bottom: 25px !important;
}

.ptll {
    padding-top: 50px !important;
}

.pbll {
    padding-bottom: 25px !important;
}

.plx {
    padding-left: 16px !important;
}

.prx {
    padding-right: 16px !important;
}

.ptx {
    padding-top: 16px !important;
}

.pbs {
    padding-bottom: 5px !important;
}

.prr {
    padding-right: 16px !important;
}

.pb0{
    padding-bottom: 0px !important;
}

.pt0{
    padding-top: 0px !important;
}

.p8{
    padding: 8px;
}

.positionRelative {
    position: relative !important;
}

.positionAbsolute {
    position: absolute !important;
}

.positionFixed {
    position: fixed !important;
}

.paddingCenterBox {
    padding: 45px !important;
}

.rightPositioning {
    right: 2px;
}

.bottomReset {
    bottom: 0;
}

.forceSingleLine {
    white-space: nowrap;
}

.forceScroll {
    width: 150%;
}

.allowHscroll {
    overflow-x: auto;
    padding: 0 4px !important;
    margin: 10px 0px !important;
}

.allowVscroll {
    overflow-y: auto !important;
}

.overflowHidden {
    overflow: hidden !important;
}

.overflowVisible {
    overflow: visible !important;
}

.allowHscroll::-webkit-scrollbar, .block-ui-main::-webkit-scrollbar {
    height: 10px;
    background-color: #F5F5F5;
}

.allowVscroll::-webkit-scrollbar, .block-ui-main::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

.allowHscroll::-webkit-scrollbar-track, .block-ui-main::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.allowVscroll::-webkit-scrollbar-track, .block-ui-main::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.allowVscroll::-webkit-scrollbar-thumb, .allowHscroll::-webkit-scrollbar-thumb, .block-ui-main::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #47529d;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent)
}

.bgTransparent {
    background: transparent !important;
}

.semiTransparentBG {
    background: rgba(255, 255, 255, 0.8) !important;
}

/*End Helper classes End*/

/*Start Tags*/
.tagging {
    float: left;
    margin: 2px;
}

.tagging span {
    float: left;
    padding: 4px 4px;
    background: #2d3a8f;
    color: #ffffff;
    border-radius: 5px;
}

.tagging span i {
    font-size: 15px;
    color: #ffffff;
}

.tagging-container {
    white-space: nowrap;
    /*border: solid 1px #2d3a8f;*/
    float: left;
    margin: 2px 0px 0px 2px;
    border-radius: 5px;
}

/*End Tags*/

/*Start Login Box*/
.login-box {
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    /*text-align: center;*/
}

.login-box .btn {
    margin: 0;
    width: 100%
}

/*End Login Box*/

/*Start Hover Box Start*/
.hover-block.textboxDropdownList {
    /*width: 160px;*/
}

.hover-box li {
    list-style: none;
    margin: 1px 0px;
    padding: 0px 2px;
    float: left;
    width: 100%;
}

.hover-block.textboxDropdownList.blockWidth {
    width: 172px;
}

.hover-block {
    display: none;
    position: absolute;
    /*width: 178px;*/
    margin: 12px 0 0 -6px;
    padding: 5px;
    background: #fff;
    z-index: 9999;
    border-radius: 10px;
    text-align: left;
    width: 220px;
    /*border: solid 1px #D0CDCD;
    	border-radius: 5px;*/
}

.plain-hover-block {
    display: none;
}

.hover-box:hover > .hover-block, .plain-hover-box:hover > .plain-hover-block, .justShow {
    display: block !important;
}

.hover-box {
    /*margin: 0 0 5px 5px !important;*/
}

.vertical .hover-block.textboxDropdownList {
    margin: 27px 0 0 0px;
}

.vertical.hover-box .btn {
    width: 132px;
    text-shadow: none;
}

.vertical.hover-box.btnblockWidth .btn {
    width: 163px;
    text-shadow: none;
}

.verticalMediumWide .hover-block {
    margin: 12px 0 0 0px;
    padding: 5px;
    box-shadow: 0 2px 7px 0 rgba(190, 190, 190, 0.50);
}

.verticalMediumWide.hover-box .btn {
    width: auto;
    text-shadow: none;
}

.verticalMediumWide .hover-block.textboxDropdownList {
    overflow: auto;
    color: #47529d;
    /*height: 345px; width : 250px;*/
}

.verticalMediumWide .hover-block.textboxDropdownList.doubleColumn {
    width: 370px;
}

.verticalMediumWide .hover-block.textboxDropdownList.doubleColumn li {
    width: 47%;
}

.verticalMediumWide {
    position: relative;
}

.widthView {
    width: 20vw !important;
}

.gradientBG {
    background-image: linear-gradient(45deg, rgb(241 238 238) 0%, rgb(255 254 254) 100%) !important;
}

.textboxDropdownList {
    /*width: 200px;*/
    width: 35vw;
}

.box.textboxDropdownList {
    width: 30vw;
    float: none !important;
    border: solid 1px #e7ebfb;
}

/*End Hover Box End*/
/*Start Box Layout*/
.box {
    float: left;
    /*
       -webkit-box-shadow: 0px 0px 1px 1px #e4e7ff;
       box-shadow: 0px 0px 1px 1px #e4e7ff;*/
    border: solid 1px #e7ebfb;
    width: 100%;
    float: left;
    background: #ffffff;
    padding: 0px;
    border-radius: 8px;
    /*overflow : hidden;
      border: solid 1px #24496b;*/
}

.shadow {
    border: solid 1px #e8e9f0;
}

.shadow:hover, .shadow.active {
    background: #f3f4ff;
    border-color: #e8f0fe;
    -webkit-box-shadow: 0px 0px 8px 1px rgba(13, 46, 75, 0.28);
    box-shadow: 0px 0px 8px 1px rgba(13, 46, 75, 0.28);
}

.box-header {
    cursor: default;
    width: 100%;
    float: left;
    background: #E7EBFB;
    padding: 8px 16px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    /*color: #fff;
    border-bottom: solid 4px #dde0f5;*/
}

.box-header-main {
    cursor: default;
    width: 100%;
    float: left;
    background: #E7EBFB;
    padding: 7px 16px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-radius: 0px !important;
    background: #3478F7 !important;
    color: #FFFFFF !important;
    text-transform: capitalize;
}

.box-header-main h3, .box-header-main a {
    color: #ffffff;
}

/*
.box-header a, .box-header span{
    color : #fff;
}*/

.box-header.presentation {
    background: #626fbc;
    border-bottom: solid 4px #626fbc;
}

.box-header.presentation h2 {
    color: #ffffff;
    font-weight: normal;
    padding: 4px 10px;
}

.box-content {
    float: left;
    width: 100%;
    padding: 14px;
}

.box-footer {
    box-shadow: 0px 0px 2px 0px #f5f3ff;
    float: left;
    width: 100%;
    text-align: right;
    padding: 16px;
}

/*End Box Layout*/

/* Start BLOCK UI **/
.block-ui {
    position: relative;
}

body.block-ui {
    /* IE8 doesn't support .block-ui:not(body) */
    position: static;
}

body.block-ui > .block-ui-container, .block-ui-main > .block-ui-container {
    position: fixed;
    z-index: 999999999;
}

.zFront {
    z-index: 99999;
}

.zBack {
    z-index: -99999;
}

.block-ui-container {
    position: absolute;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
    filter: alpha(opacity=00);
    cursor: wait;
}

.block-ui-active > .block-ui-container {
    height: 100%;
}

.block-ui-active .block-ui-active > .block-ui-container {
    height: 0;
}

.block-ui-visible > .block-ui-container {
    opacity: 1;
    filter: alpha(opacity=100);
}

.block-ui-overlay {
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background-color: white;
}

.block-ui-message-container {
    position: absolute;
    top: 10%;
    left: 0;
    right: 0;
    height: 0;
    text-align: center;
    z-index: 10001;
}

.block-ui-message, .block-ui-container {
    display: inline-block;
    text-align: left;
    padding: 20px;
    border-radius: 4px;
    font-size: 20px;
    font-weight: bold;
}

.block-ui-container {
    -webkit-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease;
}

/** END BLOCK UI **/

/** BUTTONS **/
[class*="btn"], .label-info {
    background: #ffffff;
    border: none;
    padding: 8px;
    border-radius: 4px;
    font-weight: bold;
    border-color: #64ADE4;
    float: left;
    margin: 0 5px;
    text-align: center;
}

[class*="btn"] i {
    font-size: 14px;
    /*margin: 0px 4px 0px 0px;*/
    line-height: 18px;
    float: left;
    border: none !important;
}

.box-footer [class*="btn"] {
    float: right;
}

[class*="btn"].btn-xxs i {
    font-size: 10px;
}

/*
.btn, .btn-success, .btn-primary, .btn-danger, .btn-info, .btn-warning, .btn-grey {
    font-size: 12px;
    line-height: 1.5;
    background-color: white;
    border: solid 1px;
    padding: 0px 3px;
}
*/
/**/
.btn-success[disabled], .btn-primary[disabled], .btn-danger[disabled], .btn-info[disabled], .btn-warning[disabled], .btn-grey[disabled], .btn-grey.caret {
    background-color: lightgrey !important;
}

/*
.btn-success {
    border-color: #2d3a8f;
}

.btn-primary {
    border-color: #5E97D0;
}

.btn-danger {
    border-color: #D68181;
}

.btn-info {
    border-color: #64ADE4;
}

.btn-warning {
    color: #B36BCC;
    background-color: #F7F8FF;
}

.btn-grey {
    border-color: #777D9E;
}
*/

.white {
    color: #ffffff !important;
}

.success {
    color: #3dae84 !important;
}

.black {
    color: #000000 !important;
}

.purple {
    color: #646AA7 !important;
}

.primary {
    color: #5E97D0 !important;
}

.danger {
    color: #da440f !important;
}

.info {
    color: #008aff !important
}

.warning {
    color: #FFAC5B !important;
}

.grey {
    color: #777D9E !important;
}

.turquoise {
    color: #42d0ca !important;
}

/*.btn-success, .btn-success i {
    color: #ffffff;
    background: #27AE60;
}*/
.btn-black{
    color: #ffffff;
    background: #000000;
}

.btn-blackBorder{
    color: #000000;
    border: 2px solid #000000 !important;
}

.btn-white, .btn-white i {
    color: #3dae84;
    border: solid 1px #3dae84;
}

.btn-innactive, .btn-innactive i, .btn-innactive span {
    color: #ffffff;
    background: #9fa7f3;
}

.btn-primary, .btn-primary i {
    color: #2a6ca7;
    border: solid 1px #2a6ca7;
}

.btn-success, .btn-success i {
    color: #27AE60;
    border: solid 1px #27AE60;
}


.btn-archive , .btn-archive  i {
    color: #b655cd;
    border: solid 1px #b655cd;
}

.btn-archiveInactive , .btn-archiveInactive  i {
    color: #b393bb;
    border: solid 1px #b393bb;
}

.btn-danger, .btn-danger i {
    color: #FD95A2;
    border: solid 1px #FD95A2;
}

.btn-info, .btn-info i {
    color: #686ba3 !important;
    border: solid 1px #b8bce1;
}

.btn-warning, .btn-warning i {
    color: #fb922f;
    border: solid 1px #fb922f;
}
/*
.btn-grey, .btn-grey i {
    color: #d0d4de;
}
*/
.btn-pink, .btn-pink i {
    color: #ef3137;
    border: solid 1px #ef3137;
}

.btn-turquoise, .btn-turquoise i {
    color: #d6fdde;
    border: solid 1px #d6fdde;
}

.btn-yellow, .btn-yellow i {
    color: #ecd764;
    border: solid 1px #ecd764;
}

.btn-lightGreen, .btn-lightGreen i {
    color: #95ec64;
    border: solid 1px #95ec64;
}

.btn-lightBlue, .btn-lightBlue i {
    color: #64bdec;
    border: solid 1px #64bdec;
}

.btn-purple, .btn-purple i {
    color: #646aa7;
    border: solid 1px #b8bce1;
}

.btn-white, .btn-white i {
    color: #f3f5ff;
    border: solid 1px #f3f5ff;
}

.btn-queue, .btn-queue i {
    color: #029BE5;
    border: solid 1px #029BE5;
}

.btn-queueBg, .btn-queueBg i {
    color: #FFFFFF;
    border: solid 1px #029BE5;
    background: #029BE5;
}

.btn-default {
    color: #666666;
    border: solid 1px #666666;
    margin: 0px 5px 0px 0px;
    padding: 5px;
}

.btn-search {
    color: #ffffff;
    background: linear-gradient(180deg, #63cd90 0%, #27ae60 100%);
}

.btn-default i {
    font-size: 10px;
}

.bg-level0 {
    background-color: #ffffff !important
}

.bg-level1 {
    background-color: #f7f7fb !important
}

.bg-level2 {
    background-color: #e6e6fd !important
}

.bg-level3 {
    background-color: #bdd0f4 !important;
}

.bg-level4 {
    background-color: #59009c !important;
}

.bg-level5 {
    background-color: #3478f7 !important
}

.bg-level6 {
    background-color: #da440f !important
}

.bg-level7 {
    background-color: #27ae60 !important;
}

.bg-level8 {
    background-color: #E7EBFB !important;
}

.bg-level9 {
    background-color: #f5c721 !important;
}

.bg-level10 {
    background-color: #ffb295 !important
}
.bg-level11 {
    background-color: #F57C02 !important
}

.bg-level12 {
    background-color: #f7d1d1  !important
} 

.bg-level13 {
    background-color: #e1faf5 !important
} 

.btn-sm {
    padding: 5px;
    font-size: 12px;
    /*line-height: 1.5;*/
}

.btn-s {
    padding: 5px;
    font-size: 12px;
}

.btn-xs {
    padding: 5px;
    font-size: 10px;
}

.btn-xxs {
    padding: 2px;
    font-size: 10px;
    line-height: 1;
}

.btn-xl {
    padding: 8px;
    font-size: 15px;
    line-height: 1;
}

.btn-header {
    padding: 8px 16px;
    font-size: 11px;
}

.btn-Alignment {
    line-height: 23px;
}

.alert {
    padding: 8px 14px;
    color: #fff !important;
    background: #6672c1;
    float: left;
    width: 100%;
    border-radius: 7px;
    text-align: center;
}

.lineHeight {
    line-height: 1;
}

.line-heightHalf {
    line-height: 0.5;
}

.lineHeightReset {
    line-height: 1.3vw;
}

/** END BUTTONS **/

/* Start Form Formatting*/
.form-format {
    float: left;
    padding: 8px 0px;
    width: 100%;
}

/*
.form-format label {
text-align: right;
float: left;
width: 30%;
font-weight: bold;
margin: 5px 0px;
padding: 0 10px;
}

*/

.form-format label {
    text-align: left;
    float: left;
    width: 100%;
    padding: 0px;
    border-radius: 5px;
    margin: 0 0 7px 0;
    font-weight: bold
}

.form-format input[type=radio], .form-format input[type=checkbox] {
    height: auto;
    float: left;
    margin: 1px 5px 0 0;
}

.form-format .label-entries {
    float: left;
    width: 90%;
}

.form-format .label-entries input[type=text], .form-format .label-entries input[type=email], .form-format .label-entries input[type=password], .form-format .label-entries input[type=number], .form-format .label-entries textarea, .label-entries select {
    float: left;
    width: 100%;
    font-size: 14px;
    font-family: sans-serif;
}

::placeholder {
    color: #d8dae3;
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
    cursor: not-allowed;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.label-entries.combined select, .label-entries.combined input[type=text] {
    width: calc(100% - 43px);
}

.label-entries.combined .btn {
    margin: 0 0 0 1px;
    float: right;
    padding: 2px 0 1px 0;
}

/*
.label-entries span {
    margin: 4px 0 0 0;
    float: left;
}*/
/* End Form Formatting*/
/** Pagination **/
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 0px;
    border-radius: 4px;
}

.pagination > li {
    display: inline;
}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.pagination-inverse {
}

.pagination-inverse li {
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.pagination-sm > li > a, .pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
}

.page-size-control {
    float: left;
    margin: 0px 0 0 8px;
}

.page-size-control select {
    height: 34px;
    padding: 8px 9px;
    border-color: #f0f2f6;
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 8px 13px;
    margin-left: 5px;
    line-height: 1.42857143;
    color: #191e4e;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #f0f2f6;
    border-radius: 4px;
}

.pagination-round a {
    padding: 0px 14px 7px 15px;
    line-height: 0.9em;
    font-size: 40px;
    font-weight: normal;
    border: solid 1px #dddddd;
    cursor: pointer;
    position: static;
    box-shadow: 0 0 7px #E2E2E2;
}

.pagination-round .paginationItems {
    width: calc(100% - 194px);
    padding: 10px 50px;
    float: left;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
}

.paginationItemsSecond {
    line-height: 2px;
    padding: 10px 50px;
    float: left;
}

.pagination .active a {
    color: #FFFFFF;
    background: #007aff;
    cursor: default;
}

.box-header-nav .paginationLeft, .box-header-nav .paginationRight {
    font-size: 22px;
    font-weight: bold;
    padding: 2px 10px 4px 10px;
    cursor: pointer;
    position: static;
    float: left;
    border: solid 1px #dddddd;
    border-radius: 20px;
    box-shadow: 0 0 2px #BDBDBD;
}

.box-header-nav a:hover, .pagination-round a:hover {
    text-decoration: none;
}

/** End pagination **/

/** Start Tooltip **/
.tooltip {
    position: absolute;
    z-index: 1020;
    display: block;
    visibility: visible;
    padding: 5px;
    font-size: 11px;
    opacity: 0;
    filter: alpha(opacity=0);
}

.tooltip.in {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.tooltip.top {
    margin-top: -2px;
}

.tooltip.right {
    margin-left: 2px;
}

.tooltip.bottom {
    margin-top: 2px;
}

.tooltip.left {
    margin-left: -2px;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000000;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #000000;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #000000;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #000000;
}

.tooltip-inner {
    /*max-width: 200px;*/
    padding: 3px 8px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    background-color: #000000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
}

/** End Tooltip **/

/** Start Notify **/
.cg-notify-message {
    position: fixed;
    top: 0px;
    z-index: 999999;
    max-width: 400px;
    text-align: center;
    background-color: #d9edf7;
    color: #31708f;
    padding: 15px !important;
    -webkit-transition: top 0.5s ease-out, opacity 0.2s ease-out;
    -moz-transition: top 0.5s ease-out, opacity 0.2s ease-out;
    -o-transition: top 0.5s ease-out, opacity 0.2s ease-out;
    transition: top 0.5s ease-out, opacity 0.2s ease-out;
    visibility: hidden;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.cg-notify-message-center {
    left: 50%;
}

.cg-notify-message-left {
    left: 15px;
}

.cg-notify-message-right {
    right: 15px;
}

.cg-notify-message a {
    font-weight: bold;
    color: inherit;
}

.cg-notify-message a:hover {
    color: inherit;
}

.cg-notify-close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
    position: absolute;
    top: 0px;
    right: 3px;
    line-height: 15px;
}

.cg-notify-close:hover, .cg-notify-close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5;
}

.cg-notify-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.alert-danger {
    background-color: #fd95a2;
    border-color: #ebccd1;
    color: #a94442;
}

.alert-warning {
    background-color: #fb922f;
    border-color: #fb922f;
    color: #ffffff;
}

.alert alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

.cg-notify-close {
    opacity: 1;
    top: -5px;
    right: -12px;
}

.cg-notify-close span:first-child {
    border-radius: 50px;
    color: #ffffff;
    background: #e15454;
    padding: 0px 5px;
    width: auto;
    height: auto;
    right: -12px;
    top: -12px;
    text-shadow: none;
    font-weight: normal;
}

.cg-notify-close:hover span:first-child {
    color: #dddddd;
}

.cg-notify-close:hover {
    opacity: 1;
}

.cg-notify-message + .cg-notify-message {
    display: none;
}

/** End Notify **/

/** Start ng-dialog **/
@-webkit-keyframes ngdialog-flyin {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes ngdialog-flyin {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        transform: translateY(-40px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes ngdialog-flyout {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
    }
}

@keyframes ngdialog-flyout {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        transform: translateY(-40px);
    }
}

.animate {
    transition-delay: 2s;
    transition-timing-function: linear;
}

.spinnerIcon360 i{
    position: relative;
    -ms-animation: uil-rolling-anim 1s linear infinite;
    -moz-animation: uil-rolling-anim 1s linear infinite;
    -webkit-animation: uil-rolling-anim 1s linear infinite;
    -o-animation: uil-rolling-anim 1s linear infinite;
    animation: uil-rolling-anim 1s linear infinite;
}

.ngdialog.ngdialog-theme-wide .ngdialog-content {
    width: 90% !important;
}

.ngdialog.ngdialog-theme-default {
    padding-bottom: 160px;
    padding-top: 160px;
}

.ngdialog.ngdialog-theme-default.ngdialog-closing .ngdialog-content {
    -webkit-animation: ngdialog-flyout .5s;
    animation: ngdialog-flyout .5s;
}

.ngdialog.ngdialog-theme-default .ngdialog-content {
    -webkit-animation: ngdialog-flyin .5s;
    animation: ngdialog-flyin .5s;
    background: transparent;
    margin: 0 auto;
    position: relative;
}

.ngdialog.ngdialog-theme-default .ngdialog-close {
    border-radius: 5px;
    cursor: pointer;
    position: absolute;
    right: -10px;
    top: 20px;
}

.ngdialog,
.ngdialog *,
.ngdialog *:before,
.ngdialog *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ngdialog {
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.ngdialog-overlay {
    position: fixed;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background: rgba(0, 0, 0, 0.4);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation: ngdialog-fadein 0.5s;
    animation: ngdialog-fadein 0.5s;
}

.ngdialog.ngdialog-closing .ngdialog-overlay {
    -webkit-animation: ngdialog-fadeout 0.5s;
    animation: ngdialog-fadeout 0.5s;
}

.ngdialog-content {
    background: white;
    -webkit-animation: ngdialog-fadein 0.5s;
    animation: ngdialog-fadein 0.5s;
}

.ngdialog.ngdialog-closing .ngdialog-content {
    -webkit-animation: ngdialog-fadeout 0.5s;
    animation: ngdialog-fadeout 0.5s;
}

.ngdialog-close:before {
    font-family: 'Helvetica', Arial, sans-serif;
    content: '\00D7';
    cursor: pointer;
}

body.ngdialog-open, .overflowHidden {
    overflow: hidden;
}

.ngdialog.ngdialog-theme-default .ngdialog-content {
    padding-top: 32px;
    margin-top: 50px;
    width: 85%;
    /*  overflow: auto;*/
}

.ngdialog.ngdialog-theme-default.ngdialog-delete .ngdialog-content {
    width: 50%;
    /*  overflow: auto;*/
}

.ngdialog.ngdialog-theme-default.ngdialog-delete .ngdialog-content .box-content {
    min-height: 150px;
}

.ngdialog-content > div {
    float: left;
    background: #ffffff;
    width: 100%;

    border-radius: 10px;
    /*
    border: solid 2px #6a96bf;
     background: #2d3a8f !important;       
    box-shadow: 2px 1px 8px #486a9c;
        padding: 5px;
 border-radius: 5px;
    background: #2d3a8f;

    background: #e0e3f1;
    */
}

.wizardNavigation {
    background: #2d3a8f !important;
    box-shadow: none;
    border-radius: 9px;
}

.ngdialog-content > .ngdialog-close {
    border: none;
    padding: 0px;
}

.ngdialog.ngdialog-theme-default .ngdialog-close:before {
    background: #2d3a8f;
    border-radius: 18px;
    color: #fff;
    content: '\00D7';
    font-size: 26px;
    font-weight: 400;
    height: 26px;
    line-height: 26px;
    position: absolute;
    right: 3px;
    text-align: center;
    top: 3px;
    width: 26px;
}

.ngdialog.ngdialog-slider .ngdialog-content {
    background: none;
    padding: 0px;
    margin: 0px;
    width: 100%;
}

.ngdialog.ngdialog-slider .ngdialog-content > div {
    border: none;
}

.ngdialog.ngdialog-slider .ngdialog-close {
    display: none;
}

/** End ng-dialog **/

.topFrame {
    background: #ffffff;
    float: left;
    border-top: solid 5px #4595cb;
    border-radius: 15px;
}

.topFrame.topFrame_paleBlue {
    border-color: #7cc4e7;
}

.topFrame.topFrame_darkBlue {
    border-color: #4d54bc;
}

.topFrame.topFrame_purple {
    border-color: #a77be7;
}

.topFrame.topFrame_turquoise {
    border-color: #6ed2cd;
}

.topFrame.topFrame_orange {
    border-color: #f4aea4;
}

.topFrame.topFrame_brown {
    border-color: #bf9696;
}

.topFrame.topFrame_green {
    border-color: #3dae84;
}

.gardient-background {

    background: #00d4ff;

    background: linear-gradient(135deg, #00d4ff 1%, #587af4 77%, #4794ff 100%) !important;

    color: #ffffff;
}

.gardient-green {
    background: radial-gradient(ellipse at right bottom, #68b1d6 50%, #63e1ca 100%) !important;
}

.gardient-purple {
    background: radial-gradient(ellipse at right bottom, #2eb2f5 50%, #3b94bf 100%) !important;
}

.gardient-orange {
    background: radial-gradient(ellipse at right bottom, #626fbc 50%, #1867ad 100%) !important;
}

.gardient-pink {
    background: radial-gradient(ellipse at right bottom, #62b4bc 50%, #1867ad 100%) !important;
}

.gardient-turquoise {
    background: radial-gradient(ellipse at right bottom, #4072e2 50%, #2bcabb 100%) !important;
}

.gardient-red {
    background: radial-gradient(ellipse at right bottom, #6c70f3 50%, #2eb2f5 100%) !important;
}

.topFrame {
    border-top: solid 2px #4595cb;
    border-radius: 6px;
    padding: 4px;
}

.leftFrame {
    border-left: solid 2px #4595cb;   
    border-radius: 6px;
    padding: 4px;
}

.rightFrame{
    border-left: solid 2px #4595cb;  
    border-radius: 6px;
    padding: 4px;
}


.leftFrameGreen {
    border-left: solid 2px #34c663;    
    border-radius: 6px;
    padding: 4px;
}

.tableround {
    border-radius: 3px !important;
    border-collapse: separate !important;
}

.tableroundborderNone {
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    border-bottom: solid 2px #34c663 !important;
}

.rightFrameGreen {
    border-right: solid 2px #34c663;    
    border-radius: 6px;
    padding: 4px;
}

.topBorder {
    border-color: #529bce;
}

.margin-small {
    margin: 4px !important;
}

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

.creatorImgContainer .creatorImg {
    margin: 10px 0;
}

/*End On Off Switch End*/
/** MENU **/

.nav {
    margin: 5px 0 0 0;
    margin-bottom: 6px;
    list-style: none;
    padding: 0px 5px;
    float: left;
}

.nav ul li, ul.nav lis {
    border: solid 1px #b8bce1;
    border-radius: 5px;
    margin: 3px 0px;
    float: left;
}
/*
.nav ul li a, .nav-tabs li a, .nav-pills li a {
     padding: 4px 0;
    float: left;
   color: #ffffff;
}*/

.nav ul li:hover {
    background: #eaf7ff;
}

.nav ul li:hover a {
    color: #47529d;
}
/*
.nav-tabs li, .nav-pills li {
    float: left;
    margin: 0 4px 0 0;
    background-color: #f3f5ff;
}

.nav-pills > .active > a, .nav-pills > .active > a:hover {
    border-bottom: solid 3px #3478F7;
    border-right: 10px;
}

.nav-pills li {
    background: none !important;
    border: none !important;
    padding: 0px !important;
}

.nav-pills li a {
    padding: 4px 16px;
    color: #3478F7;
    font-weight: bold;
}

.nav-pills li a.active {
    border-bottom: solid 3px #3478F7 !important;
}
*/
.nav-tabs li.active, .green-nav-tabs li.active, .nav-horizontal.active {
    border:solid 1px #3dae84 !important;
    background: none;
    color: #41445c !important;
    background: #fff;
}

.nav.nav-tabs li.active a {
    color: #41445c !important;
}

.nav-tabs li {
    margin-right: 4px;
}

.nav li, .nav-horizontal {
    border: solid 1px rgba(200, 202, 222, 0.50);
    float: left;
    border-radius: 5px;
    background: #ffffff;
    border-color: #e9ebf5;
    padding: 8px 16px;
    border-radius: 3px;
    color: #b2b4d4;
    font-weight: bold;
}

.nav-header {
    padding: 0 0px 0 6px;
    color: #2a6ca8;
}

/**/

/*Carousel*/
.carousel-3d-container {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 0;
    margin: 20px auto;
}

.carousel-3d {
    position: relative;
    margin: 0 auto;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -o-perspective: 1000px;
    -ms-perspective: 1000px;
    perspective: 1000px;
}

.carousel-3d.ng-hide {
    opacity: 0;
}

.carousel-3d.ng-hide-remove {
    transition: opacity linear 1000ms;
}

.carousel-3d.ng-hide-add {
    transition: opacity linear 500ms;
}

.carousel-3d .slide-3d {
    border-radius: 4px;
    border-color: #000;
    border-color: rgba(0, 0, 0, 0.4);
    border-style: solid;
    background-size: cover;
    box-shadow: 0px 1px 4px #5e97d0;
    background-size: cover;
    position: absolute;
    opacity: 1;
    visibility: visible;
    overflow: hidden;
    top: 0px;
    border-width: 1px;
    z-index: 999;
    transform: none;
    left: -1px;
    width: 350px;
    background: #fff;
}

.carousel-3d .slide-thumbnail {
    border-radius: 10px;
    box-shadow: 1px 1px 2px #5e97d0;
    border: solid 1px #5e97d0;
    min-height: 200px;
    margin: 15px 15px;
}

.carousel-3d .slide-thumbnail.active {
    border: solid 1px #FFAC5C;
    box-shadow: 2px 3px 3px #FFAC5C;
}

.carousel-3d .slide-thumbnail img {
    border-radius: 15px;
    padding: 5px;
}

.carousel-3d .slide-thumbnail span {
    text-align: center;
    width: 100%;
    float: left;
    margin: 1px 0 0 0;
}

.carousel-3d .carousel-3d-textContainers {
    background: #fff;
    opacity: 0.9;
}

.carousel-3d-textContainers .selectFilterList {
    opacity: 0.7;
}

.carousel-3d .slide-3d div img {
    position: absolute;
    z-index: -9;
    width: 100%;
}

.carousel-3d .slide-3d figure img {
    width: 100%;
}

.carousel-3d .slide-3d figure figcaption {
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    width: 100%;
    left: 0;
    bottom: 0;
    font-weight: normal;
    text-align: center;
    padding: 7px 10px;
}

/*====================================*/
.carousel-3d-controls {
    position: absolute;
    top: 30%;
    left: 0;
    width: 100%;
    z-index: 9099;
}

.carousel-3d-next,
.carousel-3d-prev {
    width: 60px;
    position: absolute !important;
    z-index: 9999;
}

.carousel-3d-next:hover,
.carousel-3d-prev:hover {
    cursor: pointer;
}

.carousel-3d-next {
    left: 0;
}

.carousel-3d-prev {
    right: 0;
}

.arrow-top,
.arrow-right,
.arrow-bottom,
.arrow-left {
    display: block;
    /*  margin: 20px auto; */
    overflow: hidden;
    position: relative;
}

.arrow-top,
.arrow-bottom {
    height: 34px;
    width: 64px;
}

.arrow-right,
.arrow-left {
    height: 64px;
    width: 34px !important;
}

.arrow-top:before,
.arrow-right:before,
.arrow-bottom:before,
.arrow-left:before {
    border: 30px solid transparent;
    content: ' ';
    display: block;
    position: absolute;
    z-index: 2;
}

.arrow-top:before {
    border-bottom-color: #000000;
    left: 2px;
    bottom: 0;
}

.arrow-right:before {
    border-left-color: #000000;
    left: 0;
    top: 2px;
}

.arrow-bottom:before {
    border-top-color: #000000;
    left: 2px;
    top: 0;
}

.arrow-left:before {
    border-right-color: #000000;
    right: 0;
    top: 2px;
}

.arrow-top-bg:after,
.arrow-right-bg:after,
.arrow-bottom-bg:after,
.arrow-left-bg:after {
    border: 32px solid transparent;
    content: ' ';
    display: block;
    position: absolute;
    z-index: 1;
}

.arrow-top-bg:after {
    border-bottom-color: #000000;
    bottom: 0;
    left: 0;
}

.arrow-right-bg:after {
    border-left-color: #000000;
    left: 0;
    top: 0;
}

.arrow-bottom-bg:after {
    border-top-color: #000000;
    left: 0;
    top: 0;
}

.arrow-left-bg:after {
    border-right-color: #000000;
    right: 0;
    top: 0;
}

/*====================================*/
@-webkit-keyframes uil-rolling-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    50% {
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes uil-rolling-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    50% {
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes uil-rolling-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    50% {
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-ms-keyframes uil-rolling-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    50% {
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes uil-rolling-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    50% {
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes uil-rolling-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    50% {
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes uil-rolling-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    50% {
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes uil-rolling-anim {
    0% {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    50% {
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.carousel-3d-loader-circle {
    width: 100px;
    height: 100px;
    margin: 50px auto;
    display: block;
}

.carousel-3d-loader-circle > div {
    width: 100px;
    height: 100px;
    position: relative;
    -ms-animation: uil-rolling-anim 1s linear infinite;
    -moz-animation: uil-rolling-anim 1s linear infinite;
    -webkit-animation: uil-rolling-anim 1s linear infinite;
    -o-animation: uil-rolling-anim 1s linear infinite;
    animation: uil-rolling-anim 1s linear infinite;
}

.carousel-3d-loader-circle > div div {
    position: absolute;
    width: 100px;
    height: 50px;
    border-radius: 500px 500px 0 0;
    border-color: #000000;
    border-style: solid;
    border-width: 20px;
    border-bottom-width: 0;
}

.carousel-3d-loader-circle > div div:nth-of-type(2) {
    -ms-transform: translate(0, 25px) rotate(27deg) translate(0, -25px);
    -moz-transform: translate(0, 25px) rotate(27deg) translate(0, -25px);
    -webkit-transform: translate(0, 25px) rotate(27deg) translate(0, -25px);
    -o-transform: translate(0, 25px) rotate(27deg) translate(0, -25px);
    transform: translate(0, 25px) rotate(27deg) translate(0, -25px);
}

.carousel-3d-loader {
    position: relative;
}

.carousel-3d-loader-percentage,
.carousel-3d-loader-error {
    font-size: 18px;
    position: absolute;
    top: 50%;
    text-align: center;
    width: 100%;
    margin-top: -9px;
    line-height: 18px;
}

/*Callendar*/
.calendar {
    position: absolute;
    z-index: 1000;
    opacity: 1;
    pointer-events: auto;
    transition: opacity 0.5s ease;
    width: auto;
    padding: 0px !important;
}

.calendar ul {
    list-style: none;
    padding: 0px;
    margin: 10px;
}

.calendar ul li {
    float: left;
    width: 100%;
    padding: 5px;
}

.calendar button[disabled] {
    color: #5E97D0;
    background-color: #dddddd;
}

/*End Callendar*/

/** Contract wizard **/
.wizardForm td input, .wizardForm td textarea {
    border: none;
    padding: 5px 10px;
    font-size: 0.8vw;
    line-height: 1vw;
    background: #ffff;
}

.wizardForm td input::placeholder, .wizardForm td textarea::placeholder {
    font-weight: normal;
    font-size: 0.8vw;
}

.wizard .selected i {
    color: #626fbc;
    font-size: 26px;
    margin: 0px 0 0 -13px;
}

.wizardForm .tabIndex {
    padding: 4px 0 0 5px !important;
    position: absolute !important;
    margin: -2px 0 0 -12px;
    font-size: 12px;
    width: 16px;
    text-align: center;
}

.wizardForm .selected .tabIndex {
    margin: 1px 0 0 -11px;
}

.wizard .selected span, .wizard .selected a {
    color: #ffffff;
    font-weight: bold;
    padding: 7px 0 0 5px;
}

.wizard i {
    font-size: 18px;
    color: #ffffff;
    margin: 0px 0 0 -10px;
}

.wizard td {
    vertical-align: top;
    padding: 0 0 30px;
    border: none;
}

.wizard td span, .wizard td a {
    vertical-align: top;
    border: none;
    float: left;
    color: #7f87bb;
    font-size: 12px;
    padding: 2px 0 0 5px;
}

.checked {
    border-left: 1px solid #3faf85;
}

.unchecked {
    border-left: none;
}

#myDiv {
    border: 1px solid red;
}

#myDiv:focus {
    border: 1px solid #555;
}

.btn-file {
    overflow: hidden;
    position: relative;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    background: none repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
}

.file-icon {
    overflow: hidden;
    position: relative;
}

.file-icon input[type=file] {
position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;
}


.btn-danger.active {
     color: #FFFFFF !important;
     border: solid 1px #FD95A2;
     background: #FD95A2;
 }

.btn-danger i.active {
    color: #FFFFFF !important;
}

.btn-success.active {
    color: #FFFFFF !important;
    border: solid 1px #27AE60;
    background: #27AE60;
}

.btn-success i.active {
    color: #FFFFFF !important;
}

/** Add region list **/
.regions-controls {
    position: relative;
}

.regions-controls .exisitingRegionsList {
    position: absolute;
    margin: 0;
    list-style-type: none;
    top: 34px;
    left: -34px;
    max-height: 209px;
    overflow-y: auto;
    width: 100%;
    z-index: 999;
}

.regions-controls .exisitingRegionsList li {
    border: 1px #DFDFDF solid;
    background: #ffffff;
    padding: 3px 8px;
    cursor: pointer;
    margin-left: -40px;
}

.regions-controls .exisitingRegionsList li:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.regions-controls .exisitingRegionsList li:last-child {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

.box-dash {
    box-shadow: none;
    background-color: #ffffff;
}

.box-dash .box-header h2 {
    font-weight: 100;
    font-size: 20px;
    padding: 15px 5px;
}

.box-dash .box-header, .box-dash .box-content, .box-dash .box-footer {
    background: none;
    border: none;
}

.box-dash.box-primary .box-header, .box-dash.box-info .box-header, .box-dash.box-warning .box-header, .box-dash.box-danger .box-header, .box-dash.box-success .box-header {
    color: #ffffff;
}

.box-dash.box-primary .box-header {
    background-color: #5E97D0;
}

.box-dash.box-warning .box-header {
    background-color: #FFAC5B;
}

.box-dash.box-info .box-header {
    background-color: #64ADE4;
}

.box-dash.box-danger .box-header {
    background-color: #DC9494;
}

.box-dash.box-success .box-header {
    background-color: #36BB8E;
}

.box-dash ul.tasks {
    list-style: none;
    margin: 0;
    padding: 0;
    min-height: 120px;
}

.box-dash ul.tasks li {
    display: block;
    border-bottom: solid 1px #EFEFEF;
    padding: 5px 0px;
}

.framelessTable{
    border : none;
    border-bottom: solid 1px #000;
}

.framelessTable tr th{
    background : #fff;
    border : none;
    color : #1a1e4b;
    font-size: 16px;
    padding: 0 10px;
}

.framelessTable tr td{
    border-left : none;
    border-right : none;
    padding: 10px;
}

.activeRow{
    background-color: #CCF8DE;
}

.activeRow2{
    background-color: #CCEAF8;
}

.table-period tr:hover, .table-period td:hover, .table-period th, .table-period tbody tr:hover td, .table-period tbody tr:hover th, .bg-white {
    background: #FFFFFF !important;
}

.table tr.info, .table td.info, .table th.info {
    background: #B9E3F3;
}

.table tr.success, .table td.success, .table th.success {
    background: #D3FFF0;
}

.table tr.danger, .table td.danger, .table th.danger {
    background-color: #F1D5D5
}

.table tr.warning, .table td.warning, .table th.warning {
    background-color: #F9DDC2;
}

.table tr.info:hover, .table td.info:hover, .table th.info:hover, .table tr.info:hover td, .table tr.info:hover th {
    background: #B9E3F3;
}

input[type="text"].input-mini {
    width: 34px;
    float: right;
    height: 20px;
    font-size: 11px;
    padding: 2px;
}

input[type="text"][disabled] {
    background: lightgrey;
}

.font-mini {
    font-size: 12px;
    min-height: 20px !important;
    margin: 3px 0 0 0;
}

.hover-block.leftHoverBox {
    margin: 0px 0 0 -76px;
}

.hover-block.floating-btn {
    background: none;
    border: none;
}

.label-warning {
    color: #ffffff;
    background: #FFAC5B;
    border: none;
    border-radius: 5px;
    font-weight: bold;
    border-color: #64ADE4;
    float: left;
    margin: 0 2px;
    padding: 5px;
}

.label-danger {
    color: #ffffff;
    background: #E2A0A0;
    border: none;
    border-radius: 5px;
    font-weight: bold;
    border-color: #64ADE4;
    float: left;
    margin: 0 2px;
    padding: 5px;
}

.label-success {
    color: #ffffff;
    background: #5E97D0;
    border: none;
    border-radius: 5px;
    font-weight: bold;
    border-color: #64ADE4;
    float: left;
    margin: 0 2px;
    padding: 5px;
}

.label-archive {
    color: #ffffff;
    background: #b655cd;
    border: none;
    border-radius: 5px;
    font-weight: bold;
    border-color: #64ADE4;
    float: left;
    margin: 0 2px;
    padding: 5px;
}

.label-archiveInactive  {
    color: #ffffff;
    background: #b393bb;
    border: none;
    border-radius: 5px;
    font-weight: bold;
    border-color: #64ADE4;
    float: left;
    margin: 0 2px;
    padding: 5px;
}

.label-lg {
    line-height: 24px;
}

fieldset.scheduler-border {
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
    -webkit-box-shadow: 0px 0px 0px 0px #000;
    box-shadow: 0px 0px 0px 0px #000;
    border: 1px solid rgb(222, 222, 222);
    background: #fff;
    border-radius: 5px;
}

legend.scheduler-border {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
    width: auto;
    padding: 0 10px;
    border-bottom: none;
}

.table-period table td {
    border: 0;
    border-bottom: solid 1px #B9E3F3;
    cursor: pointer;
}

.table-period tbody tr td table td:hover {
    background: #B9E3F3;
}

.table-period table tr:last-child td {
    border: 0 !important;
}

.ng-hide {
    display: none !important;
}

input[readonly].datePickerField {
    cursor: pointer;
    color: #555555;
    font-style: normal;
}

.borderInputBtnBox input {
    border-radius: 15px;
    padding: 0 0 0 15px;
    width: calc(100% - 30px);
}

.borderInputBtnBox a {
    margin-left: -35px;
    border-radius: 15px;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.borderNavTabs {
    border: 1px solid;
    border-radius: unset !important;
}

/** start row styles**/
.row-White td {
    background-color: #ffffff !important;
}

.row-Grey td {
    background-color: #f5f5f5 !important;
}

.verticalLine {
    float: left;
    height: 30px;
    width: 1px;
    background-color: #4595cb;
    margin: 5px;
}

/** Progress bars **/
.progress {
    height: 30px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #428bca;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
}

.progress-bar {
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}

.progress-bar {
    color: #fff;
    background-color: #428bca;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
}

.nav-horizontal {
    margin-right: 5px;
    border-radius: 5px;
}

.dropdown {
    display: inline-block;
}

.dropdown {
    position: relative;
    cursor: pointer;
}

.dropDownListing {
    background: #f0f2f6 !important;
    border: transparent;
    font-size: 16px;
    font-weight: 700;
    width: auto !important;
}

body .metric-circle.processed {
    background: #d6a45e;
}

body .metric-circle {
    width: 10px;
    height: 10px;
    border-radius: 5px;
    display: inline-flex;
    display: -moz-inline-flex;
    display: -webkit-inline-flex;
}

body .metric-circle.open {
    background: #59c1ca;
}

body .metric-circle.bounce {
    background: #D85C5C;
}

body .metric-circle.dropped {
    background: #7B1FA2;
}

body .metric-circle.deferred {
    background: #980A0B;
}

body .metric-circle.delivered {
    background: #299A74;
}

.drop-menu-right-aligned {
    right: 0;
    left: inherit;
}

.drop-menu {
    box-shadow: 0 2px 6px 0 rgba(41, 70, 97, .2);
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    min-width: 180px;
    padding: 10px 0;
    margin: 1px -1px;
    overflow: hidden;
    cursor: default;
    background: #fbfbfc;
    border: 1px solid #e9ecef;
    border-radius: 2px;
    opacity: 0;
    visibility: hidden;
    transition: top .3s, opacity .3s;
}

.dropdown.is-active .drop-menu {
    top: 100%;
    z-index: 1000;
    opacity: 1;
    visibility: visible;
}

.drop-menu-right-aligned {
    right: 0;
    left: inherit;
}

.dropdown-link {
    display: block;
    padding: 10px 18px 7px;
    font-size: 13px;
    line-height: 18px;
    color: #546b81;
    text-align: left;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

.input-checkbox-label, .input-radio-label {
    position: absolute;
    display: inline;
    margin-left: 15px;
    font-size: 13px;
    line-height: 18px;
    color: #294661;
    cursor: pointer;
}

body .metric-circle {
    width: 10px;
    height: 10px;
    border-radius: 5px;
    display: inline-flex;
    display: -moz-inline-flex;
    display: -webkit-inline-flex;
}

.input-text-wrap.is-full-width {
    width: 100%;
    max-width: 100%;
}

.input-text-wrap {
    position: relative;
    padding-top: 15px;
    margin-bottom: 20px;
}

.input-text-label {
    position: absolute;
    top: 18px;
    display: inline-block;
    font-size: 13px;
    line-height: 18px;
    pointer-events: none;
    transition: top .3s, font-size .3s;
    transition-timing-function: cubic-bezier(.02, .01, .47, 1);
}

.input-text-wrap [type=text] {
    display: block;
    width: 100%;
    padding: 0;
    font-size: 13px;
    line-height: 24px;
    color: #294661;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #d4dadf;
    box-shadow: 0 1px 0 transparent;
    transition: border-color .3s, box-shadow .3s;
}

.input-text-wrap.has-value .input-text-label, .input-text-wrap.is-focused .input-text-label {
    top: 0;
    font-size: 12px;
    line-height: 15px;
}

.btn-svg-icon {
    padding-top: 12px;
    padding-bottom: 10px;
    line-height: 0;
}

.btn-secondary {
    border-color: #489be8;
}

.btn-primary.has-badge .badge, .btn-secondary {
    color: #1a82e2;
    background-color: #fff;
}

.btn-dropdown {
    padding-right: 25px;
    padding-left: 25px;
}

.btn-secondary.is-active, .btn-secondary:active {
    box-shadow: 0 1px 4px 0 rgba(26, 130, 226, .2);
}

.btn-right-margin {
    display: inline-block;
    margin-right: 12px;
}

.input-info-tooltip-container {
    position: relative;
    display: inline-block;
    text-transform: none;
    width: 18px;
    height: 18px;
    font-weight: 100;
}

.input-info-tooltip-container .input-info-tooltip {
    width: 18px;
    height: 18px;
    line-height: 1;
}

.input-info-tooltip {
    position: absolute;
    top: 19px;
    right: 0;
}

.input-info-tooltip .sg-icon, [data-tooltip] .sg-icon {
    margin-left: 3px;
    color: #7f90a0;
    vertical-align: middle;
    cursor: pointer;
    transition: color .3s;
}

.input-info-tooltip-container .tooltip-js-content {
    top: -10000px;
    color: #fff;
    z-index: 99999;
    margin: 0;
    letter-spacing: normal;
    white-space: normal;
    font-weight: 100;
    font-size: 12px;
}

.input-info-tooltip .sg-icon.is-hovered, .input-info-tooltip .sg-icon:hover, [data-tooltip] .sg-icon.is-hovered, [data-tooltip] .sg-icon:hover {
    color: #294661;
}

.input-info-tooltip .sg-icon, [data-tooltip] .sg-icon {
    margin-left: 3px;
    color: #7f90a0;
    vertical-align: middle;
    cursor: pointer;
    transition: color .3s;
}

.sg-icon {
    font-family: styleguideicons;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.popover {
    text-decoration: none;
    color: white;
    position: absolute;
    left: 100%;
    top: 0;
    display: block;
    padding: 0 20px;
    background: #294661;
    border-radius: 2px;
}

.popover span {
    display: block;
    font-weight: 700;
}

/** End progress bar **/

/** Start Slider bar **/

.sliderContents {
    position: absolute;
    right: 0px;
    z-index: 999999;
}

.qcont:first-letter {
    text-transform: capitalize !important;
}

.notableBordered {
    background: none;
    border: none;
}

.divider {
    margin-left: 5px;
    margin-right: 5px;
    height: 80px;
    width: 1px !important;
    background-color: #e3e6ff;
}

.grey-text {
    color: #d0d4de;
  }

/** End Slider bar **/

/** end row styles**/
/** End add region list **/
/*
.contract-wizard .nav-tabs li {
    position: relative;
    overflow: visible;
    margin-right: 18px;
    margin-bottom: 10px;
    height: 32px;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    padding: 6px 15px 0 15px;
    background-color: #9DCCAC;
    color: #FFFFFF;
    box-shadow: -1px 3px 5px #D4D4D4;
}

    .contract-wizard .nav-tabs li.active ~ li {
        background-color: #dedede;
        color: #909090;
    }

    .contract-wizard .nav-tabs li.active {
        background-color: #36BB8E;
        color: #FFFFFF;
    }

    .contract-wizard .nav-tabs li .numbering {
        display: block;
        float: left;
        font-size: 10px;
        text-align: center;
        width: 20px;
        margin: 0 5px 0px 0px;
        line-height: 15px;
        font-size: 21px;
    }

    .contract-wizard .nav-tabs li.active .numbering {
        text-shadow: none;
    }

    .contract-wizard .nav-tabs li:first-child {

    }

    .contract-wizard .nav-tabs li:before {
        width: 0px;
        height: 0px;
        border-top: 16px solid #F0EEE3;
        border-bottom: 16px solid #F0EEE3;
        border-left: 16px solid transparent;
        position: absolute;
        content: "";
        top: 0px;
        left: -16px;
        border-top: 16px solid #9DCCAC;
        border-bottom: 16px solid #9DCCAC;
    }

    .contract-wizard .nav-tabs li.active:before {
        border-top: 16px solid #36BB8E;
        border-bottom: 16px solid #36BB8E;
    }

    .contract-wizard .nav-tabs li:after {
        width: 0px;
        height: 0px;
        border-top: 16px solid #F0F0F0;
        border-bottom: 16px solid #F0F0F0;
        border-left: 16px solid transparent;
        position: absolute;
        content: "";
        top: 0px;
        right: -15px;
        border-left: 16px solid #9DCCAC;
    }

    .contract-wizard .nav-tabs li.active:after {
        border-left: 16px solid #36BB8E;
    }

    .contract-wizard .nav-tabs li.active ~ li:after {
        border-left: 16px solid #DEDEDE;
    }

    .contract-wizard .nav-tabs li.active ~ li:before {
        border-top: 16px solid #DEDEDE;
        border-bottom: 16px solid #DEDEDE;
    }

.contract-wizard .wizard-footer ul {
    position: relative;
    margin-top: 20px;
    list-style: none;
}

    .contract-wizard .wizard-footer ul li {
        text-transform: uppercase;
        border: none;
        background: none;
        margin: 0;
        border-radius: 0;
        position: relative;
        padding: 10px 0;
        width: 16.66666666666%;
        text-align: center;
        float: left;
    }

    .contract-wizard .wizard-footer ul:before {
        position: absolute;
        height: 1px;
        background-color: #dedede;
        content: '';
        left: calc(8.3333333%);
        right: calc(8.3333333%)
    }

    .contract-wizard .wizard-footer ul li:after {
        position: absolute;
        top: -7px;
        left: calc(50% - 7px);
        width: 14px;
        height: 14px;
        background-color: #9DCCAC;
        border-radius: 100%;
        content: '';
    }

    .contract-wizard .wizard-footer ul li.active:after {
        background-color: #36BB8E;
    }

    .contract-wizard .wizard-footer ul li.active ~ li:after {
        background-color: #dedede;
    }
    */
/** End contract wizard **/