.bootstrap-table .fixed-table-container .fixed-table-body{
   height: auto !important;
}
#announcement_pr{
   padding-top: 5px;
}

.shadow-input{
   box-shadow: -3px 3px 2px #000;
}

/*Default*/
.swal2-content{
   font-weight: bold;
}
.card{
	box-shadow: 10px 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius: 10px;
   padding-left: 20px !important;
   padding-right: 20px !important;
   padding-top: 10px !important;
   padding-bottom: 10px !important;
   overflow-x:auto;
}
/*.card:hover{
   box-shadow: 0 0 0 0 black;
   transition: 1s all;
}
.card:not(:hover) {
   box-shadow: 0 0 2em -1em black;
   transition: 1s all;
}*/
.wrapper-wh-menu{
   min-width: 50px;
   max-width: 50px;
   min-height: 50px;
   max-height: 50px;
   margin: auto;
}
.card-alt{
   box-shadow: 0 4px 8px 0 rgba(219, 236, 254, 0.2), 0 6px 20px 0 rgba(219, 236, 254, 0.19);
   background-color: #fff;
   padding: 5px;
}
.card-menu{
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.5);
   background-color: #fff;
   border-radius: 10px 10px 0px 0px;
   padding: 5px;
}
.card-menu-top{
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.5);
   background-color: #fff;
   border-radius: 10px;
   padding: 5px;
}
@media screen and (min-width: 1200px){
   .ph-vs{
      max-width: 1200px;
      margin: 0 auto;
   } 
}
@media screen and (max-width: 1199px){
   .ph-vs{
      max-width: 1199px;
      margin: 0 auto;
   }
}
@media screen and (min-width: 720px){
   .ph-md{
      max-width: 720px;
      margin: 0 auto;
   } 
}
@media screen and (max-width: 719px){
   .ph-md{
      max-width: 719px;
      margin: 0 auto;
   }
}
@media screen and (min-width: 500px){
   .ph-ts{
      max-width: 500px;
      margin: 0 auto;
   } 
}
@media screen and (max-width: 499px){
   .ph-ts{
      max-width: 499px;
      margin: 0 auto;
   }
}

/*@media screen and (max-width: 375px){
	#pager{
		display: none;
	}
}*/

.mdl_btn_cls{
   float: left !important;
   margin: -1rem -1rem -1rem -1rem !important;
}

/*Index Page*/
#index_element{
   background-image: url('../img/background.png');
   background-position: left;
   background-repeat: no-repeat;
   background-size: auto 100vh;
   min-height: 100vh;
}

/*Dashboard*/
.tp-fc-yellow-glowing{
	color: #FBF26F;
}

[hidden] {
  display: none !important;
}

/*test-maker*/
.carding-question{
   overflow-x: auto;
}


textarea{
   border-top: 0px !important;
   border-left: 0px !important;
   border-right: 0px !important;
   border-bottom: 1px solid #ced4da !important;
}
input{
   border-top: 0px !important;
   border-left: 0px !important;
   border-right: 0px !important;
   border-bottom: 1px solid #ced4da !important;
}

/*INDEX*/
.input-text-round-right{
   border-radius: 0px 25px 25px 0px !important;
   border: 1px solid #ced4da !important;
}
.input-group-left{
   background-color: #fff;
   border-radius: 25px 0px 0px 25px !important;
   min-width: 50px;
}
.input-pw-middle{
   border: 1px solid #ced4da !important;
}
.input-group-right{
   background-color: #fff;
   border-radius: 0px 25px 25px 0px !important;
   min-width: 50px;
}
#password_animation:hover > .fa-eye-slash{
   -webkit-animation:spin-in 0.5s linear forwards;
   -moz-animation:spin-in 0.5s linear forwards;
   animation:spin-in 0.5s linear forwards;
}
#password_animation:not(:hover) > .fa-eye-slash{
   transform: rotateY(90deg);
   -webkit-animation:spin-out 0.5s linear forwards;
   -moz-animation:spin-out 0.5s linear forwards;
   animation:spin-out 0.5s linear forwards;
}
#password_animation > .fa-eye{
   transform: rotateY(90deg);
   position: absolute;
}
#password_animation:hover > .fa-eye{
   animation-delay: 1s;
   -webkit-animation:spin-out 0.5s linear forwards;
   -moz-animation:spin-out 0.5s linear forwards;
   animation:spin-out 0.5s linear forwards;
}
#password_animation:not(:hover) > .fa-eye{
   animation-delay: 1s;
   transform: rotateY(0deg);
   -webkit-animation:spin-in 0.5s linear forwards;
   -moz-animation:spin-in 0.5s linear forwards;
   animation:spin-in 0.5s linear forwards;
}
#sc_logo{
   -webkit-animation:spin 10s linear infinite;
   -moz-animation:spin 10s linear infinite;
   animation:spin 10s linear infinite;
}
@-moz-keyframes spin { 
   100% 
   {
      -moz-transform: rotateY(360deg); 
   } 
}
@-webkit-keyframes spin { 
   100% 
   {
      -webkit-transform: rotateY(360deg); 
   } 
}
@keyframes spin { 
   100% 
   {
      -webkit-transform: rotateY(360deg); 
      transform:rotateY(360deg); 
   } 
}
@-moz-keyframes spin-in { 
   100% 
   {
      -moz-transform: rotateY(90deg); 
   } 
}
@-webkit-keyframes spin-in { 
   100% 
   {
      -webkit-transform: rotateY(90deg); 
   } 
}
@keyframes spin-in { 
   100% 
   {
      -webkit-transform: rotateY(90deg); 
      transform:rotateY(90deg); 
   } 
}
@-moz-keyframes spin-out { 
   100% 
   {
      -moz-transform: rotateY(0deg); 
   } 
}
@-webkit-keyframes spin-out { 
   100% 
   {
      -webkit-transform: rotateY(0deg); 
   } 
}
@keyframes spin-out { 
   100% 
   {
      -webkit-transform: rotateY(0deg); 
      transform:rotateY(0deg); 
   } 
}
@media screen and (max-width: 767px){
   .col-0{
      display: none;
   }
}

/*exam answer image*/
.img-rcd{
   min-height: 70px;
   min-width: 70px;
   max-height: 70px;
   max-width: 70px;
   border-radius: 10px;
   background-color: #000;
   margin-top: 10px;
}

/*exam_maker*/
.dynamicAdder{
   position: absolute;
   right: -10px;
   top: -5px;
   cursor: pointer;
}
.dynamicAdder::before{
   content: '_______';
   position: relative;
   top: -6.5px;
   right: -7px;
}
.flipper-container{
   position: absolute;
   right: 10px;
   top: 0;
}
.equation-div{
   min-width: 270px;
   max-width: 270px;
}
.equation-head{
   height: 55px !important;
   font-size: 10pt !important;
   border-top: 0px !important;
   padding: 5px !important;
}
.mq-textarea{
   width: 100% !important;
}
.equation > .mq-root-block{
   cursor: pointer !important;
   text-align: center;
   position: relative;
   margin-top: 10px !important;
   cursor: pointer !important;
}
.equation{
   min-width: 50px !important;
   min-height: 50px !important;
   border-radius: 10px;
   cursor: pointer !important;
}
.equation-a{
   padding-top: 12px;
   min-height: 50px !important;
   border-radius: 10px;
   cursor: pointer !important;
}
.space{
   min-width: 50px !important;
   min-height: 50px !important;
   border-radius: 10px;
   cursor: pointer !important;
}
.backspace{
   min-width: 50px !important;
   min-height: 50px !important;
   border-radius: 10px;
   cursor: pointer !important;
}
.right{
   min-width: 50px !important;
   min-height: 50px !important;
   border-radius: 10px;
   cursor: pointer !important;
}
.left{
   min-width: 50px !important;
   min-height: 50px !important;
   border-radius: 10px;
   cursor: pointer !important;
}
.eq-blue{
   background-color: #F2F2F2;
}
.eq-red{
   background-color: #fdf2df;
}
.eq-hovering:hover{
   box-shadow: 0 1px 4px rgba(0,0,0,0.1), 0 3px 4px rgba(0,0,0,0.1);
   transition: 0.5s;
}
.eq-hovering:not(hover){
   box-shadow: 0 1px 4px rgba(0,0,0,0), 0 3px 4px rgba(0,0,0,0);
   transition: 0.5s;
}

.MathJax{
   padding-left: 5px;
   padding-right: 5px;
}



.horz-move {
   -webkit-animation: mover 0.8s infinite  alternate;
   animation: mover 0.8s infinite  alternate;
   font
}
@keyframes mover {
   0% { 
      transform: rotate(30deg);
      color: red;
   }
   50% { 
      color: blue;
   }
   100% { 
      transform: rotate(-30deg);
      color: green; 
   }
}


/*modal/user_feedback*/
#feedbackButton{
   position: fixed;
   bottom: 20px;
   left: 0;
   z-index: 10000;
   width: 25px;
   height: 30px;
   padding: 0;
}
.boxsizingBorder {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
   border: none; 
   box-shadow: none; 
   color: rgb(33, 33, 33); 
   flex-grow: 1; 
   font: 400 14px Roboto, RobotoDraft, Helvetica, Arial, sans-serif; 
   height: auto; 
   max-width: 100%; 
   outline: none; 
   padding: 18px 16px 0px; 
   resize: none; width: 100%;
   min-height: 110px;
}



.replying-message{
   background-color: aliceblue;
   padding: 5px;
   border-radius: 5px;
}
.replying-message-other{
   background-color: darkseagreen;
   padding: 5px;
   border-radius: 5px;
}