/* font weights */ 

.fw-200{font-weight:200 !important;}
.fw-300{font-weight:300 !important;}
.fw-400{font-weight:400 !important;}
.fw-500{font-weight:500 !important;}
.fw-600{font-weight:600 !important;}
.fw-700{font-weight:700 !important;}
.fw-900{font-weight:900 !important;}
 
/* font sizes */

.small{font-size:.8em !important;}
.medium{font-size:1em !important;}
.large{font-size:1.5em !important;}

.fs-8{font-size:8px !important; }
.fs-9{font-size:9px !important; }
.fs-10{font-size:10px !important; }
.fs-11{font-size:11px !important; }
.fs-12{font-size:12px !important; }
.fs-13{font-size:13px !important; }
.fs-14{font-size:14px !important; }
.fs-15{font-size:15px !important; }
.fs-16{font-size:16px !important; }
.fs-17{font-size:17px !important; }
.fs-18{font-size:18px !important; }
.fs-19{font-size:19px !important; }
.fs-20{font-size:20px !important; }
.fs-21{font-size:21px !important; }
.fs-22{font-size:22px !important; }
.fs-23{font-size:23px !important; }
.fs-24{font-size:24px !important; }
.fs-25{font-size:25px !important; }
.fs-26{font-size:26px !important; }
.fs-27{font-size:27px !important; }
.fs-28{font-size:28px !important; }
.fs-29{font-size:29px !important; }
.fs-30{font-size:30px !important; }
.fs-35{font-size:35px !important; }
.fs-40{font-size:40px !important; }
.fs-45{font-size:45px !important; }
.fs-50{font-size:50px !important; }
.fs-60{font-size:60px !important; }
.fs-75{font-size:75px !important; }
 
/* formattings */

.bold{font-weight:bold !important;}
.italic{font-style:italic !important;}
.normal{font-weight:normal !important;}
.underline{text-decoration:underline !important;}
.no-underline{text-decoration:none !important;}
.uppercase{ text-transform: uppercase !important; }
.lowercase{ text-transform: lowercase !important; }

/* colors */

.color-orange { color: #FE980F !important;}
.color-orange-dark { color: #e17c00 !important }
.color-green{color:#008000 !important;} 
.color-green-light{color:#2ecc71 !important;} 
.color-green-dark { color: #84B200 !important;}
.color-blue{color:#3498db !important;} 
.color-red{color:#FF0000 !important;} 
.color-yellow{color:#f1c40f !important;} 
.color-maroon{color:#800000 !important;} 
.color-white{color:#FFFFFF !important;}
.color-black{color:#000000 !important;}
.color-brown-dark{color:#464646 !important;}
.color-brown-medium{color:#4E4D4A !important;}
.color-brown-light{color:#838280 !important;}
.color-brown-more-light{color:#DADAD9 !important;}
.color-brown-very-light{ color: #F3F2F2 !important;}

.color-dark-gray{color:#808080 !important;}
.color-actual-gray{color:gray !important;}
.color-gray-dark{color:#808080 !important;}
.color-gray{color:#E9E9E7 !important;}
.color-gray-athens{ color: #ecf0f1 !important;}
.color-fb { color: #0083C9 !important;}

.color-ubisecure-darkblue{ color: #0c73ac !important; }
.color-ubisecure-lightblue{ color: #bbd6e6 !important; }
.color-ubisecure-black { color: #434343 !important; }

/* background colors */

.bg-none{background:none !important;}
.bg-green{background:#3498db !important;}
.bg-blue{background:#3498db !important;}
.bg-light-red{background:#ffcccc !important;}
.bg-red{background:#e74c3c !important;}
.bg-dark-red{background:darkred !important;}
.bg-firebrick{background:firebrick !important;}
.bg-orange{background:#FE980F !important;}
.bg-dark-orange{background:#ff6600 !important;}
.bg-yellow{background:#f1c40f !important;}
.bg-white{background:#fff !important;}
.bg-black{background:#111 !important;}
.bg-brown-dark{background:#464646 !important;}
.bg-brown-medium{background:#4E4D4A !important;}
.bg-brown-light{background:#838280 !important;}
.bg-brown-more-light{background:#DADAD9 !important;}
.bg-brown-very-light{background:#F3F2F2 !important;}
.bg-fb { background-color: #0083C9 !important;}

.bg-ubisecure-darkblue{ background-color: #0c73ac !important; }
.bg-ubisecure-lightblue{ background-color: #bbd6e6 !important; }

.bg-info{background:#d9edf7 !important;color:#3a87ad !important;}
.bg-alert{background:#fcf8e3 !important;color:#c09853 !important;}
.bg-warning{background:#ffe5c7 !important;color:#ff971e !important;}
.bg-error{background:#f2dede !important;color:#b94a48 !important;}
.bg-success{background:#dff0d8 !important;color:#468847 !important;}
.bg-question{background:#f0e6f4 !important;color:#9855b4 !important;}
.bg-darkbrown { background: #6a6a6a; }

/* Box */

.box{background:lightgrey;color:#5a5a5a;border:1px solid #ddd;-o-border-radius:4px;border-radius:4px}
.box a{color:inherit}
.box.small{font-size:.8em}
.box.medium{font-size:1em}
.box.large{font-size:1.5em}
.box.square{-o-border-radius:0;border-radius:0}
.box.round{-o-border-radius:9999em;border-radius:9999em}
 
.box.info{background-color:#d9edf7;color:#3a87ad;border-color:#bce8f1}
.box.question{background-color:#f0e6f4;color:#9855b4;border-color:#f1dbfa}
.box.alert{background-color:#fcf8e3;color:#c09853;border-color:#fbeee0}
.box.warning{background:#ffe5c7;color:#ff971e;border-color:#ffdbb3}
.box.error{background:#f2dede;color:#b94a48;border-color:#eed3d7}
.box.success{background:#dff0d8;color:#468847;border-color:#d6e9c6}
 
.box.green{border-color:#2ecc71;background-color:#54d98c;color:#fff}
.box.blue{border-color:#3498db;background-color:#5faee3;color:#fff}
.box.yellow{border-color:#f1c40f;background-color:#f4d03f;color:#fff}
.box.red{border-color:#e74c3c;background-color:#ed7669;color:#fff}
.box.white{border-color:#fff;background-color:#fff;color:#111}
.box.black{border-color:#111;background-color:#2b2b2b;color:#fff}


/* margins */

.mar-auto { margin: auto !important; }

.mar-none{margin:0 !important;}
.mar-top-none{margin-top:0 !important;}
.mar-bottom-none{margin-bottom:0 !important;}
.mar-left-none{margin-left:0 !important;}
.mar-right-none{margin-right:0 !important;}

.mar-5{margin:5px !important;}
.mar-10{margin:10px !important;}
.mar-20{margin:20px !important;}
.mar-30{margin:30px !important;}
.mar-40{margin:40px !important;}

.mar-top-5{margin-top:5px !important;}
.mar-top-7{margin-top:7px !important;}
.mar-top-10{margin-top:10px !important;}
.mar-top-15{margin-top:15px !important;}
.mar-top-20{margin-top:20px !important;}
.mar-top-22{margin-top:22px !important;}
.mar-top-30{margin-top:30px !important;}
.mar-top-40{margin-top:40px !important;}
.mar-top-50{margin-top:50px !important;}
.mar-top-60{margin-top:60px !important;}
.mar-top-70{margin-top:70px !important;}
.mar-top-100 {margin-top:100px !important;}
.mar-top-140{margin-top:140px !important;}

.mar-right-5{margin-right:5px !important;}
.mar-right-7{margin-right:7px !important;}
.mar-right-10{margin-right:10px !important;}
.mar-right-20{margin-right:20px !important;}
.mar-right-30{margin-right:30px !important;}
.mar-right-40{margin-right:40px !important;}
.mar-right-100{margin-right:100px !important;}

.mar-bottom-5{margin-bottom:5px !important;}
.mar-bottom-7{margin-bottom:7px !important;}
.mar-bottom-10{margin-bottom:10px !important;}
.mar-bottom-15{margin-bottom:15px !important;}
.mar-bottom-20{margin-bottom:20px !important;}
.mar-bottom-30{margin-bottom:30px !important;}
.mar-bottom-40{margin-bottom:40px !important;}
.mar-bottom-50{margin-bottom:50px !important;}
.mar-bottom-100{margin-bottom:100px !important;}

.mar-left-negative-5{margin-left:-5px !important;}
.mar-left-0{margin-left:0 !important;}
.mar-left-2{margin-left:2px !important;}
.mar-left-5{margin-left:5px !important;}
.mar-left-7{margin-left:7px !important;}
.mar-left-10{margin-left:10px !important;}
.mar-left-15{margin-left:15px !important;}
.mar-left-20{margin-left:20px !important;}
.mar-left-30{margin-left:30px !important;}
.mar-left-35{margin-left:35px !important;}
.mar-left-40{margin-left:40px !important;}

.offset-5{margin:-5px !important;}
.offset-10{margin:-10px !important;}
.offset-20{margin:-20px !important;}
.offset-30{margin:-30px !important;} 

.offset-top-5{margin-top:-5px !important;}
.offset-top-10{margin-top:-10px !important;}
.offset-top-20{margin-top:-20px !important;}
.offset-top-30{margin-top:-30px !important;} 
 
.offset-right-5{margin-right:-5px !important;}
.offset-right-10{margin-right:-10px !important;}
.offset-right-20{margin-right:-20px !important;}
.offset-right-30{margin-right:-30px !important;}
 
.offset-bottom-5{margin-bottom:-5px !important;}
.offset-bottom-10{margin-bottom:-10px !important;}
.offset-bottom-20{margin-bottom:-20px !important;}
.offset-bottom-30{margin-bottom:-30px !important;}

.offset-left-5{margin-left:-5px !important;}
.offset-left-10{margin-left:-10px !important;}
.offset-left-20{margin-left:-20px !important;}
.offset-left-30{margin-left:-30px !important;}


/* paddings */

.pad-none{padding:0 !important;}
.pad-top-none{padding-top:0 !important;}
.pad-bottom-none{padding-bottom:0 !important;}
.pad-left-none{padding-left:0 !important;}
.pad-right-none{padding-right:0 !important;}

.pad-2{padding:2px !important;}
.pad-5{padding:5px !important;}
.pad-7{padding:7px !important;}
.pad-10{padding:10px !important;}
.pad-11{padding:11px !important;}
.pad-20{padding:20px !important;}
.pad-25{padding:25px !important;}
.pad-30{padding:30px !important;}
.pad-40{padding:40px !important;}
.pad-50{padding:50px !important;}

.pad-top-1{padding-top:1px !important;} 
.pad-top-2{padding-top:2px !important;} 
.pad-top-5{padding-top:5px !important;}
.pad-top-10{padding-top:10px !important;}
.pad-top-15{padding-top:15px !important;}
.pad-top-20{padding-top:20px !important;}
.pad-top-30{padding-top:30px !important;}
.pad-top-40{padding-top:40px !important;}


.pad-right-2{padding-right:2px !important;}
.pad-right-5{padding-right:5px !important;}
.pad-right-10{padding-right:10px !important;} 
.pad-right-15{padding-right:15px !important;} 
.pad-right-20{padding-right:20px !important;}
.pad-right-25{padding-right:25px !important;}
.pad-right-30{padding-right:30px !important;}
.pad-right-40{padding-right:40px !important;}
.pad-right-100{padding-right:100px !important;}
.pad-right-200{padding-right:200px !important;}

.pad-bottom-2{padding-bottom:2px !important;}
.pad-bottom-5{padding-bottom:5px !important;}
.pad-bottom-10{padding-bottom:10px !important;} 
.pad-bottom-20{padding-bottom:20px !important;}
.pad-bottom-30{padding-bottom:30px !important;} 
.pad-bottom-40{padding-bottom:40px !important;} 
.pad-bottom-50{padding-bottom:50px !important;} 

.pad-left-2{padding-left:2px !important;}
.pad-left-5{padding-left:5px !important;}
.pad-left-10{padding-left:10px !important;}
.pad-left-15{padding-left:15px !important;}
.pad-left-20{padding-left:20px !important;}
.pad-left-25{padding-left:25px !important;}
.pad-left-30{padding-left:30px !important;} 
.pad-left-40{padding-left:40px !important;} 
.pad-left-45{padding-left:45px !important;} 
.pad-left-187{padding-left:187px !important;} 



 
/* borders */

.border-none{border:none !important;}
.border-top-none{border-top:none !important;}
.border-bottom-none{border-bottom:none !important;}
.border-left-none{border-left:none !important;}
.border-right-none{border-right:none !important;}

.border-red{border:1px solid #FF0000 !important;} 
.border-white{border:1px solid #FFFFFF !important;}
.border-black{border:1px solid #000000 !important;}
.border-brown-dark{border:1px solid #353432 !important;}
.border-brown-medium{border:1px solid #4E4D4A !important;}
.border-brown-light{border:1px solid #838280 !important;}
.border-brown-more-light{border:1px solid #DADAD9 !important;}
.border-brown-very-light{border:1px solid #F3F2F2 !important;}

.border-ubisecure-darkblue{ border:1px solid #0c73ac !important; }
.border-ubisecure-lightblue{ border:1px solid #bbd6e6 !important; }

.border-top{border-top:1px solid #ddd !important;}
.border-right{border-right:1px solid #ddd !important;}
.border-bottom{border-bottom:1px solid #ddd !important;}
.border-left{border-left:1px solid #ddd !important;}

.border-radius-none{border-radius:0 !important; }
.border-radius-5{border-radius:5px !important; }
.border-radius-10{border-radius:10px !important; }
.border-radius-15{border-radius:15px !important; }

 

/* displays */

.inline{display:inline !important;}
.block{display:block !important;}
.inline-block{display:inline-block !important; width:auto !important;}
.table-cell{display:table-cell !important; }

/* line heights */

.lh-8{line-height:8px !important; }
.lh-9{line-height:9px !important; }
.lh-10{line-height:10px !important; }
.lh-11{line-height:11px !important; }
.lh-12{line-height:12px !important; }
.lh-13{line-height:13px !important; }
.lh-14{line-height:14px !important; }
.lh-15{line-height:15px !important; }
.lh-16{line-height:16px !important; }
.lh-17{line-height:17px !important; }
.lh-18{line-height:18px !important; }
.lh-19{line-height:19px !important; }
.lh-20{line-height:20px !important; }
.lh-21{line-height:21px !important; }
.lh-22{line-height:22px !important; }
.lh-23{line-height:23px !important; }
.lh-24{line-height:24px !important; }
.lh-25{line-height:25px !important; }
.lh-26{line-height:26px !important; }
.lh-27{line-height:27px !important; }
.lh-28{line-height:28px !important; }
.lh-29{line-height:29px !important; }
.lh-30{line-height:30px !important; }
.lh-33{line-height:33px !important; }
.lh-34{line-height:34px !important; }
.lh-35{line-height:35px !important; }
.lh-40{line-height:40px !important; }
.lh-45{line-height:45px !important; }
.lh-50{line-height:50px !important; }
.lh-60{line-height:60px !important; }

/* min heights */

.mh-50{min-height:50px !important; }
.mh-100{min-height:100px !important; }
.mh-150{min-height:150px !important; }
.mh-180{min-height:180px !important; }
.mh-200{min-height:200px !important; }
.mh-250{min-height:250px !important; }
.mh-300{min-height:300px !important; }
.mh-350{min-height:350px !important; }
.mh-400{min-height:400px !important; }
.mh-450{min-height:450px !important; }
.mh-500{min-height:500px !important; }
.mh-650{min-height:650px !important; }
.mh-1000{min-height:1000px !important; }
.mh-1015{min-height:1015px !important; }
.mh-1500{min-height:1500px !important; }
.mh-2500{min-height:2500px !important; }


/* positions */

.stick,.fixed{position:fixed !important; }
.stick.top,.fixed.top{position:fixed !important;top:0 !important; }
.stick.right,.fixed.right{position:fixed !important;right:0 !important; }
.stick.bottom,.fixed.bottom{position:fixed !important;bottom:0 !important; }
.stick.left,.fixed.left{position:fixed !important;left:0 !important; }
.stick.middle,.fixed.middle{position:fixed !important;top:50% !important; }
.stick.center,.fixed.center{position:fixed !important;left:50% !important; }

.absolute{position:absolute !important; }
.absolute.top{position:absolute  !important;top:0 !important; }
.absolute.right{position:absolute !important;right:0 !important; }
.absolute.bottom{position:absolute !important;bottom:0 !important; }
.absolute.left{position:absolute !important;left:0 !important; }
.absolute.middle{position:absolute !important;top:50% !important; }
.absolute.center{position:absolute !important;left:50% !important; }

.relative{position:relative !important;}
.static{position:static !important;}


/* dimensions */
 
.width-auto{width:auto !important;}
.width-half{width:50% !important;}
.width-one-third{width:33.33% !important;}
.width-two-third{width:66.66% !important;}
.width-full{width:100% !important;}

.width-10{width:10px !important;}
.width-15{width:15px !important;}
.width-20{width:20px !important;}
.width-30{width:30px !important;}
.width-40{width:40px !important;}
.width-50{width:50px !important;}
.width-55{width:55px !important;}
.width-60{width:60px !important;}
.width-70{width:70px !important;}
.width-75{width:75px !important;}
.width-100{width:100px !important;}
.width-110{width:110px !important;}
.width-130{width:130px !important;}
.width-135{width:135px !important;}
.width-155{width:155px !important;}
.width-170{width:170px !important;}
.width-200{width:200px !important;}
.width-250{width:250px !important;}
.width-300{width:300px !important;}
.width-350{width:350px !important;}
.width-400{width:400px !important;}
.width-500{width:500px !important;}

.width-10-percent{width:10% !important;}
.width-20-percent{width:20% !important;}
.width-49-percent{width:49% !important;}
.width-50-percent{width:50% !important;}
.width-30-percent{width:30% !important;}
.width-65-percent{width:65% !important;}
.width-80-percent{width:80% !important;}
.width-90-percent{width:90% !important;}
.width-95-percent{width:95% !important;}
.width-98-percent{width:98% !important;}
.width-99-percent{width:99% !important;}
.width-100-percent{width:100% !important;}
.width-101-percent{width:101% !important;}
.width-110-percent{width:110% !important;}

.max-width-95-percent{max-width:95% !important;}
.max-width-99-percent{max-width:99% !important;}
.max-width-100-percent{max-width:100% !important;}
 
.height-20{height:20px !important;}
.height-30{height:30px !important;}
.height-35{height:35px !important;}
.height-40{height:40px !important;}
.height-50{height:50px !important;}
.height-60{height:60px !important;}
.height-70{height:70px !important;}
.height-100{height:100px !important;}
.height-130{height:130px !important;}
.height-200{height:200px !important;}
.height-250{height:250px !important;}
.height-300{height:300px !important;}
.height-360{height:360px !important;}
.height-365{height:365px !important;}


/* alignments */

.align-top{display:table-cell !important;vertical-align:top !important;}
.align-right{text-align:right !important;}
.align-bottom{display:table-cell !important;vertical-align:bottom !important;}
.align-left{text-align:left !important;}
.align-center{text-align:center !important;}
.align-middle{vertical-align:middle !important;}
.justify{text-align:justify !important;}

/* cursors */

.cursor-move { cursor: move !important; }
.cursor-hand { cursor: pointer !important }


/* others */

.hide{	display:none !important;}
.show{	display:block !important;}
.required { color:red !important;}
.pointer{cursor:pointer !important;}
.float-left { float:left !important;}
.float-right { float:right !important;}


.shadow-none{-webkit-box-shadow: none; box-shadow: none; }

/* tooltipsy */

.tooltipsy
{
    padding: 10px;
    max-width: 200px;
    color: #303030;
    background-color: #f5f5b5;
    border: 1px solid #deca7e;
}


.break-words {
    word-break: break-all !important;
    /*word-break: break-word !important;*/
}

.resize-none {
    resize: none !important;
}

.display-inline {
    display: inline !important;
}

.left-minus-7 { left: -7px !important; }
.left-minus-5 { left: -5px !important; }
.left-3 { left: 3px !important; }
.left-5 { left: 5px !important; }
.left-8 { left: 8px !important; }