@import url(https://fonts.googleapis.com/css?family=Dosis);
* {box-sizing: border-box;}
.ts_holder{position:relative;overflow:hidden; width: 230px !important; height: 307px !important;}
.loading_bg{position:absolute;left:0px;top:0px; bottom:0; right:0; width: auto !important; height: auto !important; display:none;background:rgba(255,255,255,0.5);}
.loading{position:absolute;top:0; left:0; right:0; bottom:0; width: 160px !important; height: 120px !important}
.loading p{font-size:18px;margin:0;text-align:center;padding:10px 0;color:#333;font-family:'Terminal Dosis',sans-serif;text-shadow:1px 1px 0px #ffffff;filter:dropshadow(color=#ffffff,offx=1,offy=1);}
.loading_bar{position:absolute; width:150px !important; height:20px;background:#777;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset 0px 0px 3px 0px rgba(0,0,0,.7);-moz-box-shadow:inset 0px 0px 3px 0px rgba(0,0,0,.7);box-shadow:inset 0px 0px 3px 0px rgba(0,0,0,.7);}
.loading_bar_inside{height:16px;width:0px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;margin-top:2px;margin-left:2px;background:rgb(0,132,181);background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYjc2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmYTczZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2ZmN2MwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjdmMDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top,rgba(0,132,181,1) 0%,rgba(0,132,181,1) 50%,rgba(0,132,181,1) 51%,rgba(0,132,181,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,132,181,1)),color-stop(50%,rgba(0,132,181,1)),color-stop(51%,rgba(0,132,181,1)),color-stop(100%,rgba(0,132,181,1)));background:-webkit-linear-gradient(top,rgba(0,132,181,1) 0%,rgba(0,132,181,1) 50%,rgba(0,132,181,1) 51%,rgba(0,132,181,1) 100%);background:-o-linear-gradient(top,rgba(0,132,181,1) 0%,rgba(0,132,181,1) 50%,rgba(0,132,181,1) 51%,rgba(0,132,181,1) 100%);background:-ms-linear-gradient(top,rgba(0,132,181,1) 0%,rgba(0,132,181,1) 50%,rgba(0,132,181,1) 51%,rgba(0,132,181,1) 100%);background:linear-gradient(top,rgba(0,132,181,1) 0%,rgba(0,132,181,1) 50%,rgba(0,132,181,1) 51%,rgba(0,132,181,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#07a2dc',endColorstr='#0084b5',GradientType=0);}
.ts_holder.zoomout{cursor:url('images_expertmode/zoomout.cur'),default;}
.ts_img_view{width: 229px; height: 306px;	/*position:absolute;*/-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;outline:none;-webkit-tap-highlight-color:rgba(255,255,255,0);}
.ts_imgzoom_view{position:absolute;z-index:10;display:none;}
.zoom{z-index:15;position:absolute;background-image:url(images_expertmode/zoomin.png);background-position:0 0;background-repeat:no-repeat;width:30px;height:30px;cursor:pointer;display:none;}
.round{position:absolute;top:0;right:0;z-index:10;display:none;}
.pointer{position:absolute;background:#eeddae;border:1px solid #0084b5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;}
.pointer_object{background:#a7a7a7;border-bottom:3px solid #0084b5;position:absolute;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;border-top-left-radius:5px;border-top-right-radius:5px;}
.zoomload_bg{position:absolute; width:100%; height:auto; display:none;left:0px;top:0px;background:red;}
.zoomload_gif{position:absolute;width:230px;height:307px;background-image:url(images_expertmode/ajax-loader.gif);background-position:0 0;background-repeat:no-repeat;}
#dopeless_rotate_logo{z-index:10;position:absolute;bottom:5px;left:5px;font-family:'Terminal Dosis',sans-serif;font-size:10px;color:#777;}
#dopeless_rotate_logo:hover{color:#000;}
.hotspot{position:absolute;width:20px;height:20px;background:#ededed;background-image:url(images_expertmode/plus.png);background-position:0 0;background-repeat:no-repeat;-webkit-border-radius:14px;-moz-border-radius:14px;border-radius:14px;display:none;border:2px solid #0084b5;color:#e89109;font-weight:bold;cursor:pointer;-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3);box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3);z-index:1000;}
.hotspot.expanded{min-height:20px;min-width:20px;width:auto;height:auto;max-width:40%;margin-right:10px;margin-bottom:10px;background-image:url(images_expertmode/minus.png);z-index:1000;}
.hotspot .hltitle{display:block;font-size:14px;padding:0px 5px 0px 22px;line-height:20px;}
.hotspot .hltext{display:block;font-size:11px;font-weight:400;padding:2px 5px;color:#555;}
.hltext.link{color:#555;}
.hltext.link:hover{color:#000;}
.hotspot.posr{background-position:100% 0;}
.hotspot.posb{background-position:0 100%;}
.hotspot.posb.posr{background-position:100% 100%;}
.hotspot.posr .hltitle{text-align:right;padding:0px 22px 0px 5px;}
.hotspot.posr .hltext{text-align:right;}
.hotspot.posb.posr .hltitle{text-align:right;}
.highlights{position:absolute;z-index:60;top:10px;left:10px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background:#0084b5;color:#fff;font-size:12px;padding:2px 4px;text-decoration:none;-webkit-box-shadow:1px 1px 0px 0px rgba(0,132,181,1);box-shadow:1px 1px 0px 0px rgba(0,132,181,1);text-shadow:1px 1px 1px #0084b5;}
.highlights:hover{background:#df8c0a;-webkit-box-shadow:none;box-shadow:none;}
.highlights a{text-decoration:none;display:block;color:#fff;}
.highlights a.highlights_item{padding-left:10px;padding-right:3px;line-height:20px;}
.highlights a.active{color:#ccc;cursor:default;}
.sethotspot{display:none;}


.TS,.TI{width:100%;background:transparent;position:absolute;z-index:10;left:0;cursor:pointer}
.TS{
/*	 background-color:#0095ff75;*/
	 height:23%;
}
.TI{
	bottom: 0;
/*	background-color:#ff000075;*/
	height:16%;
}
.dopelessrotate.hide{display:none;}
.dopelessrotateTop,.dopelessrotateBottom{display:none;}
.dopelessrotate .round,.dopelessrotateTop .round,.dopelessrotateBottom .round{display:none!important;}
.dopelessrotate .zoom{top:25px!important;z-index:14!important;}
.dopelessrotateTop .zoom,.dopelessrotateBottom .zoom{top:25px!important;z-index:15!important;}
.dopelessrotateTop.show,.dopelessrotateBottom.show{display:block;cursor:pointer;}
.box_stopper{float:left;background:;width:230px;height:307px;margin:5px;font-family:Lato;font-weight:400;font-size:1.5em;color:#FFFCFC;text-align:left;position:relative;}
.box_stopper_sample{margin:0 auto;/* border:1px solid red; */background:#fff;font-family:Lato;font-weight:400;font-size:1.5em;color:#FFFCFC;text-align:left;position:relative;}


.stopper_name {position: absolute; bottom:0; right: 0; left:0;}

.ItemsDragWrapper div[class^="col-sm-"] {margin-bottom: 30px;position: relative; min-height: 300px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease}
.ItemsDragWrapper div[class^="col-sm-"]:before {content: ''; position: absolute; top:15px; left:15px; right:15px; bottom:15px; border-bottom: 1px solid #eae3dd;}

/* ITEMS DROP */

.ItemsDragWrapper {margin-top:25px;float: left; clear:both; width: 100%;}
.ItemsDragWrapper .stopper_prg.on-drag {border:1px solid rgba(24,134,183,0.4);}


#samplePoolWRAP .ItemsDragWrapper .stopperWrap {width: 100% !important; height: auto !important; margin:0;}
#samplePoolWRAP .ItemsDragWrapper .ts_img_view {width: 100% !important; height: auto !important;}
#samplePoolWRAP .ItemsDragWrapper .ts_holder {width: 100% !important; height: auto !important;}
#samplePoolWRAP .ItemsDragWrapper .zoomload_bg {width: 100% !important; height: 100% !important;}
#samplePoolWRAP .ItemsDragWrapper .loading {width: 100% !important; height: 100% !important; left:0 !important;}


.stopper_prg .action_bar {position: absolute; top:0; left:0; right: 0; height: 35px; cursor:default; padding:10px; }
.stopper_prg .action_bar i {color:#1886B7;font-size:16px; cursor: pointer;}
.stopper_prg .action_bar i.fa-arrows {font-size:22px;}
.stopper_prg .action_bar i:hover {opacity: 0.7;}
.stopper_prg { margin:0 7.5px 15px;float: left; border:1px solid transparent; padding: 45px 0 65px; position: relative;-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease}
.stopper_prg .stopper_name {position: absolute; bottom:0; left:0; right: 0; cursor:default; height: 50px; padding:10px;  color:#1886B7; font-size:11px; display: table; width: 100%}
.stopper_prg .stopper_name div {display: table-cell;text-align: center;vertical-align: top;}

.stopper_prg .stopper-sides {position: absolute; bottom:-20px; left:-1px; right:-1px;height: 20px; background: #1886B7; color:#fff; }
.stopper_prg .stopper-sides > div {width: 33.33%; height:20px; float: left;text-align: center; font-size:9px;padding:3px 5px; cursor: pointer;}
.stopper_prg .stopper-sides div:hover {background: #15688d;--webkit-box-shadow: inset 10px 2px 23px -6px rgba(12,69,94,0.75); -moz-box-shadow: inset 10px 2px 23px -6px rgba(12,69,94,0.75); box-shadow: inset 10px 2px 23px -6px rgba(12,69,94,0.75);}
.stopper_prg .stopper-sides > div.active {background: #15688d;-webkit-box-shadow: inset 10px 2px 23px -6px rgba(12,69,94,0.75); -moz-box-shadow: inset 10px 2px 23px -6px rgba(12,69,94,0.75); box-shadow: inset 10px 2px 23px -6px rgba(12,69,94,0.75);}

.stopper_prg_pool {margin:25px 0;padding: 45px 0 15px;}

.ItemsDropWrapper {margin-top:20px;float: left; clear:both; width: 100%;}
.ItemsDropWrapper .ItemDrop .action_bar {position: absolute; top:0; left:0; right: 0; height: 35px; background: #F8F3F0; padding:10px; }
.ItemsDropWrapper .ItemDrop .action_bar i {color:#1886B7;font-size:16px;}
.ItemsDropWrapper .ItemDrop {float:left;margin: 3px 2px;width:calc(25% - 4px); position:relative; min-height:320px;position:relative;border: 2px dashed #CCC;display:block;  -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease}
.ItemsDropWrapper .stopper_prg {width: 100%; padding: 45px 0 65px; margin:0; position: relative;border:1px solid #ebebeb;-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease}
.ItemsDropWrapper .stopper_prg .stopper_name {position: absolute; bottom:0; left:0; right: 0; height: 50px; cursor:default; background: #F8F3F0; padding:10px; color:#1886B7; font-size:11px; display: table; width: 100%}
.ItemsDropWrapper .stopper_prg .stopper_name div {display: table-cell;text-align: right;vertical-align: bottom;}
.ItemsDropWrapper .ItemDrop:hover {border:2px dashed #1886B7;    -webkit-transform: scale(1.05); -moz-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02);transform: scale(1.02);}
.ItemsDropWrapper .ItemDrop .ItemDropNumber {z-index:15;position:absolute; left:50%; top:50%; text-shadow: 2px 0 0 #999, -2px 0 0 #999, 0 2px 0 #999, 0 -2px 0 #999, 1px 1px #999, -1px -1px 0 #999, 1px -1px 0 #999, -1px 1px 0 #999;font-size:40px; color:#f8f8f8;font-weight:bold;font-family: Arial,sans-serif}
.ItemsDropWrapper .ItemDrop .ItemDropNumber.nopointerevents {pointer-events:none;}
.ItemsDropWrapper .ItemDrop.nopointerevents .ItemDropNumber {position: absolute; top:19px; font-size:20px; color:#1886B7;text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;}
.ItemsDropWrapper .ts_holder {width: 100% !important; height: auto !important}
.ItemsDropWrapper .ts_img_view {width: 100% !important; height: auto !important}

.draggable,.draggable a {cursor:move;}
.elementDrag {z-index:999;width:40px; height: 40px; background: url('../img/elementdrag.png') center center no-repeat; background-size: 40px 40px; display: block;}
.elementDrag .elementsNumber {padding: 1px 4px; border:1px solid #33D386; font-weight:bold;display: block; color:#fff; background: #2BB673; position: absolute; top:0; left: 0; z-index: 9999; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}

.panel-body .ItemDrag {display: block; float:left;}
.panel-body .ItemDrag.selected .stopper_prg {border-top:4px solid #2BB673;opacity: 1; }
.panel-body.available_items_list .stopper_prg {opacity: 0.7}
.panel-body.available_items_list .stopper_prg.noopacity {opacity: 1 !important;}
.ItemsDragWrapper {min-height: 400px; padding-bottom: 100px;}
.stoppers_comment {cursor:pointer; position: absolute; top:0px; right:0px; padding: 9px 10px;}



/*CUSTOM SELECT*/
label.custom-select {position: relative;display: inline-block;width: 100%;margin-bottom: 12px;}
label.custom-select .form-control{cursor: pointer; height: 33px;}
label.custom-select .glyphicon{position:absolute; right:4px; top:10px; z-index:10; background:#fff;}
.custom-select select {display: inline-block;margin: 0;outline:none; font-size: 14px;-webkit-appearance:none;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.custom-select select {padding-right:30px;} }
.custom-select select:focus {/*-webkit-box-shadow: 0 0 3px 1px #000;-moz-box-shadow: 0 0 3px 1px #000;box-shadow: 0 0 3px 1px #000;*/}
.custom-select:after {content: "▼"; position: absolute;top: 1px;right: 1px; height:31px; font-size: 12px;line-height: 32px;padding: 0px 8px; background: #fff; color: #1886B7;pointer-events:none;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
.no-pointer-events .custom-select:after {content: none;}
label.custom-select.disabledSelect:after {background: #eee; color:#ccc;}
label.custom-select.disabledSelect .form-control {border: 1px solid #ccc; color:#ccc; cursor: not-allowed;}


.select2-container .select2-selection--single {height: 32px;border:1px solid #ccc;}
.select2-container--default .select2-selection--single {border-radius: 0; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {border-color: #0084B5 transparent transparent transparent;}
.select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 30px;}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {border-color: transparent transparent #0084B5 transparent;}
.select2-container--default .select2-selection--single .select2-selection__arrow {height: 30px; right: 4px;}
.select2-container--default.select2-container--focus .select2-selection--multiple {border:1px solid #ccc;}
.select2-container--default .select2-selection--multiple {border-radius: 0; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0;}
.select2-container--default .select2-selection--multiple {border:1px solid #ccc;font-family: 'Raleway',sans-serif;padding: 6px 12px;}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {cursor: pointer;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {color:#fff; margin-right: 5px;}
.select2-container--default .select2-selection--multiple .select2-selection__choice {background:#1886b7; color:#fff; border:0; padding:5px; }
.select2-container--default .select2-results__option--highlighted[aria-selected] {background:#1886b7;}
.select2-container {cursor: pointer;}

div.btsactions.auto, #product .panel-heading div.btsactions.auto {padding:0;}


.title-separador {font-size:18px; font-weight: 600; color:#231f20; margin:0 0 15px 0; }

.box-list { height: 200px; margin-bottom: 20px; background:#1886B7 url('../img/bg_box.png') center center no-repeat; background-size:cover; display: block; position: relative;  -moz-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s;}
.box-list .title {position: absolute; bottom:10px; right: 15px; left:15px; color:#fff; font-size:22px;font-family:'Lato',sans-serif;font-weight:400;text-align: right;}
.box-list:hover  {  -moz-transform: scale(0.95); -webkit-transform: scale(0.95); transform: scale(0.95);}

.linha-sep {clear: both;float: left; width: 100%;}
.linha-sep:after {clear: both;}

.year-name {font-size:18px; color:#1886b7;font-weight: 600;}
.hotspots {width:100%; height:40px; display:block;background-color: #e5e4e3;cursor: pointer; color: #444; font-size: 10px; vertical-align: middle; line-height: 14px; border: 2px solid #666; font-weight: bold; font-family: Verdana,sans-serif; -webkit-box-shadow: 1px 1px 20px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 1px 1px 20px 0px rgba(0, 0, 0, 0.75); box-shadow: 1px 1px 20px 0px rgba(0, 0, 0, 0.75); }

#divCombos {margin:20px 0; padding: 10px 0; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; width:650px; display: table}
.hotspotItem {margin-bottom: 10px; float:left; margin-right:15px;}
.hotspotItem label {margin-right: 10px; font-size: 13px; text-transform: uppercase; color: #555;margin-bottom:5px; display: block}
.hotspotItem select {text-align: center;height:30px;}
.hotspotItem select option {text-align: left;}


.stopperWrap {float: left;position: relative;width:230px; height: 419px; display: block; padding: 0;margin: 0 15px;}
.stopperWrap.percent75 {width: 153.3px; height: 279.3px; }
.stopperWrap.percent75 .ts_holder {width: 153.3px !important; height: 279.3px !important; }
.stopperWrap.percent75 .ts_img_view {width: 152.7px !important; height: 204px !important; }
.stopperWrap.percent75 .TS { top: 0px;height: 40px; }
.stopperWrap.percent75 .TI { bottom: 57px;height: 40px; }
.stopperWrap.percent75 .action_bar { top: 19px; }

.stopperWrap.percent50 {width: 115px; height: 208px; }
.stopperWrap.percent50 .ts_holder {width: 115px !important; height: 153px !important; }
.stopperWrap.percent50 .ts_img_view {width: 115px !important; height: 153px !important; }
.stopperWrap.percent50 .TS { top: 0px;height: 30px; }
.stopperWrap.percent50 .TI { bottom: -14px;height: 30px; }
.stopperWrap.percent50 .action_bar { top: 19px; }

.stopperWrap.percent25 {width: 57.5px; height: 104px; }
.stopperWrap.percent25 .ts_holder {width: 57.5px !important; height: 76.5px !important; }
.stopperWrap.percent25 .ts_img_view {width: 57.5px !important; height: 76.5px !important; }
.stopperWrap.percent25 .TS { top: 0px;height: 15px; }
.stopperWrap.percent25 .TI { height: 15px;bottom: -8px; }
.stopperWrap.percent25 .action_bar { top: 19px;width: 125%;margin-left: -6px; }

.stopperWrap img {}

.page-container .page-content .page-content-wrap {padding-bottom: 100px;}

.icon_aproval {position: absolute;top: -10px; right: -7px; background: #fff; border-radius: 50px; -webkit-border-radius:50px;}
.icon_aproval.fa-times-circle {color:#e31d1a !important;}
.icon_aproval.fa-check-circle {color:#96c33e !important;}

.samplepoolActions {float: right !important;margin:0;margin-top:10px; margin-right: 0 !important}
.samplepoolActions a {margin-right: 0 !important; }



@media print {
        .breadcrumb {display: none;}
        .btsactions {display: none;}
        .action_bar {display: none;}
        .stopper_name {display: none !important;}
        .stopper_prg {padding:0; height: auto !important}

        .form-control {border:1px solid transparent; border-bottom:1px solid #0084b5;}
        .custom-select:after {display: none;}
}