@font-face {
    font-family: myfont;
    src: url(../Fonts/Slabo/Slabo27px-Regular.ttf);
}
@font-face {
    font-family: font-awesome;
    src: url(../Fonts/font-awesome/fontawesome-webfont914c.ttf);
}

body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;background-color:#F3F7F9;overflow:hidden;overflow-y:scroll;font-family:myfont;}

body, a{color:#37474F;text-decoration:none}

a{cursor:pointer;}

div, li{outline:none;}

input{padding:10px;font-family:myfont;font-size:16px;font-weight:bold;}

button, a.button{font-family:myfont;float:left;font-size:14px;padding:5px 10px;margin:5px;min-height:30px;min-width:30px;}

button i, a.button i{margin-right:10px;}

input, textarea, select{border:1px solid #37A9B7 !important;border-collapse:collapse;border-radius:2px;-webkit-box-shadow:inset 0px 0px 5px 0px rgba(228,234,236,0.6);-moz-box-shadow:inset 0px 0px 5px 0px rgba(228,234,236,0.6);box-shadow:inset 0px 0px 5px 0px rgba(228,234,236,0.6);}

input[type="text"], input[type="number"], input[type="password"]{width:calc(100% - 22px);}

td input[type="text"], td select{min-width:50px;width:calc(100% - 32px);margin:0 5px;}
td input[type="checkbox"], td input[type="radio"]{min-width:30px;margin:0 5px;}
td p, td h2, td h3{text-align:center;font-weight:bold;padding:0;}

textarea{min-height:100px;resize:vertical;}

select{position:relative;padding:10px 5px;width:calc(100% - 20px);}

button, a.button{border-radius:5px;border:none;background-color:#37A9B7;color:#FFF;outline:none;cursor:pointer;}

a.button{padding-top:10px !important;padding-bottom:0px !important;}

label{float:left !important;}

.rs-label-2{width:100%;font-size:14px !important;font-weight:bold !important;padding:5px 0 5px 0;color:#333;}

.rs-colon{position:relative !important;}
.rs-colon:after{position:absolute !important;right:5px;top:5px;content:':';}

.rs-slash{position:relative !important;}
.rs-slash:after{position:absolute !important;font-size:24px;right:-4px;bottom:6px;content:'/';}

.rs-vbar{position:relative !important;}
.rs-vbar:after{position:absolute !important;right:0;height:100%;width:1px;border-left:1px dashed #37A9B7;content:' ';}

.rs-close{position:absolute !important;font-family:font-awesome !important;padding:5px;font-size:12px;font-weight:bold;height:12px;width:12px;font-style:normal;top:10px;right:10px;color:rgba(10, 10, 10, 0.8);background-color:rgba(10, 10, 10, 0.4);border-radius:50%;}
.rs-close:before{content:'\f00d';}
.rs-close:hover{color:#CCC;background-color:rgba(10, 10, 10, 0.8);animation:fadeIn 100ms linear;}

.rs-table-responsif{position:relative;float:left;width:100%;overflow-x:auto;margin-bottom:20px;}
.rs-table-responsif-h{float:left;width:100%;overflow:auto;margin-bottom:20px;}

table{width:100%;border-collapse:collapse;margin-bottom:20px;border-top:2px solid #37A9B7;border-left:1px solid #37A9B7;position:relatif;}
table tr{border-right:1px solid #37A9B7;}

.rs-table-responsif table{margin-bottom:0;}
thead tr{background-color:#37A9B7;color:white;text-align:center;font-weight:bold;}
tbody tr:nth-child(odd){background-color:#F3F7F9}
tbody tr:hover {background-color:#E4EAEC;}
tbody td:hover {background-color:#d8dee0;color:black;cursor:pointer;}

table tr td{border-bottom:2px solid #333;border-right:1px solid #333;padding:10px 5px;}
.data tr td{border:1px solid #333;padding:10px 5px;}
table .headerTable{text-align:center;font-weight:bold;background-color:#DDD !important;}
table .headerTable td:hover{background-color:#37A9B7 !important;color:#CCC;}

#rs-table-responsif{margin:10px 0;overflow:auto;max-height:400px;position:relative;background-color:white;}
#rs-table-responsif table .headerTable tr{width:100%;}
#rs-table-responsif table tr td{padding:4px 10px 4px 10px;}
#rs-table-responsif table .headerTable td{padding-bottom:15px;}

.fixedHeader{position:absolute;z-index:9;top:0;background-color:#37A9B7;}

#rs-table-responsif .clicked{background-color:#37A9B7;color:white}
#rs-table-responsif .hovered{background-color:#37A9B7;color:white;}
#rs-table-responsif .fixedHeader .hovered{background-color:#FFFFFF;color:#000000;}
#rs-table-responsif td:hover {background-color:#d8dee0;color:black;cursor:pointer;}
table .clicked{background-color:#37A9B7 !important;color:#FFF;}

ul{padding:0;margin:0}

hr{border:0;height:1px;width:100%;float:left;background-image:-webkit-linear-gradient(left, #fff, #ddd, #fff);background-image:-moz-linear-gradient(left, #fff, #ddd, #fff);background-image:-ms-linear-gradient(left, #fff, #ddd, #fff);background-image:-o-linear-gradient(left, #fff, #ddd, #fff);opacity:1;}

#header{width:calc(100% - 20px);height:50px;background-color:#37A9B7;position:fixed;top:0;left:0;z-index:1000;padding:5px 10px;font-family:myfont;}
#header[class="loading"]{background-image:url('../Images/slide.png');background-repeat:repeat-x;background-size:auto 60px;animation:animatedBackground 60s linear infinite;}
#header #rs-header-switch, #header .icon{background-color:rgba(35, 149, 163, 1);padding:10px;margin:5px 0 5px 5px;width:18px;border-radius:50%;text-align:center;color:#FFF;}
#header img{float:right;width:34px;height:34px;margin:7px 5px;background-color:#FFF;border-radius:50%;border:2px solid #FFF;margin-right:20px;}
#header .logo{position:absolute;right:5px;top:0;height:40px;width:auto;margin:10px;background-color:rgba(225, 225, 225, 0);border-radius:0;border:none;}
#header ul{color:white;margin:0 0 0 10px;padding:5px 0 5px 10px;float:left;}
#header ul li{background-color:rgba(35, 149, 163,1);list-style-type:none;float:left;padding:10px;border-radius:50%;margin-right:5px;min-width:18px;text-align:center;}
#header ul li ul{margin:0;padding:0;}
#header p{padding:10px;margin:0;}
#header .search{margin:3px 0 0 10px;width:calc(100% - 300px);position:absolute;right:30px;}
#header .button-search{position:absolute;right:25px;border-radius:2px;top:3px;border:1px solid #37A9B7;opacity:0.8;}

.rs-main{width:100%;height:100%;}

.nav{width:250px;height:calc(100%-60px);background-color:#FFF;position:fixed;left:0;bottom:0;top:60px;z-index:999;overflow:scroll;overflow-x:hidden;cursor:pointer;padding-bottom:40px;}
.nav ul{margin:0;padding:10px 0px;width:250px;overflow:hidden;}
.nav ul li{list-style-type:none;position:relative;width:180px;padding:10px 20px 10px 50px;}
.nav ul li:hover{background-color:rgba(55, 169, 183, 0.5);color:#FFF;}
.nav .user{padding:0;width:250px;height:100px;background-color:#37A9B7;margin:0px 0px 50px 0px;text-align:center;color:white;list-style-type:none;}
.nav .user i{left:0;}
.nav .user p{font-size:21px;font-weight:bold;padding:20px 0 10px 0;}
.nav .user img{position:absolute;left:calc(50% - 40px);top:60px;width:74px;height:74px;padding:3px;border-radius:50%;border:1px solid #F3F7F9;background-color:#FFF;z-index:999;}
.nav ul li i{position:absolute;left:20px;}
.nav ul li .sub{position:absolute;right:10px;}
.nav ul li ul{display:none;position:relative;margin:0;padding:0;padding-top:10px;left:-45px;}
.nav ul li ul li{width:200px;padding:10px 20px;}
.nav ul li ul li:hover{background-color:rgba(55, 169, 183, 0.4);}

.rs-content{padding:60px 0 0 5%;float:right;width:calc(95% - 250px);position:relative;background-color:#F3F7F9;}
.rs-content-toggle{width:95% !important;}
.rs-content h1{margin-bottom:0;}
.rs-content h4{margin-top:0;color:#A3AFB7;}
.rs-content-main-blank{width:calc(95% - 30px);padding:15px;margin-bottom:40px;content:' ';position:relative;}
.rs-content-main{width:calc(95% - 30px);padding:15px;margin-bottom:40px;content:' ';background-color:#FFF;border-radius:2px;border:1px solid #F3F7F9;overflow-x:hidden;position:relative;}
.rs-content-main h1, p{padding:5px;padding-bottom:10px;margin:0;}
.rs-content-main ul{padding:0;margin:0;}
.rs-content-main ul li{padding-top:10px;padding-bottom:10px;}
.rs-content-main h1 i{font-size:72px;}
.rs-content-main .rs-media{position:relative;padding:10px 20px 20px 20px;border:none;border-bottom:1px solid #CCC;}
.rs-content-main .rs-media li{list-style-type:none;margin:0;margin-left:70px;padding:0;}
.rs-content-main .rs-media .image img{position:absolute;left:10px;width:60px;border:3px solid #EEE;}
.rs-content-main .rs-media .title{font-size:22px;font-weight:bold;}
.rs-content-main .rs-media .date{font-size:12px;font-weight:bold;}

.rs-content-footer{float:left;bottom:0;width:calc(100% - 30px);background-color:#FFF;padding:15px;text-align:right;}

.rs-float-left, .rs-badge, #header #rs-header-switch{float:left;}
.rs-float-right, #header .icon{float:right;}
.rs-float-none{float:none;}

ul.rs-prog{width:100%;padding:0;margin:0 0 20px 0;height:10px;border-radius:3px;background-color:#CCC;position:relative;border-radius:5px;}
ul.rs-prog li{content:' ';background-color:#333;height:10px;list-style-type:none;position:absolute;top;0;left:0;border-radius:5px;background-image:url('../Images/slide.png');animation:animatedBackground 40s linear infinite;}

.rs-circle{border-radius:50%;}

.rs-hover-primary:hover{background-color:#37A9B7;color:#FFF !important;animation:fadeIn 200ms linear;}
.rs-hover-black:hover{background-color:#263238;color:#FFF !important;animation:fadeIn 200ms linear;}

.rs-dropdown{position:relative;display:inline-block;outline:none;cursor:pointer;}
.rs-dropdown-right .rs-dropdown-content{right:0 !important;left:auto !important;}
.rs-dropdown-content {position:absolute;z-index:9999;background-color:#FFF;color:#263238 !important; border-radius:2px;width:300px; margin-top:20px;overflow-x:hidden; overflow-y:auto;max-height:450px; border:collapse;border:1px solid #F3F7F9;display:none;}
.rs-dropdown-large .rs-dropdown-content{width:500px;}
.rs-dropdown-content .form{width:calc(100% - 30px);padding:15px;float:left;position:relative;}
.rs-dropdown-content .form ul li{color:black !important;font-weight:bold;padding:5px 0 10px 0 !important;}
.rs-dropdown-content a span{width:100%;padding:15px;float:left;}
.rs-dropdown-content a ul{position:relative;width:calc(100% - 20px);padding:10px;border-bottom:1px solid #F3F7F9;background-color:#FFF;}
.rs-dropdown-content a .notiv{background-color:#eaf0f3;}
.rs-dropdown-content a ul:hover{background-color:#F3F7F9;}
.rs-dropdown-content a ul li{width:calc(100% - 60px);padding:0;padding-left:60px;}
.rs-dropdown-content .image{position:absolute;left:0;top:0;width:40px;height:40px;border:4px solid #F3F7F9;}
.rs-dropdown-content .title{color:#37A9B7;font-weight:bold;font-size:16px;}
.rs-dropdown-content .subject{color:#263238 !important;font-size:12px;}
.rs-dropdown-content .date{color:#CCC !important;font-weight:bold;font-size:12px;}

.rs-badge{position:relative !important;width:100%;}
.rs-badge .rs-badge-content{width:auto;height:12px;line-height:12px;position:absolute !important;right:0;top:-8px;padding:4px; border-radius:8px;font-size:8px;text-align:center;font-weight:bold;}
.rs-content-main .rs-badge-content{right:10px;top:10px;}

.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);z-index:9999;}
.modal-main{width:60%;max-height:calc(100% - 120px);margin:60px 20%;overflow:hidden;overflow-y:auto;background-color:#FFFFFF;border-radius:5px;}
.modal-header{width:100%;height:50px;overflow:hidden;float:left;background-color:#37A9B7;color:white;position:relative;}
.modal-header .modal-title{font-size:25px;padding:10px 20px;}
.modal-header .modal-tool{position:absolute;right:10px;top:0;}
.modal-header .modal-tool button{background-color:rgba(255, 255, 255, 0.2);border-radius:50%;height:10px;width:10px;padding:2px !important;margin:10px;text-align:center !important;}
.modal-tool button.close:before{content:'\f00d';font-family:font-awesome !important;}
.modal-content{width:calc(100% - 40px);padding:10px 20px;float:left;border-bottom:1px solid #e4eaec;}
.modal-footer{width:calc(100% - 20px);height:30px;padding:10px;background-color:#FAFAFA;float:left;}
.modal-footer button{float:right;}

.rs-scroll-y{overflow-x:hidden;overflow-y:auto;}
.rs-scroll-y::-webkit-scrollbar {width:5px;padding-right:10px;}
.rs-scroll-y::-webkit-scrollbar-track {}
.rs-scroll-y::-webkit-scrollbar-track-piece {background-color:rgba(0,0,0,0);}
.rs-scroll-y::-webkit-scrollbar-thumb {border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.2);}

.rs-row, .rs-product, .filterTools, .rs-content-kategori{width:calc(100% - 10px);;padding:5px;position:relative;float:left;}
form .rs-row, .form .rs-row{margin-bottom:5px;}
form .rs-row:before, .form .rs-row:before{content:'';border-bottom:1px dashed #37A9B7;width:calc(100% - 15px);height:1px;overflow:hidden;float:left;position:absolute;bottom:0;left:0;}
form .rs-row p, .form .rs-row p{text-align:left;font-weight:bold;padding:5px 0;}
form .rs-row h1, .form .rs-row h1{text-align:left;font-weight:bold;margin:5px 0;}

.filterTools{margin-bottom:20px;font-family:font-awesome !important;}
.alphaAsc, .alphaDec, .numAsc, .numDec, .popu{background-color:#37A9B7;width:18px;height:18px;text-align:center;margin-right:10px;padding:10px;float:left;color:#FFF;}
.alphaAsc:before{content:'\f15d';}
.alphaDec:before{content:'\f15e';}
.numAsc:before{content:'\f162';}
.numDec:before{content:'\f163';}
.popu:before{content:'\f005';}

.rs-product li{padding:0;margin-bottom:10px;list-style-type:none !important;}
.produk-grip{display:none;}
.rs-product li ul{background-color:#FFF !important;padding:0 10px;margin:0 20px 0 0;border-color:1px solid #F1F5F7;}
.product-image{border-bottom:none;padding:20px 0 !important;}
.product-image img{margin:0 20px;width:calc(100% - 40px);height:auto;}
.product-name{border-top:1px solid #F1F5F7;border-bottom:none;font-weight:bold;padding-top:10px !important;margin-bottom:0px !important;font-size:18px;}
.product-price{border-top:none;font-size:12px;}
.product-stat{padding-bottom:10px !important;padding-top:10px !important;font-size:12px;border-top:1px solid #F1F5F7;text-align:center;}
.product-stat i{margin-right:15px;color:#37A9B7;}

.rs-content-kategori ul{padding:0;margin:0;cursor:pointer;}
.rs-content-kategori li{background-color:white;text-align:center;padding:0;list-style-type:none !important;width:calc(100% - 10px);border-radius:2px;vertical-align:text-middle;margin-bottom:10px;overflow:hidden;}
.rs-content-kategori img{width:100%;height:auto;}
.rs-content-kategori i{width:100%;font-size:72px;padding:30px 0 10px 0;}
.rs-content-kategori p{margin-bottom:10px;font-size:16px;height:30px;overflow:hidden;vertical-align: middle;}


.rs-col-v{float:none;}

form h1, form h2, form p, .form h1, .form h2, .form p{text-align:center;padding:10px 0;margin:0;}
form ul, .form ul{margin:0;padding:0;}
form ul li, .form ul li{list-style-type:none !important;position:relative;padding:2px 0;margin:0 !important;}

.radioCustom{position:relative;}
.rs-form-custom{z-index:100;position:relative;transform:scale(3, 2);opacity:0;}
.checked{font-family:font-awesome;}
.rs-form-custom ~ .checked{position:absolute;left:-10px;font-size:28px;font-style:normal;color:#37A9B7;}
.rs-form-custom ~ .checked:before{font-family:font-awesome;content:'\f204';}
.rs-form-custom:checked ~ .checked:before{font-family:font-awesome;content:'\f205';}
.rs-form-custom ~ p{margin:0;padding:4px 0 0 40px;text-align:left !important;}

blockquote{margin:0px;padding:10px;border-radius:5px;border:2px dashed #37A9B7;background-color:rgba(55, 169, 183, 0.2);}
blockquote h1, blockquote p{padding:5px;}

.rs-kode{width:calc(100% - 0px);padding:20px 5px;background-color:rgba(55, 169, 183, 0.2);float:left;}
.rs-kode .line{border-bottom:1px solid #CCC;width:100%;float:left;}
.rs-kode b{width:50px;float:left;position:relative;}
.rs-kode b:after{content:':';position:absolute;right:10px;}

/* Box Shadow */
.nav, .rs-product li ul, .rs-dropdown-content, .theme-content, .rs-content-main, .rs-content-kategori li, .rs-box-shadow, #rs-table-responsif, #ui-datepicker-div{box-shadow:0px 0px 9px 0px #CCD6DD !important;}

/* Text */
.rs-text-center{text-align:center;}
.rs-text-left{text-align:left;}
.rs-text-right{text-align:right;}
.rs-bold{font-weight:bold;}
.rs-padding-none{padding:0 !important;}





.rs-col-1, .rs-col-2, .rs-col-3, .rs-col-4, .rs-col-5, .rs-col-6, .rs-col-7, .rs-col-8, .rs-col-9, .rs-col-10, .rs-col-11, .rs-col-12{max-width:calc(100% - 12px);padding:5px;float:left;border:1px solid transparent;}.rs-col-1{width:calc(8.3333333333333% - 12px)}.rs-col-2{width:calc(16.666666666667% - 12px)}.rs-col-3{width:calc(25% - 12px)}.rs-col-4{width:calc(33.333333333333% - 12px)}.rs-col-5{width:calc(41.666666666667% - 12px)}.rs-col-6{width:calc(50% - 12px)}.rs-col-7{width:calc(58.333333333333% - 12px)}.rs-col-8{width:calc(66.666666666667% - 12px)}.rs-col-9{width:calc(75% - 12px)}.rs-col-10{width:calc(83.333333333333% - 12px)}.rs-col-11{width:calc(91.666666666667% - 12px)}.rs-col-12{width:calc(100% - 12px)}.rs-border-dotted{border-collapse:collapse;border:1px dotted #e4eaec;}.rs-border-dashed{border-collapse:collapse;border:1px dashed #e4eaec;}.rs-border-solid{border-collapse:collapse;border:1px solid #e4eaec;}.rs-border-double{border-collapse:collapse;border:1px double #e4eaec;}.rs-border-groove{border-collapse:collapse;border:1px groove #e4eaec;}.rs-border-ridge{border-collapse:collapse;border:1px ridge #e4eaec;}.rs-border-inset{border-collapse:collapse;border:1px inset #e4eaec;}.rs-border-outset{border-collapse:collapse;border:1px outset #e4eaec;}.rs-border-hidden{border-collapse:collapse;border:1px hidden #e4eaec;}.rs-border-red{border-color:#f96868 !important}.rs-border-pink{border-color:#E53B75 !important}.rs-border-purple{border-color:#6D45BC !important}.rs-border-indigo{border-color:#465BD4 !important}.rs-border-blue{border-color:#3583CA !important}.rs-border-cyan{border-color:#37A9B7 !important}.rs-border-teal{border-color:#178D81 !important}.rs-border-green{border-color:#279566 !important}.rs-border-yellow{border-color:#FBC02D !important}.rs-border-orange{border-color:#E98F2E !important}.rs-border-brown{border-color:#715146 !important}.rs-border-grey{border-color:#424242 !important}.rs-bgcolor-red{background-color:#f96868 !important;color:white;}.rs-bgcolor-pink{background-color:#E53B75 !important;color:white;}.rs-bgcolor-purple{background-color:#6D45BC !important;color:white;}.rs-bgcolor-indigo{background-color:#465BD4 !important;color:white;}.rs-bgcolor-blue{background-color:#3583CA !important;color:white;}.rs-bgcolor-cyan{background-color:#37A9B7 !important;color:white;}.rs-bgcolor-teal{background-color:#178D81 !important;color:white;}.rs-bgcolor-green{background-color:#279566 !important;color:white;}.rs-bgcolor-yellow{background-color:#FBC02D !important;color:white;}.rs-bgcolor-orange{background-color:#E98F2E !important;color:white;}.rs-bgcolor-brown{background-color:#715146 !important;color:white;}.rs-bgcolor-grey{background-color:#424242 !important;color:white;}.rs-bgcolor-primary{background-color:#37A9B7 !important;color:white;}
.rs-border-primary{border:1px solid #37A9B7;}
.rs-border-none{border:none !important;}

.theme{position:fixed;top:100px;right:0;padding:10px;border:1px solid #CCC;border-right:transparent;z-index:9999;}
.theme-content{background-color:white;padding:10px;width:180px;height:280px;position:fixed;top:100px;right:0;border:1px solid #CCC;z-index:1;}
.show{display:block !important;z-index:1000;}
.hidden{display:none !important;}

#loader {position:absolute;left:0px;top:0;width:100%;height:100%;background:url('../Images/page-loader.gif') 50% 50% no-repeat !important;background-position:center;}
#loader2 {position:absolute;left:0px;top:0;width:100%;height:100%;background:url('../Images/page-loader2.gif') 50% 50% no-repeat;background-position:center;}

@keyframes animatedBackground {from { background-position:0 0;}to { background-position:100% 0;}}

header, .rs-content, .checked{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}

@media (min-width:1441px){
}

@media (max-width:1024px){
.rs-col-1{width:calc(16.666666666667% - 12px)!important}.rs-col-3{width:calc(33.333333333333% - 12px)!important}.rs-col-5{width:calc(50% - 12px)!important}.rs-col-7{width:calc(66.666666666667% - 12px)!important}.rs-col-9{width:calc(83.333333333333% - 12px)!important}.rs-col-11{width:calc(100% - 12px)!important}}

@media (max-width:768px){
.rs-col-1, .rs-col-2, .rs-col-3, .rs-col-4{width:calc(50% - 12px);!important}.rs-col-5, .rs-col-6, .rs-col-7, .rs-col-8{width:calc(75% - 12px);!important}.nav{display:none;}
.rs-content{width:95%;}
.rs-dropdown-content{max-width:100% !important;max-height:100% !important;width:100% !important;position:fixed;left:0 !important;right:0;}

.rs-col-1, .rs-col-2, .rs-col-3, .rs-col-4, .rs-col-5, .rs-col-6, .rs-col-7, .rs-col-8, .rs-col-9, .rs-col-10, .rs-col-11, .rs-col-12{width:calc(100% - 12px)!important;}}


li.select2-results__option--highlighted{background-color:#37A9B7 !important;}
li.select2-results__option:hover{background-color:#37A9B7 !important;}

#ui-datepicker-div, .ui-datepicker-header{background-color:#F0F0F0;border-color:#F0F0F0;color:black;}
#ui-datepicker-div select{padding:2px;}
.ui-datepicker-header a{background-color:white;}
.ui-datepicker-header a i{padding:4px 11px;text-weight:bold;color:#37A9B7;}
#ui-datepicker-div table{border-collapse:collapse;border-top:2px solid #FFF;}
#ui-datepicker-div table tbody td{border:1px solid #37A9B7;}
#ui-datepicker-div table tbody td a{border:none;text-weight:bold;}

div.tagsinput { border:1px solid #37A9B7; background: #FFF; padding:5px; width:300px; height:100px; overflow-y: auto;}
div.tagsinput span.tag {font:family:myfont;border: 1px solid #37A9B7; -moz-border-radius:2px; -webkit-border-radius:2px; display: block; float: left; padding: 5px; text-decoration:none; background: #37A9B7; color: #FFF; margin-right: 5px; margin-bottom:5px;font-family: helvetica;  font-size:13px;}
div.tagsinput span.tag a { font-weight: bold; color: #FFF; text-decoration:none; font-size: 11px;  } 
div.tagsinput input { width:80px; margin:0px; font-family: myfont; font-size: 13px; border:1px solid transparent; padding:5px; background: transparent; color: #000; outline:0px;  margin-right:5px; margin-bottom:5px; }
div.tagsinput div { display:block; float: left; } 
.tags_clear { clear: both; width: 100%; height: 0px; }
.not_valid {background: #FBD8DB !important; color: #90111A !important;}