/*!
 * MQEditor for TipTap Integration - Complete Styles
 * Version: 1.0.0
 * Source: Extracted from bundle-1.0.0.js to ensure 100% compatibility
 */

/* The Modal (background) */
.mqEditor-wrapper {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.mqEditor-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 405px;
}

.mq-editable-field{
  font-size: 20px;
  width: 100%;
  padding: 10px 5px;
  box-sizing: border-box;
}

.mqEditor-footer{
  margin-top: 20px;
  text-align: right;
}

.mqEditor-footer .mqEditor-getValue{
  margin-right: 5px;
}

/* Button styles*/

.tabs-button{
  display: inline-block;
  border: 1px solid #556e7b;
  border-radius: 3px;
  background: #556e7b;
  padding: 4px 9px;
  margin-right: 4px;
  box-shadow: none !important;
  border-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  cursor: pointer;
}

.tabs-button.active{
  background-color: #fff;
}

.tabs-button .tab-inside,
.mq-insert-buttons .span-inside{
  display: inline;
  padding: 0 10px;
}

.tabs-divider{
  border-top: 1px solid #556e7b;
  margin-top: -1px;
  margin-bottom: 10px;
}

.tabs-button-wrapper .tab-1{
  background-image: url('./assets/icons-custom.png');
  background-position: -1176px -355px;
}

.tabs-button-wrapper .tab-1.active{
  background-image: url('./assets/icons-custom.png');
  background-position: -1175px -540px;
}

.tabs-button-wrapper .tab-2{
  background-image: url('./assets/icons-custom.png');
  background-position: -1177px -120px;
}

.tabs-button-wrapper .tab-2.active{
  background-image: url('./assets/icons-custom.png');
  background-position: -1210px -189px;
}

.tabs-button-wrapper .tab-3{
  background-image: url('./assets/icons-custom.png');
  background-position: -1244px -94px;
}

.tabs-button-wrapper .tab-3.active{
  background-image: url('./assets/icons-custom.png');
  background-position: -1209px -354px;
}

.tabs-button-wrapper .tab-4{
  background-image: url('./assets/icons-custom.png');
  background-position: -1211px -330px;
}

.tabs-button-wrapper .tab-4.active{
  background-image: url('./assets/icons-custom.png');
  background-position: -1244px 1px;
}

.tabs-button-wrapper .tab-5{
  background-image: url('./assets/icons-custom.png');
  background-position: -1210px -166px;
}

.tabs-button-wrapper .tab-5.active{
  background-image: url('./assets/icons-custom.png');
  background-position: -1176px -24px;
}

.tabs-button-wrapper .tab-6{
  background-image: url('./assets/icons-custom.png');
  background-position: -1210px 0px;
}

.tabs-button-wrapper .tab-6.active{
  background-image: url('./assets/icons-custom.png');
  background-position: -1176px -261px;
}

.tabs-button-wrapper .tab-7{
  background-image: url('./assets/icons-custom.png');
  background-position: -1177px -95px;
}

.tabs-button-wrapper .tab-7.active{
  background-image: url('./assets/icons-custom.png');
  background-position: -1210px -70px;
}

.mqEditor-row{
  margin-bottom: 5px;
  display: flex;
  justify-content: space-between;
}

.mq-insert-buttons {
    padding: 4px 0;
    height: 30px;
    width: 25px;
    border: 1px solid white;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    border-color: transparent;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -moz-box-shadow: 0px;
    -webkit-box-shadow: 0px;
    box-shadow: 0px;
    cursor: pointer;
}
.mq-insert-buttons:hover{
  background-color: white;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
  border-color: #b6b6b6;
}

.tabs-button.active span{
  color: #fff;
  text-shadow: none;
}

.mqEditor-row-wrapper{
  display: none;
  margin-bottom: 5px;
}

.mqEditor-row-wrapper.active{
  display: block;
}

.mq-insert-buttons.mq-plusminussign {
  background-image: url('./assets/mq_plusminussign.png');
}

.mq-insert-buttons.mq-squareroot {
  background: url('./assets/icons-custom.png');
  background-position: -4px -101px;
}

.mq-insert-buttons.mq-root {
  background: url('./assets/icons-custom.png');
  background-position: -4px -167px;
}

.mq-insert-buttons.mq-fraction {
  background: url('./assets/icons-custom.png');
  background-position: -4px -2px;
}

.mq-insert-buttons.mq-subscript{
  background: url('./assets/icons-custom.png');
  background-position: -6px -300px;
}

.mq-insert-buttons.mq-superscript {
  background: url('./assets/icons-custom.png');
  background-position: -6px -233px;
}

.mq-insert-buttons.mq-parenthese{
  background: url('./assets/icons-custom.png');
  background-position: -4px -365px;
}

.mq-insert-buttons.mq-vbars{
  background: url('./assets/icons-custom.png');
  background-position: -4px -398px;
}

.mq-insert-buttons.mq-sqbrackets{
  background: url('./assets/icons-custom.png');
  background-position: -4px -431px;
}

.mq-insert-buttons.mq-curlyBrackets{
  background: url('./assets/icons-custom.png');
  background-position: -4px -464px;
}

.mq-insert-buttons.mq-plus{
  background: url('./assets/icons-custom.png');
  background-position: 1px -493px; 
}

.mq-insert-buttons.mq-multiply{
  background: url('./assets/icons-custom.png');
  background-position: 1px -515px;
}

.mq-insert-buttons.mq-minus{
  background: url('./assets/icons-custom.png');
  background-position: 1px -536px;
}

.mq-insert-buttons.mq-division{
  background: url('./assets/icons-custom.png');
  background-position: -31px -20px;
}

.mq-insert-buttons.mq-plusminus{
  background: url('./assets/icons-custom.png');
  background-position: -32px 1px;
}

.mq-insert-buttons.mq-forwSlash{
  background: url('./assets/icons-custom.png');
  background-position: 1px -559px;
}

.mq-insert-buttons.mq-gteq{
  background: url('./assets/icons-custom.png');
  background-position: -31px -42px;
}

.mq-insert-buttons.mq-lteq{
  background: url('./assets/icons-custom.png');
  background-position: -31px -86px;
}

.mq-insert-buttons.mq-elementOf{
  background: url('./assets/icons-custom.png');
  background-position: -31px -130px;
}

.mq-insert-buttons.mq-subset{
  background: url('./assets/icons-custom.png');
  background-position: -31px -174px;
}

.mq-insert-buttons.mq-superset{
  background: url('./assets/icons-custom.png');
  background-position: -119px -416px;
}

.mq-insert-buttons.mq-infinity{
  background: url('./assets/icons-custom.png');
  background-position: -31px -284px;
}

.mq-insert-buttons.mq-pi{
  background: url('./assets/icons-custom.png');
  background-position: -31px -306px;
}

.mq-insert-buttons.mq-middleDot{
  background: url('./assets/icons-custom.png');
  background-position: -53px -240px;  
}

.mq-insert-buttons.mq-asterisk{
  background: url('./assets/icons-custom.png');
  background-position: -53px -215px;
}

.mq-insert-buttons.mq-tilde{
  background: url('./assets/icons-custom.png');
  background-position: -76px -174px;
}

.mq-insert-buttons.mq-almostEquals{
  background: url('./assets/icons-custom.png');
  background-position: -76px -284px;
}

.mq-insert-buttons.mq-equalsTo{
  background: url('./assets/icons-custom.png');
  background-position: -76px -152px;
}

.mq-insert-buttons.mq-asymptotically{
  background: url('./assets/icons-custom.png');
  background-position: -76px -218px;
}

.mq-insert-buttons.mq-equivalent{
  background: url('./assets/icons-custom.png');
  background-position: -76px -262px;
}

.mq-insert-buttons.mq-greaterThan{
  background: url('./assets/icons-custom.png');
  background-position: -97px -174px;
}

.mq-insert-buttons.mq-lessThan{
  background: url('./assets/icons-custom.png');
  background-position: -97px -306px;
}

.mq-insert-buttons.mq-membersOf{
  background: url('./assets/icons-custom.png');
  background-position: -119px -284px;
}

.mq-insert-buttons.mq-increment{
  background: url('./assets/icons-custom.png');
  background-position: -53px -482px;
}

.mq-insert-buttons.mq-nabla{
  background: url('./assets/icons-custom.png');
  background-position: -53px -504px;
}

.mq-insert-buttons.mq-square{
  background: url('./assets/icons-custom.png');
  background-position: -141px -416px;
}

.mq-insert-buttons.mq-triangle{
  background: url('./assets/icons-custom.png');
  background-position: -141px -438px;
}

.mq-insert-buttons.mq-circle{
  background: url('./assets/icons-custom.png');
  background-position: -141px -460px;
}

.mq-insert-buttons.mq-rectangle{
  background: url('./assets/icons-custom.png');
  background-position: -141px -372px;
}

.mq-insert-buttons.mq-rhoumbus{
  background: url('./assets/icons-custom.png');
  background-position: -141px -394px;
}

.mq-insert-buttons.mq-angle{
  background: url('./assets/icons-custom.png');
  background-position: -141px -284px;
}

.mq-insert-buttons.mq-parallel{
  background: url('./assets/icons-custom.png');
  background-position: -141px -328px;
}

.mq-insert-buttons.mq-notParallel{
  background: url('./assets/icons-custom.png');
  background-position: -141px -130px;
}

.mq-insert-buttons.mq-perpendi{
  background: url('./assets/icons-custom.png');
  background-position: -141px -350px; 
}

.mq-insert-buttons.mq-degree{
  background: url('./assets/icons-custom.png');
  background-position: -54px -523px;
}

.mq-insert-buttons.mq-emptySet{
  background: url('./assets/icons-custom.png');
  background-position: -53px -416px;
}

.mq-insert-buttons.mq-partial{
  background: url('./assets/icons-custom.png');
  background-position: -53px -438px; 
}

.mq-insert-buttons.mq-therefore{
  background: url('./assets/icons-custom.png');
  background-position: -119px -460px;
}

.mq-insert-buttons.mq-because{
  background: url('./assets/icons-custom.png');
  background-position: -119px -482px;
}

.mq-insert-buttons.mq-leftArrow{
  background: url('./assets/icons-custom.png');
  background-position: -185px -130px; 
}

.mq-insert-buttons.mq-rightArrow{
  background: url('./assets/icons-custom.png');
  background-position: -185px -152px;
}

.mq-insert-buttons.mq-leftRightArrow{
  background: url('./assets/icons-custom.png');
  background-position: -185px -174px;
}

.mq-insert-buttons.mq-leftDoubleArrow{
  background: url('./assets/icons-custom.png');
  background-position: -185px -196px;
}

.mq-insert-buttons.mq-rightDoubleArrow{
  background: url('./assets/icons-custom.png');
  background-position: -185px -218px;
}

.mq-insert-buttons.mq-leftRightDoubleArrow{
  background: url('./assets/icons-custom.png');
  background-position: -185px -240px;
}

.mq-insert-buttons.mq-rightArrowWithBar{
  background: url('./assets/icons-custom.png');
  background-position: -185px -284px;
}

.mq-insert-buttons.mq-leftArrowUnderscript{
  background: url('./assets/icons-custom.png');
  background-position: -255px -503px;
}

.mq-insert-buttons.mq-overlinePlan{
  background: url('./assets/icons-custom.png');
  background-position: -289px -166px;
}

.mq-insert-buttons.mq-uparrow{
  background: url('./assets/icons-custom.png');
  background-position: -163px -262px;
}

.mq-insert-buttons.mq-downarrow{
  background: url('./assets/icons-custom.png');
  background-position: -163px -284px;
}

.mq-insert-buttons.mq-uparrowDouble{
  background: url('./assets/icons-custom.png');
  background-position: -163px -306px;
}

.mq-insert-buttons.mq-downarrowDouble{
  background: url('./assets/icons-custom.png');
  background-position: -163px -328px;
}

.mq-insert-buttons.mq-vEllipsis{
  background: url('./assets/icons-custom.png');
  background-position: -185px -306px;
}

.mq-insert-buttons.mq-dEllipsis{
  background: url('./assets/icons-custom.png');
  background-position: -185px -416px;
}

.mq-insert-buttons.mq-mEllipsis{
  background: url('./assets/icons-custom.png');
  background-position: -185px -350px;
}

.mq-insert-buttons.mq-hEllipsis{
  background: url('./assets/icons-custom.png');
  background-position: -185px -328px;
}

.mq-insert-buttons.mq-summation{
  background: url('./assets/icons-custom.png');
  background-position: -827px -266px;
}

.mq-insert-buttons.mq-product{
  background: url('./assets/icons-custom.png');
  background-position: -827px -530px;
}

.mq-insert-buttons.mq-integral{
  background: url('./assets/icons-custom.png');
  background-position: -930px -268px;
}

.mq-insert-buttons.mq-c-integral{
  background: url('./assets/icons-custom.png');
  background-position: -929px -334px;
}

.mq-insert-buttons.mq-alpha{
  background: url('./assets/icons-custom.png');
  background-position: -317px -174px;
}

.mq-insert-buttons.mq-beta{
  background: url('./assets/icons-custom.png');
  background-position: -318px -196px;
}

.mq-insert-buttons.mq-gamma{
  background: url('./assets/icons-custom.png');
  background-position: -317px -219px;
}

.mq-insert-buttons.mq-delta{
  background: url('./assets/icons-custom.png');
  background-position: -317px -240px;
}

.mq-insert-buttons.mq-epsilon{
  background: url('./assets/icons-custom.png');
  background-position: -317px -262px;
}

.mq-insert-buttons.mq-zeta{
  background: url('./assets/icons-custom.png');
  background-position: -317px -284px;
}

.mq-insert-buttons.mq-eta{
  background: url('./assets/icons-custom.png');
  background-position: -317px -306px;
}

.mq-insert-buttons.mq-theta{
  background: url('./assets/icons-custom.png');
  background-position: -317px -328px;
}

.mq-insert-buttons.mq-vartheta{
  background: url('./assets/icons-custom.png');
  background-position: -317px -350px;
}

.mq-insert-buttons.mq-iota{
  background: url('./assets/icons-custom.png');
  background-position: -317px -372px;
}

.mq-insert-buttons.mq-kappa{
  background: url('./assets/icons-custom.png');
  background-position: -317px -394px;
}

.mq-insert-buttons.mq-lambda{
  background: url('./assets/icons-custom.png');
  background-position: -317px -416px;
}

.mq-insert-buttons.mq-mu{
  background: url('./assets/icons-custom.png');
  background-position: -317px -438px;
}

.mq-insert-buttons.mq-nu{
  background: url('./assets/icons-custom.png');
  background-position: -317px -460px;
}

.mq-insert-buttons.mq-xi{
  background: url('./assets/icons-custom.png');
  background-position: -317px -482px;
}

.mq-insert-buttons.mq-omicron{
  background: url('./assets/icons-custom.png');
  background-position: -317px -504px; 
}

/*.mq-insert-buttons.mq-varpi{
  background: url('./assets/icons-custom.png');
  background-position: -317px -548px;
}*/

.mq-insert-buttons.mq-rho{
 background: url('./assets/icons-custom.png');
 background-position: -317px -570px;
}

.mq-insert-buttons.mq-finalSigma{
  background: url('./assets/icons-custom.png');
  background-position: -339px 2px;
}

.mq-insert-buttons.mq-sigma{
  background: url('./assets/icons-custom.png');
  background-position: -317px -20px;
}

.mq-insert-buttons.mq-tau{
  background: url('./assets/icons-custom.png');
  background-position: -339px -42px;
}

.mq-insert-buttons.mq-upsilon{
  background: url('./assets/icons-custom.png');
  background-position: -339px -64px;
}

.mq-insert-buttons.mq-phi{
  background: url('./assets/icons-custom.png');
  background-position: -339px -108px;
}

.mq-insert-buttons.mq-chi{
  background: url('./assets/icons-custom.png');
  background-position: -339px -130px;
}

.mq-insert-buttons.mq-psi{
  background: url('./assets/icons-custom.png');
  background-position: -339px -152px;
}

.mq-insert-buttons.mq-omega{
  background: url('./assets/icons-custom.png');
  background-position: -317px -152px;
}

.mq-insert-buttons.mq-table{
  background: url('./assets/icons-custom.png');
  background-position: -565px -531px;
}

.mq-insert-buttons.mq-matrix-vbar{
  background: url('./assets/icons-custom.png');
  background-position: -597px -3px;
}

.mq-insert-buttons.mq-3row-col{
  background: url('./assets/icons-custom.png');
  background-position: -597px -69px;
}

.mq-insert-buttons.mq-2row-col-bracket{
  background: url('./assets/icons-custom.png');
  background-position: -598px -134px;
}

.mq-insert-buttons.mq-2row-col-parent{
  background: url('./assets/icons-custom.png');
  background-position: -598px -200px;
}

.mq-insert-buttons.mq-matrix-parent{
  background: url('./assets/icons-custom.png');
  background-position: -595px -35px;
  padding: 4px 2px;
}

.mq-insert-buttons.mq-union{
  background: url('./assets/icons-custom.png');
  background-position: -119px -328px;
}

.mq-insert-buttons.mq-intersect{
  background: url('./assets/icons-custom.png');
  background-position: -119px -350px;
}

.mq-insert-buttons.mq-approx{
  background: url('./assets/icons-custom.png');
  background-position: -77px -326px;
}

.mq-insert-buttons.mq-arrowAccent{
  background: url('./assets/icons-custom.png');
  background-position: -288px -67px;
}
.mq-insert-buttons.mq-matrix{
  background: url('./assets/icons-custom.png');
  background-position: -562px -563px;
  padding: 4px 2px 4px 3px;
}

.mq-insert-buttons.mq-bevelled{
  background: url('./assets/icons-custom.png');
  background-position: -4px -35px;
}

.mq-insert-buttons.mq-super-subscript{
  background: url('./assets/icons-custom.png');
  background-position: -668px -134px;
}

.mq-insert-buttons.mq-left-superscript{
  background: url('./assets/icons-custom.png');
  background-position: -661px -198px;
}

.mq-insert-buttons.mq-left-subscript{
  background: url('./assets/icons-custom.png');
  background-position: -661px -334px;
}

.mq-insert-buttons.mq-left-super-subscript{
  background: url('./assets/icons-custom.png');
  background-position: -661px -266px;
}