/*body {*/
    /*height: 100%;*/
/*}*/
/*body{*/
    /*display: flex;*/
    /*flex-direction: column;*/
    /*min-height: 100vh;*/
/*}*/
/*body .container {*/
    /*flex: 1 0 auto;*/
/*}*/

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.hidden{
    display:none;
}
.invalid-feedback{
    display:block;
}

/******** header***************/
.upper_part{
    background-color: #E7E7E7;
    color: #000;
    text-align: right;
}
.upper_part a{
    color: #000;
}
.upper_part ul{
    list-style: none;
    margin-bottom: 0;
    padding: 0;
}
.upper_part ul li {
    display: inline-block;
    line-height: 3;
    margin-right: 5px;
    font-size: 12px;
}
#bs4navbar li.menu-item a, a.brand{
    color:#000;
}
li.current-menu-item{
    background-color: #004582;
}
#bs4navbar li.menu-item a.active{
    color:#fff;
}
.navbar{
    padding-left: 0;
    padding-right: 0;
}
.yellow{
    color:yellow;
}
#menu-top a{
    white-space: nowrap;
}
/********************footer*********/
footer{
    background-color: #fff;
}
/*footer .navbar{*/
    /*background-color: #4F4F4F;*/
/*}*/
ul.f_box{
    list-style: none;
    margin: 0 auto;
    padding: 0;
}
ul.f_box li {
    display: inline-block;
    line-height: 3;
    margin-right: 5px;
    margin-left: 5px;
}
span.blue{
    color:#0B416F;
}
.text-black{
    color:#000;
}
ul.f_menu{
    list-style: none;
    padding: 0;
}
ul.f_menu li {
    text-align: center;
}
.f_text{
    font-size: 28px;
    font-weight: 700;
}
#menu-bottom a{
    color:#fff;
}
/*************homepage********/

body{
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 100vh;

}
body .ps_container {
    flex: 1 0 auto;
}
.pr_bg {
    margin-top: 0;
    padding-top: 10px;
    padding-bottom: 80px;
    /* background-image: linear-gradient(152deg, #285664, #2d3b6e); */
    background-color: #323232;
    overflow: hidden;
    height:100%
}

.page-content p, .page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h5, .page-content li, .page-content a{
    color:white;
}

.pr_bg textarea{
    width:100%;
    height: 100%;
    padding: 1rem;
}
.h-100{
    height: 100%;
}
header{
    /* background-color: #283C62; */
    background-color: #3C3F41;
}
footer{
    /* background-color: #283C62; */
    background-color: #3C3F41;
}
footer .navbar{
    /* background-color: #283C62; */
    background-color: #3C3F41;
}

#bs4navbar ul#menu-main li.menu-item a{
    font-weight: 700;
    color:white;
}

.prompter_links{
    display:none;
    position:fixed;
    bottom:0;
    margin: 5px auto;
    max-width: 340px;
    width: 100%;
    background: rgba(255, 255, 255, 0.95);
    left: 50%;
    transform: translateX(-50%);
    border-radius: 5px 5px 0 0 ;
}

.prompter_link{
    float: left;
    padding: 0 5px;
    font-weight: 700;
    font-size: 1.0rem;
}

.powersoft-fullscreen{
    font-size:120px;
    color: white;
    overflow: hidden;
    background-color: black;
    margin:0.5rem;
    line-height: 1.2;
}
br.ps_divider{
    display:none;
}

#loader-div {
    text-align: center;
    position: fixed;
    top: 0 !important;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.9);
    z-index: 99999;
}
#loader-div #loader-wrapper {
    display: table;
    width: 100%;
    height: 100%;
}
/*Loading svg icon*/
$green: #008744;
$blue: #0057e7;
$red: #d62d20;
$yellow: #ffa700;
$white: #eee;

$width: 100px;
$zoom: 1.7;

.loader {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin: 0 auto;
  width: $width;
  height: $width;
  zoom: $zoom;
}
.circular {
  animation: rotate 2s linear infinite;
  height: $width;
  position: relative;
  width: $width;
}
.path {
  stroke-dasharray: 1,200;
  stroke-dashoffset: 0;
  animation: dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;
  stroke-linecap: round;
}

@keyframes rotate{
  100%{
    transform: rotate(360deg);
  }
}
@keyframes dash{
  0%{
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
  }
  50%{
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35;
  }
  100%{
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124;
  }
}
@keyframes color{
  100%, 0%{
    stroke: $red;
  }
  40%{
    stroke: $blue;
  }
  66%{
    stroke: $green;
  }
  80%, 90%{
    stroke: $yellow;
  }
}
/*End Loading svg icon*/


@-webkit-keyframes fadeOut{
  0%{
    opacity:1
  }
  100%{
    opacity:0
  }}
@keyframes fadeOut{
  0%{
    opacity:1
  }
  100%{
    opacity:0
  }
}
@-webkit-keyframes fadeIn{
  0%{
    opacity:0
  }
  100%{
    opacity:1
  }}
@keyframes fadeIn{
  0%{
    opacity:0
  }
  100%{
    opacity:1
  }
}
.fadeOut {
    -webkit-animation-name: fadeOut; 
    animation-name: fadeOut;
  	display:none;
}
.fadeIn {
  	display:block;
    -webkit-animation-name: fadeIn; 
    animation-name: fadeIn;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.cursor{
	float: left;
	background-color: white;
}
.cursor.blink{
	-webkit-animation:blink 1s infinite steps(1,start);
	animation:blink 1s infinite steps(1,start);
}
@-webkit-keyframes blink{
	0%,to{background-color:#323232;color:#f48020}50%{background-color:#f48020;color:#323232}
}
@keyframes blink{
	0%,to{background-color:#323232;color:#f48020}50%{background-color:#f48020;color:#323232}
}

@media only screen and (max-width: 1200px) {
    .powersoft-fullscreen{
        font-size:100px;
    }
}
@media  (min-width: 768px){
    .h-md-75{
        height:75% !important;
    }
}
@media only screen and (max-width: 799px) {
    .powersoft-fullscreen{
        font-size:50px;
    }
}
@media only screen and (max-width: 500px) {
    .prompter_links{
        max-width: 100%;
        margin:0 auto;
    }
    .prompter_link {
        font-size: 1.3rem;
    }
}

@media only screen and (max-width: 406px) {

    .prompter_link {
        font-size: 1rem;
    }

}
@media only screen and (max-width: 320px) {
    .powersoft-fullscreen{
        font-size:30px;
    }
}