/*********************************************************************
****************                                      ****************
****************            Estilo Primario           ****************
****************                                      ****************
**********************************************************************/
/* @font-face {
    font-family: 'roboto_condensedregular';
    src: url('RobotoCondensed-Regular-webfont.eot');
    src: url('RobotoCondensed-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('RobotoCondensed-Regular-webfont.woff2') format('woff2'),
         url('RobotoCondensed-Regular-webfont.woff') format('woff'),
         url('RobotoCondensed-Regular-webfont.ttf') format('truetype'),
         url('RobotoCondensed-Regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

*/
body {

  margin: 0px;
  padding: 0px;
}

.roboto_condensed{
  font-family: 'roboto_condensedregular';
}
.fontLogo {
  font-family: 'roboto_condensedregular';
  letter-spacing: -3px;
}

#menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 59px;
  background-color: #f7dd1c;
  box-shadow: -1px 1px 8px 0px #999;
  /* font-size: 12px; */
  color: #000;

}

.MenuSuperior a {
  color: #000;
}

.back_gallery_acao {
  display: inline-block;
  height: 59px;
  width: 176px;
  top: -15px;
  position: relative;
  cursor: pointer;
}

.back_gallery_acao_seta{
  position: absolute;
  left: 5px;
  top: 13px;
  width: 50px;
  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,roboto,helvetica,arial,sans-serif;
  font-size:12px;
  cursor: pointer;
}

.folder {

  position: absolute;
  left: 26px;
  top: 22px;
  /* width: 122px; */
  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  font-size: 14px;
  font-weight: bold;

}

.fotos_selecionadas_link{

  padding-left: 17px;
  position: absolute;
  right: 90px;
  top: 0px;
  width: 60px;
  font-size: 12px;
  height: 59px;
  padding-top: 18px;
  /*font-family: -apple-system,BlinkMacSystemFont;*/
  cursor: pointer;
}

.finalizar_pedido{

  position: absolute;
  right: 30px;
  top: 0px;
  width: 60px;
  font-size: 12px;
  height: 59px;
  padding-top: 16px;
  /*font-family: -apple-system,BlinkMacSystemFont;*/
  cursor: pointer;
}

.finalizar_pedido1{

  position: absolute;
  right: 30px;
  top: 0px;
  width: 60px;
  font-size: 15px;
  height: 59px;
  padding-top: 14px;
  /*font-family: -apple-system,BlinkMacSystemFont;*/
  cursor: pointer;
}

#footer {

  /* position: fixed;
  bottom: 0; */
  /* position: absolute;
  right: 20px;
  bottom: 20px;
  width: 70px;
  height: 70px;
  font-size: 11px;

  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;

  box-shadow: inset 0px 1px 8px 0px #999;
  /* border-top: 1px solid #999; */
  /* background-color: #fafafa; */

  position: absolute;
  right: 20px;
  bottom: 20px;
  width: 70px;
  height: 70px;
  font-size: 14px;
  font-weight: bolder;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  /* box-shadow: inset 0px 1px 8px 0px #999; */
  /* border-top: 1px solid #999; */
  background-color: #f7dd1c;
  color: #000;

}

#paginas {
  position: relative;
  top: 15px;
  text-align: center;
}

.button_next {
  position: absolute;
  right: 0px;
  /* border-left: 1px solid #999; */
  /* box-shadow: inset 0px 1px 8px 0px #999; */
  /* box-shadow: inset 0px 0px 8px 0px #999; */
  width: 52px;
  height: 44px;
  padding-left: 20px;
  color: #999;
    /* width: 40px;
    height: 40px;
    margin-top: 5px;
    padding-top: 0px;
    padding-left: 15px;
    background-color: white;
    opacity: 0.8;
    border-radius: 4px; */
  }

  .button_prev {
    position: absolute;
    right: 97px;
    margin-right: 5px;
    padding-left: 18px;
    height: 44px;
    /* box-shadow: inset 2px 0px 8px 0px #999; */
    width: 52px;
    color: #999;
    /* width: 40px;
    height: 40px;
    margin-top: 5px;
    padding-left: 10px;
    background-color: white;
    opacity: 0.8;
    border-radius: 4px; */
  }

  .mask_gallery, .mask_gallery_folder, .mask_gallery_total_fotos {
    height: 42px;
    position: absolute;
    /* background-color: rgba(0, 0, 0, 0.5); */

    top: 46px;
    left: 0px;

    text-align: center;
    vertical-align: middle;
    /* opacity: .5; */
    font-size: 14px;
    /* font-weight: bold; */
    margin-right: 5px;
    color: #fff;
    /* text-shadow: #000 1px -1px 2px, #000 -1px 1px 2px, #000 1px 1px 2px, #000 -1px -1px 2px; */
  }

  #links {
  /*   position: relative;
  bottom: 50px; */
  /* top: 50px; */
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  /*padding-top: 65px;*/
  /* margin-bottom: 50px; */
  /*smargin-top: 50px;*/
}

/*.btn-select {
    color: #b6bbb3;
    background: radial-gradient(circle closest-side, rgb(2, 2, 2) 0%,rgb(0, 0, 0) 74%,#333 76%,#dff0d8 90%,rgba(0,0,0,0) 100%);

}

.btn-select_ativo {
    color: #555;
    background: radial-gradient(circle closest-side, rgba(31, 255, 0, 1) 0%,rgba(143, 224, 82, 0.5) 74%,#333 76%,#57cc27 90%,rgba(0,0,0,0) 100%);
}


.btn2 {
    display: inline-block;
    padding: 15px 20px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border:0px solid transparent;

    }*/

    .btn, .btn2:focus {
      outline: none;
    }

    .close_modal {
      position: absolute;
      top: 14px;
      line-height: 30px;
      color: #000;
      /* text-shadow: 0 0 2px #fff; */
      padding: 15px;
      right: 15px;
      left: auto;
      margin: -15px;
      font-size: 30px;
      text-decoration: none;
      cursor: pointer;
    }

    a:hover.nounderline  {
      text-decoration: none;
      color: #999999;
    }

    a  {
      text-decoration: none;
    }

   .img_logo_card {
      height: 20px;
     /* position: absolute;
      top: 50%;
      left: 50%;
      margin-right: -50%;
      transform: translate(-50%, -50%);*/
    }
    .thumbnail_logo_card {
      height: 38px;
      padding: 0px;
      /*height: 40px;*/
     /* position: relative;
      float: left;*/
      /*margin: 4px;*/
    }

    #msg_cartao {
      padding: 10px;
    }

/*********************************************************************
****************                                      ****************
****************        Fim ./ Estilo Primario        ****************
****************                                      ****************
**********************************************************************/


/***************************************************************************************************
********************************                                    ********************************
********************************            Estilo Login            ********************************
********************************                                    ********************************
***************************************************************************************************/

.form-box {
  margin-top: 35px;
}

.form-top {
  overflow: hidden;
  padding: 10px 25px 10px 25px;
  background: #fff;
  -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
  text-align: left;
}

.form-top-left {
  float: left;
  width: 25%;
  padding-top: 25px;
}

.form-top-left h3 { margin-top: 0; }

.form-top-right {
  float: left;
  width: 75%;
  padding-top: 20px;
  font-size: 40px;
  color: #ddd;
  /* line-height: 100px; */
  text-align: right;
}

.form-bottom {
  padding: 25px 25px 30px 25px;
  background: #eee;
  -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;
  text-align: left;
}

.form-bottom form textarea {
  height: 100px;
}

.form-bottom form button.btn {
  width: 100%;
}

.form-bottom form .input-error {
  border-color: #4aaf51;
}

.social-login {
  margin-top: 35px;
}

.social-login h3 {
  color: #fff;
}

.social-login-buttons {
  margin-top: 25px;
}

#loading {
    position: fixed;
    top: 0;
    color: #fff;
    background-color: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    padding-top: 20%;
    display: none;
    z-index: 9999999999999999999999;
  }


/***** Media queries *****/

@media (min-width: 992px) and (max-width: 1199px) {}

@media (min-width: 768px) and (max-width: 991px) {}

@media (max-width: 767px) {

  .inner-bg { padding: 60px 0 110px 0; }



}

@media (max-width: 415px) {

  h1, h2 { font-size: 32px; }
   #loading {

    padding-top: 70%;

  }

}


/***************************************************************************************************
********************************                                    ********************************
********************************         Fim Estilo Login           ********************************
********************************                                    ********************************
***************************************************************************************************/


/* *************** Link ********************/
a.linkPadrao {

  color:#999999;
  border: 2px solid #fff;
  background-color: white;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin-left: 20px;
}

/* mouse over link */
a.linkPadrao:hover {
  cursor:pointer;
  color: #fff;
  background-color: #999;

}

/* selected link */
a.linkPadrao:active {
  color: #fff;
}

/* *************** fim Link ********************/


/* *************** span link ********************/

span.fotos_selcionadas_link:hover {
  cursor:pointer;
}

/* *************** fim span link ********************/

/***************************************************************************************************
********************************                                    ********************************
********************************          Scroll Mobile             ********************************
********************************                                    ********************************
***************************************************************************************************/

.scroll_mobile, .scroll_mobile_select, .scroll_mobile_gallery {

 overflow-y: auto;
 overflow-x: hidden;
 height: 418px;
 background-color: #fff;
 margin: 0px;
 padding: 0px;
 /* border-bottom: 1px solid #CCCCCC; */
}

.scroll_mobile {
 /* padding-top: 65px; */
 margin-top: 62px;
 /* border-bottom: 1px solid #CCCCCC; */
}

@media (min-height: 480px) and (orientation: portrait) {
  .scroll_mobile, .scroll_mobile_select, .scroll_mobile_gallery {
   height: 418px;
 }
}

@media (min-height: 568px) and (orientation: portrait) {
  .scroll_mobile, .scroll_mobile_select, .scroll_mobile_gallery {
   height: 568px;
 }
}

@media (min-height: 640px) and (orientation: portrait) {
  .scroll_mobile, .scroll_mobile_select, .scroll_mobile_gallery {
   height: 640px;
 }
}

@media (min-height: 667px) and (orientation: portrait) {
  .scroll_mobil , .scroll_mobile_select {
   height: 667px;
 }
}

@media (min-height: 736px) and (orientation: portrait) {
  .scroll_mobile, .scroll_mobile_select, .scroll_mobile_gallery {
   height: 736px;
 }
}

@media (orientation: landscape) {
  .scroll_mobile, .scroll_mobile_select, .scroll_mobile_gallery {
   height: 100%;
 }
}


/***************************************************************************************************
********************************                                    ********************************
********************************     Fim ./Scroll Mobile            ********************************
********************************                                    ********************************
***************************************************************************************************/

/***************************************************************************************************
********************************                                    ********************************
********************************          Fotos Selecionada         ********************************
********************************                                    ********************************
***************************************************************************************************/

.borda_geral {
  background-color: silver;
}

.borda_extra {
  border: double 15px #fff;
  background-color: #ff6600;
}

.borda_select {
  border: double 15px #fff;
  background-color: #3c763d !important;
}

@media (max-height: 768px) {
  .borda_select {
    border: double 15px #fff;
    background-color: #167d17 !important;
  }
   
  .borda_extra {
    background-color: #ff6600;
    border-width: 15px;
    border-style: double;
    border-color: #fff;
  }
}


/***************************************************************************************************
********************************                                    ********************************
********************************       Fim ./Fotos Selecionada      ********************************
********************************                                    ********************************
***************************************************************************************************/
/*
.folder {
    position: relative;
    top: -6px;
    font-size: 12px;
}
*/

a.link_back:active {
  background-color: #e9edf1;
  height: 28px;
  /*width: 50px;*/
  display: block;
  text-decoration: none;
  opacity: 0.5;
}

a.link_back:visited {
  color: #6eaed0;
  text-decoration: none;
}

a.link_back:link {
  color: #6eaed0;
  text-decoration: none;
}

a.link_menu:active {
  background-color: #e9edf1;
  height: 40px;
  display: block;
  text-decoration: none;
}

a.link_menu:visited {
  color: #6eaed0;
  text-decoration: none;
}

a.link_menu:link {
  color: #6eaed0;
  text-decoration: none;
}




.separator {
  display: flex;
  align-items: center;
  text-align: center;
  line-height: 50px;
}
.separator::before,
.separator::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid rgb(204, 204, 204);
}
.separator::before {
  margin-right: .25em;
}
.separator::after {
  margin-left: .25em;
}







.alert {
  border-radius: 0;
  -webkit-border-radius: 0;
  box-shadow: 0 1px 2px rgba(0,0,0,0.11);
  display: table;
  width: 100%;
}

.alert-white {
  background-image: linear-gradient(to bottom, #fff, #f9f9f9);
  border-top-color: #d8d8d8;
  border-bottom-color: #bdbdbd;
  border-left-color: #cacaca;
  border-right-color: #cacaca;
  color: #404040;
  padding-left: 61px;
  position: relative;
}

.alert-white.rounded {
  border-radius: 3px;
  -webkit-border-radius: 3px;
}

.alert-white.rounded .icon {
  border-radius: 3px 0 0 3px;
  -webkit-border-radius: 3px 0 0 3px;
}

.alert-white .icon {
  text-align: center;
  width: 45px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #bdbdbd;
  padding-top: 15px;
}


.alert-white .icon:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  display: block;
  content: '';
  width: 10px;
  height: 10px;
  border: 1px solid #bdbdbd;
  position: absolute;
  border-left: 0;
  border-bottom: 0;
  top: 50%;
  right: -6px;
  margin-top: -3px;
  background: #fff;
}

.alert-white .icon i {
  font-size: 20px;
  color: #fff;
  left: 12px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
}
/*============ colors ========*/
.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;;
}

.alert-white.alert-success .icon,
.alert-white.alert-success .icon:after {
  border-color: #54a754;
  background: #60c060;
}

.alert-info {
  background-color: #d9edf7;
  border-color: #98cce6;
  color: #3a87ad;
}

.alert-white.alert-info .icon,
.alert-white.alert-info .icon:after {
  border-color: #3a8ace;
  background: #4d90fd;
}


.alert-white.alert-warning .icon,
.alert-white.alert-warning .icon:after {
  border-color: #d68000;
  background: #fc9700;
}

.alert-warning {
  background-color: #fcf8e3;
  border-color: #f1daab;
  color: #c09853;
}

.alert-danger {
  background-color: #f2dede;
  border-color: #e0b1b8;
  color: #b94a48;
}

.alert-white.alert-danger .icon,
.alert-white.alert-danger .icon:after {
  border-color: #ca452e;
  background: #da4932;
}


/**********************************.Modal-fullscreen ************************************8*/
/*
.modal-fullscreen {
  background-color:#F7F5FE;
  z-index:99999999;
}

.modal-fullscreen .modal-content .modal-fullscreen-gallery .modal-content-gallery {
  background-color:#F7F5FE;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0px;
}

.modal-backdrop.modal-backdrop-fullscreen {
    background-color:#fff;
}

@media (max-width: 1024px) {
  .modal-backdrop.modal-backdrop-fullscreen {
    background-color:#fff;
  }

}

.modal-backdrop.modal-backdrop-fullscreen.in {
  opacity: 1;
  filter: alpha(opacity=100);
}

.modal-backdrop.modal-backdrop-fullscreen.in {
  opacity: 1;
  filter: alpha(opacity=100);
}

.modal-fullscreen .modal-dialog {
  margin: 0;
  margin-right: auto;
  margin-left:auto;
  width: 100%;
  height: 100%;
}

.modal-fullscreen-gallery .modal-dialog-gallery {
  margin: 0;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  height: 100%;
  } */


  .virado {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  .menu_top {

   height: 58px;
   padding-top: 15px;
   padding-bottom: 15px;

 }



/***************************************************************************************************
********************************                                    ********************************
********************************           Mensagens Toast          ********************************
********************************                                    ********************************
***************************************************************************************************/

.jq-toast-wrap {
  display: block;
  position: fixed;
  width: 250px;
  pointer-events: none !important;
  margin: 0;
  padding: 0;
  letter-spacing: normal;
  z-index: 999999 !important;
}

.jq-toast-wrap * {
  margin: 0;
  padding: 0;
}

.jq-toast-wrap.bottom-left {
  bottom: 20px;
  left: 20px;
}

.jq-toast-wrap.bottom-right {
  bottom: 20px;
  right: 40px;
}

.jq-toast-wrap.top-left {
  top: 20px;
  left: 20px;
}

.jq-toast-wrap.top-right {
  top: 20px;
  right: 40px;
}

.jq-toast-single {
  display: block;
  width: 100%;
  padding: 10px;
  margin: 0px 0px 5px;
  border-radius: 4px;
  font-size: 12px;
  font-family: arial, sans-serif;
  line-height: 17px;
  position: relative;
  pointer-events: all !important;
  background-color: #444444;
  color: white;
}

.jq-toast-single h2 {
  font-family: arial, sans-serif;
  font-size: 14px;
  margin: 5px 0px 5px;
  background: none;
  color: inherit;
  line-height: inherit;
  letter-spacing: normal;
}

.jq-toast-single a {
  color: #eee;
  text-decoration: none;
  font-weight: bold;
  border-bottom: 1px solid white;
  padding-bottom: 3px;
  font-size: 12px;
}

.jq-toast-single ul {
  margin: 0px 0px 0px 15px;
  background: none;
  padding:0px;
}

.jq-toast-single ul li {
  list-style-type: disc !important;
  line-height: 17px;
  background: none;
  margin: 0;
  padding: 0;
  letter-spacing: normal;
}

.close-jq-toast-single {
  position: absolute;
  top: 3px;
  right: 7px;
  font-size: 14px;
  cursor: pointer;
}

.jq-toast-loader {
  display: block;
  position: absolute;
  top: -2px;
  height: 5px;
  width: 0%;
  left: 0;
  border-radius: 5px;
  background: red;
}

.jq-toast-loaded {
  width: 100%;
}

.jq-has-icon {
  padding: 10px 10px 10px 30px;
  background-repeat: no-repeat;
  background-position: 10px;
}

.jq-icon-info {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=');
  background-color: #31708f;
  color: #d9edf7;
  border-color: #bce8f1;
}

.jq-icon-warning { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=');
background-color: #8a6d3b;
color: #fcf8e3;
border-color: #faebcc;
}

.jq-icon-error {
  /* background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=');  */
  background-image: url('../img/X.png');
  background-size: 25px 25px;
  background-color: #a94442;
  color: #f2dede;
  border-color: #ebccd1;
}

.jq-icon-success {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==');
  color: #dff0d8;
  background-color: #3c763d;
  border-color: #d6e9c6;
}


/***************************************************************************************************
********************************                                    ********************************
********************************        Fim ./Mensagens Toast       ********************************
********************************                                    ********************************
***************************************************************************************************/

/***************************************************************************************************
********************************                                    ********************************
********************************            Bola Paginação          ********************************
********************************                                    ********************************
***************************************************************************************************/
.pg-btn{
  width: 60px;
  height: 60px;
  /* background-color: #6495ed; */
  border-radius: 50px;
  font-size: 22px;
  font-family: initial;
  margin: 5px;
  color: white;
  margin-right: 20px;
  padding-left: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
  padding-top: 15px;

}
/* mouse over link */
a.pg-btn:hover {

  /* width: 50px;
  height: 50px;
  font-size: 45px;
  cursor:pointer;
  color: rgb(49, 112, 143);
  background-color: white;
  line-height: 35px;
  margin-right: 5px;
  margin-bottom: -10px;
  margin-top: 10px; */
  /* width: 50px;
  height: 50px;
  font-size: 45px;
  cursor: pointer;
  color: rgb(255, 255, 255); */
  /* background-color: #3d1f27; */
  /* line-height: 35px;
  margin-right: 5px;
  margin-bottom: -10px;
  margin-top: 10px;
  border: solid; */
  font-size: 20px;
  cursor: pointer;
  color: rgb(255, 255, 255);
  /* background-color: #3d1f27; */
  /*line-height: 7px;*/
  /* margin-right: 5px; */
  margin-bottom: -10px;
  margin-top: 10px;
  border: solid;
}

a.pg-btn.pg-ativo {

  /* width: 50px;
  height: 50px;
  font-size: 45px;
  cursor: pointer;
  color: rgb(255, 255, 255);
  /* background-color: #3d1f27; */
  /* line-height: 35px;
  margin-right: 5px;
  margin-bottom: -10px;
  margin-top: 10px;
  border: solid; */
  /* width: 50px; */
  /* height: 50px; */
  font-size: 20px;
  cursor: pointer;
  color: rgb(255, 255, 255);
  /* background-color: #3d1f27; */
  /*line-height: -7px;*/
  /* margin-right: 5px; */
  margin-bottom: -10px;
  margin-top: 10px;
  border: solid;
}

a.pg-btn:focus {

  /*
  font-size: 45px;
  cursor:pointer;
  color: rgb(255, 255, 255); */
  /* background-color: white; */
  /* line-height: 35px;
  margin-right: 5px;
  margin-bottom: -10px;
  margin-top: 10px; */
  /* width: 50px; */
  /* height: 50px; */
  font-size: 20px;
  cursor: pointer;
  color: rgb(255, 255, 255);
  /* background-color: #3d1f27; */
  /*line-height: 7px;*/
  /* margin-right: 5px; */
  margin-bottom: -10px;
  margin-top: 10px;
  border: solid;
}

/***************************************************************************************************
********************************                                    ********************************
********************************         FIM ./Bola Paginação       ********************************
********************************                                    ********************************
***************************************************************************************************/

.text_red {
  color: red;
}

.text_green {
  color: green;
}

.text_black {
  color: black;
}
.btn-azul {
  color: #FFF;
  background-color:#2e76bc;
}

.btn-azul:focus,
.btn-azul.focus {
  color: #fff;
  background-color: #2b69a5;
  border-color: #2b69a5;
}
.btn-azul:hover {
  color: #fff;
  background-color: #2e76bc;
  border-color: #2e76bc;
}
.btn-azul:active,
.btn-azul.active,
.open > .dropdown-toggle.btn-eselect {
  background-image: none;
}




/***************************************************************************************************
********************************                                    ********************************
********************************       modal foto selecionada       ********************************
********************************                                    ********************************
***************************************************************************************************/

/* modal foto selecionada aba  */

#modal-selecionada-abas > li.active {
  font-weight: bold !important;
}

#modal-selecionada-abas > li.active > a {
  background-color: lemonchiffon;
}

/***************************************************************************************************
********************************                                    ********************************
********************************    ./FIN modal foto selecionada    ********************************
********************************                                    ********************************
***************************************************************************************************/