@font-face{font-family:play;src:url(Play-Regular.ttf);} /*ver aqui*/
@font-face{font-family:roboto;src:url(roboto.ttf);} /*ver aqui*/

*,::after,::before{box-sizing:border-box}
html,body,.main{height:auto;min-height:100%;margin:0;width:100%;}
body{font-family:play,sans-serif;font-size:16px;font-weight:400;line-height:1;color:#666666;text-align:left;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;}
aside,figcaption,figure,main,nav{display:block;}
ul{list-style:none;margin:0;padding:0;}
a{text-decoration:none;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
input, textarea, select{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;resize:vertical;font-family:play,sans-serif;font-size:14px;border:thin solid #cccccc;border-radius:3px;}
input,select{padding:.5em;margin:0;}
input[type="checkbox"],input[type="radio"]{padding:0 !important;}
hr{border:0;border-bottom:1px solid #d3cece;}
.required:after{font-family:"Material Icons";content:'emergency';color:#e55;padding:0 .5em;font-size:.7em;}

table{width:100%;table-layout:fixed;margin:0 auto;clear:both;border-collapse:separate;border-spacing:0;color:#666666;border:thin solid #d8d8d8;border-bottom:0;margin-bottom:1em !important;}
table,table th,table td{-webkit-box-sizing:content-box;box-sizing:content-box;}
table > tbody > :nth-child(2n+1){background-color:#F5F5F5;}
table tbody tr:hover{background-color:#ececec;}
table th, table td{vertical-align:middle;padding:.5em;border-bottom:thin solid #d8d8d8;overflow:hidden;}
table th{color:#054f72;}




table thead .material-icons{margin-top:-.1em;opacity:.5;}
table thead .asc::before, table thead .desc::after{opacity:1;}
table .list-buttons{margin-top:0 !important;width:90px !important;white-space:nowrap;}
table .list-buttons .delete{margin-right:1em;}
table .list-buttons button{padding:.3em .5em;border:thin solid #ccc;}
table .list-buttons button:hover{color:#ffffff !important;}

@media only screen and (min-width: 760px){
}
.green{color:#53C276 !important;} 
.red{color:#E84B4B !important;} 
.blue{color:#5EAAE2 !important;} 

.blue{color:#5EAAE2 !important;} 


.roboto{font-family:roboto;}

.absolute{position:absolute;}
.fixed{position:fixed;}

.auto{margin:auto;}

.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.clearfix{display:flex;align-items:center;}
.pointer,.flap{cursor:pointer;}
.mCSB_inside > .mCSB_container{margin-right:0 !important;}

.hidden{display:none;}
.d-block{display:block !important;}
.d-inline{display:inline !important;}
.d-inline-block{display:inline-block !important;}
.d-flex{display:flex !important;}

.left-cell{display:table-cell;vertical-align: middle;}
.right-cell{display:table-cell;vertical-align:middle;text-align:right;}
.material-icons{vertical-align:middle;}

.w20p{width:20%;}
.w35p{width:35%;}
.w70p{width:70%;}

.fsmall{font-size:11px;}

.login{background-color:#ebebeb;}
.login .container{display:flex;width:100%;height:100vh;flex-direction:row;justify-content:center;align-items:center;}
.login .box{background-color:#ffffff;width:16em;padding:1em 1.5em;}
.login input{width:100%;padding:1em;color:#5EAAE2;margin-bottom:1em;}
.login .captcha{width:100%;border-radius:3px;margin-bottom:1em;}
.login button{width:100%;margin-top:1em;padding:1em;}



.mr05{margin-right:.5em;}
.mb1{margin-bottom:1em;}
.mb2{margin-bottom:2em;}

.p5{padding:5em;}
.p5px{padding:5px;}
.pt2{padding-top:2em;}
.pr05{padding-right:.5em;}
.pr0{padding-right:0 !important;}
.pl4{padding-left:4em !important;}
.pl0{padding-left:0 !important;}



.text-right{text-align:right;}
.text-center{text-align:center;}
.text-left{text-align:left;}


.b-none{border:none;}
.b-error{border-color:#EEB2B2 !important;}


.divisor{margin:1em 0;height:1px;overflow:hidden;background-color:#f4f4f4;}

.shadow{box-shadow:0px 2px 3px #CCC;}

/* =================================================================== */
/* =========================== BACKGROUNDS =========================== */
/* =================================================================== */
.bg-light{background-color:#f1f1f1;} /*aqui bgs*/
.bg-white{background-color:#ffffff !important;} /*bw*/
.bg-error{background-color:#EEB2B2 !important;} /*lerror*/

/*


.text-decor-none{ text-decoration: none; }
.text-middle	{ vertical-align: middle; }
.text-justify	{ text-align: justify; }
.text-white     { color: #FFFFFF; }
*/

.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;xmargin-right:-7.5px;xmargin-left:-7.5px}

.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-sm-6,.col-sm-12{position:relative;width:100%;}
@media (max-width:767px){
.col-sm-6{width:50%;}
.col-sm-12{flex:0 0 100%;max-width: 100%;xwidth:100%;}
.sm-text-left{text-align:left;}
}
@media (min-width:768px){
.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}
.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
/*.col-md-3{flex:0 0 33.333333%;max-width:33.333333%;/*-ms-flex:0 0 33.333333%;*//*xwidth:33.333333%;}
.col-md-4{flex:0 0 25%;max-width:25%;xwidth:25%;}*/
.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
/*.col-md-8{flex:0 0 75%;max-width:75%;}*/
.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.md-text-right{text-align:right;}
}
/*
}

*/




.main{position:relative;background-color:#f5f5f5;overflow-x:hidden;overflow-y:auto;}








.main .content, .main #files{position:relative;min-height:100vh;xmin-height:110%;background-color:#ebebeb;margin-left:200px;-webkit-transition:-webkit-transform .3s ease-in-out,margin .3s ease-in-out;-moz-transition: -moz-transform .3s ease-in-out,margin .3s ease-in-out;-o-transition: -o-transform .3s ease-in-out,margin .3s ease-in-out;transition:transform .3s ease-in-out,margin .3s ease-in-out;}
.main #files.filesabs{xposition:absolute;xwidth:100%;xtop:0%;}
.main #files.upmodal{display:none;z-index:132071;}
.main #files.upmodal #delFile,.main #files.upmodal #downFile{display:none !important;}
.main #files.upmodal #insertFile,.main #files.upmodal #cancelFile{display:inline-block;}

/* =================================================================== */
/* =============================== MENU ============================== */
/* =================================================================== */
.main nav .thumbnail{text-align:center;}
.main .nav{padding:.5em;}
.main .nav .thumbnail img{max-width:150px;}
.main .nav li,.main .nav .parent, .main .nav .sub{cursor:pointer;padding:.5em;color:#666666;border-top:thin solid #eeeeee;font-size:.9em;white-space:nowrap;overflow:hidden;}
.main .nav li:first-child{border-top:none;}
.main .nav li:last-child{border-bottom:none;}
.main .nav li:hover,.main .nav li div:hover{color:#FAAD4E;}
.main .nav li .material-icons{margin-right:.3em;margin-top:-.1em;}
.main .nav .parent .material-icons{margin-top:-.2em;}
.main .nav li label{cursor:pointer;}
.main .nav .sub li{padding-left:1.6em;background-color:#f1f1f1;border:none;}
.main .nav .out{border-top:thin solid #eeeeee !important;}
.main .sidebar{position:absolute;height:100vh;min-height:100%;top:0;left:0;background:#ffffff;border-right:thin solid #dddddd;padding:0;margin:0;overflow-y:auto;width:200px;-webkit-transition:-webkit-transform .3s ease-in-out,width .3s ease-in-out;-moz-transition:-moz-transform .3s ease-in-out,width .3s ease-in-out;-o-transition: -o-transform .3s ease-in-out,width .3s ease-in-out;transition:transform .3s ease-in-out,width .3s ease-in-out;}
.main .sidebar .thumbnail{padding:.5em;margin-top:1em;}
.main .sidebar ul{margin-top:1em;}
.main .menu-mobile .thumbnail{padding:1em;}
.main .menu-mobile li,.main .menu-mobile .parent{padding:1em;}
.main .menu-mobile{background-color:#ffffff;border-right:thin solid #dddddd;}
.main .menu-mobile .icon{margin-left:.2em;font-size:4.5em;}
.main .menu-mobile .user{font-size:1.3em;text-align:center;}

.main .content-header,.main .content-body{padding:1.2em;}
/* =================================================================== */
/* =========================== HEADER LIST =========================== */
/* =================================================================== */
.main .content-header{position:relative;display:flex;background-color:#f5f5f5;border-bottom:thin solid #d3cece;align-items:center;color:#444444;}
.main .content-header .title, .list-body .title{display:flex;font-weight:700;align-content:center;align-items:center;}
.main .content-header .material-icons{font-size:1.3em;}
.main .content-header .action{margin-left:auto;}
.main .content-header .title span{margin-left:.7em;margin-top:-.4em;font-weight:400;color:#054f72;font-size:17px;}
.main .content-header .title .username{color:#53C276;margin:0;font-weight:700;font-size:inherit;}
.main .content-header .title .usergroup{color:#999999;font-size:.5em;}


/* =================================================================== */
/* =============================== BODY ============================== */
/* =================================================================== */
.main .content-body{position:relative;display:flex;color:#444444;flex-direction:column;align-items:flex-start;justify-content:space-between;}
.main .content-list,.main .content-form{position:relative;background-color:#ffffff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border-width:0;box-shadow:0 .47em 2.19em rgba(4,9,20,.03),0 .94em 1.41em rgba(4,9,20,.03),0 .25em .53em rgba(4,9,20,.05),0 .13em .19em rgba(4,9,20,.03);transition:all .2s;margin-bottom:1em;min-height:calc(100% - 1em);

display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;



width: 100%;
	xheight: 100vh;
min-height: 100%;
	
}
.main .content-list{min-height:1% !important;}
.list-body{display:flex;flex:1 1 auto;padding:1.2em;flex-wrap:wrap;}
.list-body .title{width:100%;}
.form-body{padding:1.2em;}
.form-item h4{display:flex;align-items:center;}
.form-item h4:not(:first-child){margin-top:2em;}
.form-item img{border-radius:.2rem;width:2.5em;margin-right:.8em;}
.form-item .checkbox{position:relative;display:inline-block;}
.form-item .checkbox li{padding:.5em;padding-left:0;}
.form-item .checkbox li input{margin:0 3px -2px;}
.form-item .upload img{float:left;width:2em;margin:0;}
.form-item .upload .btn{width:6em;line-height:2em;background-color:#e9e9ed;border:1px solid #cccccc;}/*#f5f5f5*/
.form-item .upload span{font-size:.85em;font-style:italic;font-weight:700;}

.form-item .thumbnail .xbox{
background-color: #fff;
margin-top: 3em;
margin: .5em;
  margin-top: 0.5em;
margin-top: 3em;
height: 10em;
width: 13em;
overflow: hidden;
float: left;
/*w13 h10 oh left m05 bw mt3*/
}
.form-item .thumbnail img{width:100%;}
/*
.thumbTools {
background-color: #fff;
padding: .2em;
margin-top: 10em;
width: 12.5em;
position: absolute;
text-align: left;	
}
.thumbTools input{border: thin solid #e1e1e1;
padding: .5em;
width: 12.5em;
text-align: left;}
.thumbTools .deletePic{color: #EEB2B2;
float: right;
text-align: left;}*/
.main .content-uploads{position:relative;display:flex;flex-wrap:wrap;}
.main .content-uploads .form-folder{position:relative;xdisplay:inline-block;width:100%;padding:0 0 15px;border-bottom:1px solid #d3cece;margin-bottom:5px;}
.main .content-uploads .form-folder button{padding:.6em;margin:0;float:right;}



.main .content-uploads .list-folders,.main .content-uploads .list-files{padding:1.2em;}
.main .content-uploads .list-folders ul{display:block;padding-top:8px;}
.main .content-uploads .list-folders ul > li{cursor:pointer;padding:.5em;margin:.1em 0;}

.main .content-uploads .list-folders .active,.main .content-uploads .list-folders ul > li:hover{border-radius:0.25rem !important;background-color:#FAAD4E !important;color:#ffffff;}

.main .content-uploads .form-control{padding:0.4em !important;}
.main .content-uploads .title-files{position:relative;width:100%;display:table;margin:0;padding:0 0 5px 0;border-bottom:1px solid #d3cece;margin-bottom:10px;}
.main .content-uploads .title-files.d-flex{-ms-flex-wrap:wrap;flex-wrap:wrap;}

.main .content-uploads .title-files .left-cell{font-size:20px;}
.main .content-uploads .list-files .grid-files,.main .form-body .thumbnail{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}

.main .content-uploads .list-files .box,.main .form-body .thumbnail .box{position:relative;display:flex;flex-direction:column;margin-bottom:10px !important;border-radius:4px;box-shadow:0 10px 15px -5px rgba(0, 0, 0, 0.07);background-color:#fff;border:1px solid #cccccc;min-width:0;word-wrap:break-word;text-align:center;overflow:hidden;xheight:100%;height:150px;margin-left:auto;margin-right:auto;}
.main .form-body .thumbnail .box{height:180px;}
.main .content-uploads .list-files .box-file,.main .form-body .thumbnail .box-file{position:relative;overflow:hidden;display:block;height:130px;}
.main .form-body .thumbnail .box-file{margin-bottom:.2em;}
.main .form-body .thumbnail .box-content{display:flex;padding:.3em;}
.main .form-body .thumbnail .box-content input,.main .form-body .thumbnail .box-content span{display:flex;align-items:center;}
.main .form-body .thumbnail .box-content input{width:100%;}
.main .content-uploads .list-files .box-file img,.main .content-uploads .list-files .box-file video,.main .content-uploads .list-files .box-file audio{max-width:100%;height:auto;width:100%;position:absolute;border-radius:0.5em !important;padding:5px;transform:none;object-fit:contain;object-position:top center;left:0;top:0;}

.main .content-uploads .list-files .box-file i{height:100%;display:flex;align-items:center;justify-content:center;
	
	/*display:block;margin:25% 0 .6em 0;*/}


.main .content-uploads .grid-files > *,.main .form-body .thumbnail > *{flex-shrink:0;width:100%;max-width:100%;padding-right:10px;padding-left:10px;margin-top:10px;}
.main .form-body .thumbnail > *{padding-left:0;}
.main .content-uploads .list-files .xbox-file::after{content:'';display:block;opacity:0;visibility:hidden;padding-bottom:60%;}
.main .content-uploads .list-files .box-content{padding:5px;}
.main .content-uploads .list-files .box.selected{border:3px solid #009835;}



.btn.small{font-size:inherit;line-height:1;}


.main .content-uploads .deleteFile{color:#ffffff;background-color:#E84B4B;}
.main .content-uploads .pagination-files{position:relative;width:100%;padding:10px 0 0;margin-top:30px;border-top:1px solid #d3cece;}

/* =================================================================== */
/* =============================== FORMS ============================= */
/* =================================================================== */
.form-control{display:inline-block;height:100%;padding:.8em;background-color:#ffffff;color:#666666;border-radius:.2rem;border:1px solid #cccccc;vertical-align:middle;}
.form-control.filtro{width:28%;}
.form-control.readonly{background-color:#f5f5f5;color:#9e9b9b;padding:.5em;}
.form-lupa{position:absolute;cursor:pointer;font-size:2.1em !important;margin-top:4px;margin-left:-40px;}
.form-row{position:relative;padding:.5em;}
.form-row label{position:relative;display:flex;xdisplay:inline-block;color:#444444;margin-bottom:.3em;max-width:100%;}
.form-row .form-control[type="text"],.form-row .form-control[type="tel"],.form-row .form-control[type="email"],.form-row .form-control[type="password"],.form-row textarea.form-control{width:100%;}




.form-row .input-group,.form-row .input-group-image{position:relative;width:100%;display:flex;}
.form-row .input-group > .form-control, .form-row .input-group > .form-select{position:relative;flex:1 1 auto;width:1%;min-width:0;}
.form-row .input-group .leitura{display:flex;background-color:#f5f5f5;color:#9e9b9b;padding:.2em;border-radius:.2rem;border:1px solid #cccccc;vertical-align:middle;white-space:nowrap;align-items:center;}
.form-row .input-group .leitura:first-child{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;}
.form-row .input-group .form-control:last-child{border-top-left-radius:0;border-bottom-left-radius:0;}
.form-row .input-group-image img{display:flex;position:absolute;border-radius:.2rem;height:100%;z-index:1;left:0;align-items:center;text-align:center;white-space:nowrap;}
.form-row .input-group-image img:first-child{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0;}
/*.form-check{position:relative;display:block;padding-left:1.25rem;margin-left:0.5em;}
.form-check-input{position:absolute;margin-top:.3em;margin-left:-1.25rem;}
.form-check-label{line-height:1.4;margin-bottom:0 !important;}*/
.form-btns{border-top:1px solid #cccccc;padding:.3em .5em;text-align:right;}
.form-btns button{padding:.5em 1em;}
.form-row-border{padding:.8em;border-radius:.2rem;border:1px solid #ccc;}
.form-row .input-group.inline{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;min-height:1.5em;margin-bottom:.3em;align-items:center;}
.form-row .form-check-label{gap:0.5em;margin-bottom:0 !important;}
.form-row .form-check-label.small{font-size:13px;gap:0.3em;color:#8b8a8a;}
/*
.form-row .input-inline{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin-right:1em;padding-left:1.5rem;min-height:1.5em;}
.form-row .input-group .form-check{position:absolute;z-index:-1;opacity:0;}
.form-row .form-custom-label{position:relative;display:flex;margin-bottom:0;vertical-align:top;gap: 0.5em;}

.form-row .form-custom-label::before{border:1px solid #9d9d9d;border-radius:.2rem;}


.form-row .input-group .form-check:checked ~ .form-custom-label::before {
  color: #fff;
  border-color: #007bff;
  background-color: #69aa8a;
}
.form-row .form-custom-label::before,.form-row .form-custom-label::after{position:absolute;display:block;content:"";width:1em;height:1em;left:-1.5rem;}

.form-row .form-custom-label::after {
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 50% 50%;
}


.form-row .input-group .form-check:checked ~ .form-custom-label::after {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGZpbGw9JyNmZmYnIGQ9J002LjU2NC43NWwtMy41OSAzLjYxMi0xLjUzOC0xLjU1TDAgNC4yNmwyLjk3NCAyLjk5TDggMi4xOTN6Jy8+PC9zdmc+);
}

*/

/*
.form-control--disabled {
  color: var(--form-control-disabled);
  cursor: not-allowed;
}
*/
input[type="checkbox"]{-webkit-appearance:none;appearance:none;position:relative;display:inline-block;background-color:#ffffff;margin:0;width:1.15em;height:1.15em;line-height:1.15em;border:1px solid #9d9d9d;border-radius:.2rem;cursor:pointer;outline:0;text-align:center;xtransform:translateY(-0.075em);xdisplay:grid;xplace-content:center;}
.small > input[type="checkbox"]{width:1em;height:1em;line-height:1em;}
inptu[type=checkbox]:hover:before{
  background-color: red;
}
input[type="checkbox"]::before{content:"";font-size:14px;color:#000000;
 /* 
  width: 0.65em;
  height: 0.65em;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  transform: scale(0);
  transform-origin: bottom left;
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--form-control-color);

  background-color: CanvasText;
  xcontent: '\2714';*/

/*position: absolute;
top: 0px;
left: 3px;
  content: '\2713';
  display: inline-block;
  text-align: center;
  color: white;
  line-height: 1em;
  width: 1em;
  height: 1em;
  border: 1px inset silver;
  border-radius: 0.25em;
  margin: 0.25em;*/
}

input[type="checkbox"]:checked::before{content:'\2714';color:#000000;
  /*transform: scale(1);*/
    
}
input[type="checkbox"]:checked{
  background-color:#e9ecee;border: 1px solid #666d72;
  xwidth: 25px;
  xheight: 25px;
}
input[type="checkbox"]:checked::before {
 /* background-color: #e9ecee;
  border: 1px solid #adb8c0;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);*/
}

input[type="checkbox"]:disabled {
  --form-control-color: var(--form-control-disabled);

  color: var(--form-control-disabled);
  cursor: not-allowed;
}

 /*input[type=checkbox]:before {
         content: "";
         display: block;
         position: absolute;
         width: 16px;
         height: 16px;
         top: 0;
         left: 0;
         border: 2px solid #555555;
         border-radius: 3px;
         background-color: white;
}
    input[type=checkbox]:checked:after {
         content: "";
         display: block;
         width: 5px;
         height: 10px;
         border: solid black;
         border-width: 0 2px 2px 0;
         -webkit-transform: rotate(45deg);
         -ms-transform: rotate(45deg);
         transform: rotate(45deg);
         position: absolute;
         top: 2px;
         left: 6px;
}*/



/* =================================================================== */
/* ================================ FILES ============================ */
/* =================================================================== */



/* =================================================================== */
/* ============================== BUTTON ============================= */
/* =================================================================== */
.btn{background-color:#ffffff;color:#444444;text-align:center;padding:.2em;border:none;border-radius:.2em;cursor:pointer;}
.btn:hover{background-image:linear-gradient(to bottom, transparent, rgba(0,0,0,.15));cursor:pointer;}
.warning{color:#ffffff;background-color:#F3AB44;}
.btn-new{display:flex;background-color:#53C276;color:#ffffff;font-size:1.3em;}
.btn-topo{display:flex;background-color:#F3AB44;color:#ffffff;font-size:1.3em;position:fixed;top:90%;right:.9em;}
.btn-topo .material-icons{font-size:1.3em;}
.primary{color:#ffffff;background-color:#5EAAE2;}
.success,.success:hover,.success.actived,.save:hover,.save.actived{color:#ffffff;background-color:#53C276;}
.edit:hover,.blue:hover,.edit.actived{color:#ffffff;background-color:#5EAAE2;}
.error,.error:hover,.error.actived,.delete:hover,.red:hover,.delete.actived{color:#ffffff !important;background-color:#E84B4B;}
.btn-folder{background-color:#5EAAE2;color:#ffffff;text-align:center;margin-right:.3em;padding:0em .1em;min-width:1.3em;height:1.4em;cursor:pointer;}
.bgpurple{color:#ffffff;background-color:#605ca8 !important;}
.secondary{color:#ffffff;background-color:#17a2b8;}
button[disabled=disabled], button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none;background-color:#ccc !important;}
/* =================================================================== */
/* =============================== PAGER ============================= */
/* =================================================================== */
.pager{display:flex;padding-left:0;white-space:nowrap;justify-content:flex-end;border-radius:.2em;}
.pager-info{padding-top:.9em;font-size:14px;white-space:nowrap;}
.pager > li:first-child > a,.pager > li:first-child > span{margin-left:0;  border-top-left-radius:.2em;border-bottom-left-radius:.2em;}
.pager > li:last-child > a,.pager > li:last-child > span{border-top-right-radius:.2em;border-bottom-right-radius:.2em;}
.pager > li > a, .pager > li > span{position:relative;display:inline-block;background-color:#ffffff;line-height:1.25;font-size:14px;color:#666666;border:1px solid #e2e3e3;padding:.5em .7em;}
.pager > li > a:hover,.pager > .active > a,.pager > .active > span{z-index:1;color:#ffffff;background-color:#FAAD4E;border-color:#FAAD4E;}
.pager > .active > a{cursor:default;}







/* =================================================================== */
/* =============================== SPINNER =========================== */
/* =================================================================== */
#mask{background:rgba(255,255,255,0.8);position:fixed;width:100%;height:100%;z-index:142071;top:0px;left:0px;}
.sk-cube-grid{width:80px;height:80px;margin:20% auto;}
.sk-cube-grid .sk-cube{width:33%;height:33%;background-color:#F3AB44;float:left;-webkit-animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out;animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out;}
.sk-cube-grid .sk-cube1{-webkit-animation-delay:0.2s;animation-delay:0.2s;}
.sk-cube-grid .sk-cube2{-webkit-animation-delay:0.3s;animation-delay:0.3s;}
.sk-cube-grid .sk-cube3{-webkit-animation-delay:0.4s;animation-delay:0.4s;}
.sk-cube-grid .sk-cube4{-webkit-animation-delay:0.1s;animation-delay:0.1s;}
.sk-cube-grid .sk-cube5{-webkit-animation-delay:0.2s;animation-delay:0.2s;}
.sk-cube-grid .sk-cube6{-webkit-animation-delay:0.3s;animation-delay:0.3s;}
.sk-cube-grid .sk-cube7{-webkit-animation-delay:0s;animation-delay:0s;}
.sk-cube-grid .sk-cube8{-webkit-animation-delay:0.1s;animation-delay:0.1s;}
.sk-cube-grid .sk-cube9{-webkit-animation-delay:0.2s;animation-delay:0.2s;}
@-webkit-keyframes sk-cubeGridScaleDelay{0%, 70%, 100% {
    -webkit-transform:scale3D(1, 1, 1);
            transform:scale3D(1, 1, 1);
  } 35% {
    -webkit-transform:scale3D(0, 0, 1);
            transform:scale3D(0, 0, 1);
  }
}
@keyframes sk-cubeGridScaleDelay{0%, 70%, 100% {
    -webkit-transform:scale3D(1, 1, 1);
            transform:scale3D(1, 1, 1);
  } 35% {
    -webkit-transform:scale3D(0, 0, 1);
            transform:scale3D(0, 0, 1);
  }
}
.divdisable{pointer-events:none;opacity:0.5;}
.ui-sortable-placeholder{background-color:#F3AB44 !important;opacity:0.2;
  xbackground: linear-gradient(to right, transparent 50%, #F3AB44 50%), linear-gradient(to right, #00b9ff, #59d941);
  xbackground-size: 16px 2px, 100% 2px;}
.ui-sortable-handle{cursor:move;}